Module Asset Widgets

csActionsWidget

  • Title: Actions
  • Description: Definable templates to access actions
  • Icon: cs-icon-cogwheels

csAroundMeWidget

  • Title: Around me
  • Description: Assets around my current position on a map
  • Icon: cs-icon-google-maps

csAssetAnnotationsOverviewWidget

  • Title: Markers
  • Description: List of markers of the currently displayed asset
  • Icon: cs-icon-vector-path-square
  • Required applications: com.censhare.social.enterprisecommunication.EnterpriseCommunicationApplication

csAssetAnnotationsWidget

  • Title: Annotations
  • Description: Preview of the currently displayed asset with annotation functions
  • Icon: cs-icon-vector-path-square
  • Required applications: com.censhare.social.enterprisecommunication.EnterpriseCommunicationApplication

csAssetFacebookPreviewWidget

  • Title: Facebook preview
  • Description: Preview of a Facebook post
  • Icon: cs-icon-facebook
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetFileListWidget

  • Title: Files
  • Description: List of files of the currently displayed asset
  • Icon: cs-icon-file
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetLocationWidget

  • Title: Geographical coordinates
  • Description: Set the geographical coordinates based on an address entry or by placing a pin
  • Icon: cs-icon-google-maps
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetMetadataWidget

  • Title: Metadata
  • Description: Definable metadata of the currently displayed asset
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetPreviewAssignWidget

  • Title: Assigned preview
  • Description: Assigned preview of the currently displayed asset
  • Icon: cs-icon-visibility
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetPreviewWidget

  • Title: Preview
  • Description: Preview of the currently displayed asset
  • Icon: cs-icon-visibility
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetQueryWidget

  • Title: Quick search
  • Description: Displays an asset list based on the result of a quick search
  • Icon: cs-icon-search

csAssetSocialMediaFeedbackWidget

  • Title: Social media feedback
  • Description: Actual statistics of the social media post
  • Icon: cs-icon-share-alt
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetStateWidget

  • Title: Asset state
  • Description: State of an asset
  • Icon: cs-icon-circle-info

csAssetStatusWidget

  • Title: Status
  • Description: Status information of the currently displayed asset
  • Icon: cs-icon-circle-info
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetTasksWidget

  • Title: Open tasks
  • Description: List of open tasks of person
  • Icon: cs-icon-check

csAssetTwitterPreviewWidget

  • Title: Twitter preview
  • Description: Preview of a Twitter post
  • Icon: cs-icon-twitter
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetVersionsWidget

  • Title: Versions
  • Description: Overview of all versions and changes of the currently displayed asset
  • Icon: cs-icon-sort
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetWebPagePreviewWidget

  • Title: Website preview
  • Description: Website preview of a Web page asset
  • Icon: cs-icon-global
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetWorkflowStatusWidget

  • Title: Workflow
  • Description: Workflow information of the currently displayed asset
  • Icon: cs-icon-git-branch
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAssetYoutubePreviewWidget

  • Title: YouTube preview
  • Description: Preview of a YouTube video asset
  • Icon: cs-icon-youtube
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csAvailabilityWidget

  • Title: Availability times
  • Description: Shows the defined availability times of an availability calendar asset
  • Icon: cs-icon-calendar
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csBudgetManagementWidget

  • Title: Budget management
  • Description: Table displaying budget and cost information
  • Icon: cs-icon-coins
  • Required applications: com.censhare.mrm.budgetmanagement.BudgetManagementApplication

csBudgetWidget

  • Title: Budget
  • Description: Budget overview with source and target information
  • Icon: cs-icon-coins
  • Required applications: com.censhare.mrm.budgetmanagement.BudgetManagementApplication, com.censhare.api.applications.asset.metadata.AssetInfoApplication

csChartWidget

  • Title: Chart based on an asset
  • Description: Displays a chart with data obtained from a defined asset
  • Icon: cs-icon-charts

csCommunicationWidget

  • Title: Communication
  • Description: Exchange messages and information on the currently displayed asset
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.social.enterprisecommunication.EnterpriseCommunicationApplication

csContentDiffWidget

  • Title: Translation source
  • Description: Translation without memory
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.api.applications.translation.TranslationWithoutMemoryApplication

csContentEditorInspectorWidget

  • Title: Content Editor Attribute Inspector
  • Description: Content Editor Attribute Inspector
  • Icon: cs-icon-edit
  • Required applications: csContentEditorClientApplication

csContentEditorPreviewWidget

  • Title: XML Content Preview
  • Description: Preview of XML content for different channels and devices
  • Icon: cs-icon-visibility
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csContentEditorWidget

  • Title: Content Editor
  • Description: Content Editor for editing XML content
  • Icon: cs-icon-edit
  • Required applications: csContentEditorClientApplication

