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:
|
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.
Main component (cs-multi-related-asset-widget.component)
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)
Config component (cs-multi-related-asset-widget-config.component)
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
Dropzone component (cs-multi-related-asset-dropzone.component)
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 inallowedAssetTypes
of any existing category
createRelation(assetRefs: string, option: any, droppedAssets: any[])
Create relation/s out of dropped assets with options.