csGroupedRelatedAssetWidget

  • Title: Asset list based on related assets (grouped)
  • Description: Displays an asset list based on the related assets of a defined type of the currently displayed asset, with additional context grouping
  • Icon: cs-icon-list
  • Required applications: com.censhare.api.applications.asset.BasicAssetApplication

csIcmlEditorWidget

  • Title: Editor for Adobe InCopy documents
  • Description: Editor for Adobe InCopy documents
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.applications.incopyeditor.InCopyEditorApplication

csIcmlPreviewWidget

  • Title: Preview for Adobe InCopy documents
  • Description: Preview of Adobe InCopy documents placed in Adobe InDesign layouts based on a PDF document
  • Icon: cs-icon-visibility
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csImageCropEditorWidget

  • Title: Image clipping editor
  • Description: Widget to edit clipping regions for different aspect ratios
  • Icon: cs-icon-crop

csImageEditorWidget

  • Title: Image Editor
  • Description: Editor for images
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.applications.imageeditor.ImageEditorApplication

csJvmInfoWidget

  • Title: JVM statistics
  • Description: Statistics of the Java Virtual Machine (JVM) of the logged in Application Server
  • Icon: cs-icon-stats

csLayoutEditorWidget

  • Title: Editor for Adobe InDesign documents
  • Description: Editor for editing Adobe InDesign documents
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.applications.layouteditor.LayoutEditorApplication

csMathMLEditorWidget

  • Title: MathML Editor
  • Description: MathML Editor Widget
  • Icon: cs-icon-divide
  • Required applications: com.censhare.api.mathML.MathMLApplication

csMyLastCreatedWidget

  • Title: Last created
  • Description: List of the last created assets of the current logged in user
  • Icon: cs-icon-clock

csMyLastEditedWidget

  • Title: Last edited
  • Description: List of the last edited assets of the current logged in user
  • Icon: cs-icon-clock

csMyTaskWidget

  • Title: Tasks
  • Description: List of open tasks of the current logged in user
  • Icon: cs-icon-check

csOCNavigationItem

  • Title: Online navigation
  • Description: csOCNavigationItem.description
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.OC.NavigationItem

csOCPageLayout

  • Title: Online Channel Page Layout Widgets
  • Description: Allows to manage the online channel widgets placed on an standard portal page
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.OC.PageLayout

csOCSiteTree

  • Title: Online channel site tree editor
  • Description: Editor for editing online channel site trees
  • Icon: cs-icon-edit
  • Required applications: com.censhare.oc.administration.SiteMap

csOCSiteTreeNavigation

  • Title: Online navigation editor
  • Description: Editor for editing online navigation
  • Icon: cs-icon-edit

csOCSiteTreePageLayout

  • Title: Online page layout editor
  • Description: Editor for online page layouts
  • Icon: cs-icon-edit

csOCSiteTreePreview

  • Title: Online site tree preview
  • Description: Preview for online channel site trees
  • Icon: cs-icon-edit

csOCWidget

  • Title: Widget
  • Description: csOCWidget.description
  • Icon: cs-icon-edit
  • Required applications: com.censhare.api.OC.Widget, com.censhare.api.OC.PageLayout

csPinboardWidget

  • Title: Pinboard
  • Description: List of the assets in the pinboard of the current logged in user
  • Icon: cs-icon-pushpin

csProjectPlanningWidget

  • Title: Project Editor
  • Description: Editor for projects with sub projects and tasks in a Gantt view
  • Icon: cs-icon-git-create
  • Required applications: com.censhare.api.applications.projectplanning.ProjectPlanningApplication

csRelatedAssetWidget

  • Title: Asset list based on related assets
  • Description: Displays an asset list based on the related assets of a defined type of the currently displayed asset
  • Icon: cs-icon-list
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csMultiRelatedAssetWidget

  • Title: Asset list based on multiple related assets
  • Description: Displays an asset list based on the configured relations
  • Icon: cs-icon-list
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csReportWidget

  • Title: Report
  • Description: Report with data obtained from a XSLT
  • Icon: cs-icon-notes

csSearchFeaturesWidget

  • Title: Search configuration
  • Description: Configuration of auto suggest categories, sorting options, filters and quick filters
  • Icon: cs-icon-adjust-alt
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication

csServerLogWidget

  • Title: Server logs
  • Description: Access to server logs, heap dumps and jstack
  • Icon: cs-icon-stats

csServerStatisticsWidget

  • Title: Server statistics
  • Description: Server statistics of the logged in Application Server
  • Icon: cs-icon-stats

csStatisticsListWidget

  • Title: Statistics list
  • Description: Shows statistics information obtained from a XSLT
  • Icon: cs-icon-list

csStoredSearchWidget

  • Title: Asset list based on a stored search
  • Description: Displays an asset list based on the result of a stored search.
  • Icon: cs-icon-list

csTextEditorWidget

  • Title: Text Editor
  • Description: Editor for plain text files
  • Icon: cs-icon-paragraph-alt
  • Required applications: com.censhare.api.applications.asset.TextEditorApplication

csTourWidget

  • Title: censhare Tour
  • Description: An introduction tour through the censhare Web Client
  • Icon: cs-icon-projector

csTransformationChartWidget

  • Title: Chart based on a transformation
  • Description: Displays a chart based on a transformation
  • Icon: cs-icon-charts

csTransformationQueryWidget

  • Title: Asset list based on a transformation query
  • Description: Displays an asset list based on the result of an asset query that is defined by a transformation.
  • Icon: cs-icon-list

csTranslationWithMemoryMemoryWidget

  • Title: Translation with memory: Memory
  • Description: Memory widget for translation with memory
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.api.applications.translation.TranslationWithMemoryApplication, csTranslationWithMemoryClientApplication

csTranslationWithMemorySegmentsWidget

  • Title: Translation with memory: Segments
  • Description: Segments widget for translation with memory
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.api.applications.translation.TranslationWithMemoryApplication, csTranslationWithMemoryClientApplication

csTranslationWithMemoryStatsWidget

  • Title: Translation with memory: Statistics
  • Description: Statistics widget for translation with memory
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.api.applications.translation.TranslationWithMemoryApplication, csTranslationWithMemoryClientApplication

csTranslationWithMemoryTerminologyWidget

  • Title: Translation with memory: Terminology
  • Description: Terminology widget for translation with memory
  • Icon: cs-icon-conversation
  • Required applications: com.censhare.api.applications.translation.TranslationWithMemoryApplication, csTranslationWithMemoryClientApplication

csTreeTableWidget

  • Title: Table
  • Description: Table widget
  • Icon: cs-icon-table

csTwitterWidget

  • Title: Twitter
  • Description: List of Tweets of a Twitter account or results of a search query
  • Icon: cs-icon-twitter

csWeatherWidget

  • Title: Weather
  • Description: Weather forecast of a defined city
  • Icon: cs-icon-temperature

csWebsiteWidget

  • Title: Website
  • Description: Displays the content of website
  • Icon: cs-icon-global

csWorkloadAssignDepartmentWidget

  • Title: Team workload for a department
  • Description: Shows the workload of the team members of the currently displayed department based on their tasks in a calendar view
  • Icon: cs-icon-calendar

csWorkloadWidget

  • Title: Team Workload
  • Description: Shows the workload of the team members of a department based on their tasks in a calendar view
  • Icon: cs-icon-calendar
  • Required applications: com.censhare.api.applications.workload.WorkloadApplication

detailedSearchWidget

  • Title: Detailed search
  • Description: Search based on pre-defined asset features
  • Icon: cs-icon-search

csApiServiceStatisticsWidget

  • Title: API Service statistics
  • Description: Statistics of the censhare API Service
  • Icon: cs-icon-stats
  • Development only: true

csAssetTreeTableWidget

  • Title: Asset Table Control
  • Description: Demo widget for cs-asset-tree-table
  • Icon: cs-icon-view-list
  • Development only: true

csBasicListWidget

  • Title: csBasicListWidget.title
  • Description: csBasicListWidget.description
  • Icon: stop
  • Development only: true

csDemoTSWidget

  • Title: TypeScript demo widget
  • Description: An example of TypeScript widget
  • Icon: cs-icon-alarm
  • Development only: true

csFlatPlanElementsWidget

  • Title: Flatplan Elements
  • Description: Flatplan elements
  • Icon: cs-icon-edit
  • Required applications: csFlatPlanClientApplication, com.censhare.flatplan.FlatPlanApplication
  • Development only: true

csFlatPlanWidget

  • Title: Flatplan
  • Description: Editor for issues
  • Icon: cs-icon-edit
  • Required applications: csFlatPlanClientApplication, com.censhare.flatplan.FlatPlanApplication
  • Development only: true

csNewScrollExampleWidget

  • Title: Demo Scroll
  • Description: Description
  • Icon: cs-icon-divide
  • Development only: true

csNotifyWidget

  • Title: Notifications demo
  • Description: Gives access to standard notifications and dialogs
  • Icon: cs-icon-alarm
  • Development only: true

csOwnersWidget

  • Title: Owners
  • Description: List of the owners of the currently displayed asset
  • Icon: cs-icon-calendar
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication
  • Development only: true

csPhotosListWidget

  • Title: Photos
  • Description: List view of photos
  • Icon: cs-icon-image
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication
  • Development only: true

csRssWidget

  • Title: csRssWidget.title
  • Description: csRssWidget.description
  • Icon: cs-icon-rss
  • Development only: true

csTemplateWidget

  • Title: Widget Template
  • Description: A widget template for development
  • Icon: cs-icon-cogwheels
  • Development only: true

csTransformationDemoWidget

  • Title: Transformation Demo
  • Description: Demo for xslt calls
  • Icon: cs-icon-cogwheels
  • Development only: true

csTransparentItemRendererDemoWidget

  • Title: csTransparentItemRendererDemoWidget
  • Description: csTransparentItemRendererDemoWidget
  • Icon: cs-icon-alarm
  • Development only: true

csViewConverterDemoWidget

  • Title: Demo converter
  • Description: Uses test asset view/slot/snippet structure
  • Icon: cs-icon-alarm
  • Development only: true

csWidgetServiceExampleWidget

  • Title: Widget service example
  • Description: Example for widget communication using a widget service
  • Icon: cs-icon-random
  • Development only: true

csWorkflowChartWidget

  • Title: Issue statistics
  • Description: Pie chart of workflow states of all placed assets of an issue
  • Icon: cs-icon-pie-chart
  • Required applications: com.censhare.api.applications.asset.metadata.AssetInfoApplication
  • Development only: true

csWorldClockWidget

  • Title: World clock
  • Description: Displays time of defined cities
  • Icon: cs-icon-clock
  • Development only: true

Asset List

An asset list widget based on a fixed search requires the usage of the csAbstractQueryDataManagerHeadless function for the search query to be processed as expected.

See the csMyTaskWidget widget as example, on the block below:

const m = censhare.module("csMyTaskWidget");
 
m.constant("csMyTaskWidgetHeadless", ["csAbstractQueryDataManagerHeadless", "widgetInstance", "csEnlargeListWidget",
    function (csAbstractQueryDataManagerHeadless, widgetInstance, csEnlargeListWidget) {
        widgetInstance.setTitle("csMyTaskWidget.title");
 
        new csEnlargeListWidget({
            widgetInstance: widgetInstance,
            enlarge: "/tasks"
        });
 
        return new csAbstractQueryDataManagerHeadless({
            query: {
                condition: [
                    {name: 'censhare:function.my-tasks', value: true},
                    {name: 'censhare:task-completion-percentage', op: '!=', value: '100'}
                ],
                sortorders: {
                    order: [
                        {by: "censhare:asset.deadline", ascending: true}
                    ]
                }
            },
            widgetInstance: widgetInstance
        });
    }
]);

Other factorial widgets of the same type are the following: csMyLastCreatedWidget, csMyLastEditedWidget, csMyOpenTasksWidgetand csPinboardWidget

Multi-relation

The multi-relation widget addresses the problem of displaying many relation widgets in one container. It offers a clearer and more structured overview and it can be seen as a combination of multiple relation widgets.

In the widget’s configuration, it is possible to configure multiple relations. Each configured relation is shown up in the widget as a separate relation block.

deleteSelectedAssets()

Remove all selected related assets with confirmation

addMultiSelectionBehaviours(selectionData: any)

Add multi-selection behaviors to actions in the widget menu and title/s

updateShowList(key: string)

Toggle the showList (expand/collapse) property of a config item (by key)

deleteAll(key: string)

Remove all related assets in a category (by key)

openAssetRelations(key: string)

Open the asset relations page for a specific relation (by key)

addAssetRelations(key: string)

Add a related asset in a specific category (by key), opens the “Create asset” dialog (default tab: Existing asset)

initConfig()

Init the configuration of the “Add related asset” dialog

startMove(e: Event)

Handle the start drag event of a related asset item

changePosition(e: Event)

Handle the change position event (dragging iteration) of a related asset item

updateOrder(e: Event)

Update the order of categories

showHideBlock(item: string)

Show/Hide the configuration item block

remove(item: string)

Remove a category

onTypeChanged(entry: any, item: string)

Change the relation type of a category

updateDirection(item: string)

Change the relation direction of a category

addNew()

Add a new category of relations

disableLimitRelations(item)

Disable the limit of relations in a category

loadTypeList()

Load all relation types

loadFeatures()

Load all related assets

onDropResult(data: any, e?: any)

  • Handle the drop event
  • Check if the dropped items can be added
  • Check if there are multiple possible target categories to add to
  • Open a relation chooser dialog

onUpdateState(state?: any)

  • Toggle the drop zone status hidden/active
  • Check if there are relation categories that support dropping files/assets
  • Check if draggedRelations are included in allowedAssetTypes of any existing category

createRelation(assetRefs: string, option: any, droppedAssets: any[])

Create relation/s out of dropped assets with options.