App version: deltatre.forgeintegrations.webcomponents.node.js:7.2.1
This web component can be directly implemented to an existing field.
For this web component, you must first have deploied the Graphic Asset Dashboard with its api resources.
Please follow this documentation to deploy the Graphic Asset Dashboard with its api resources.
Name | Description | Value |
---|---|---|
GRAPHIC_ASSETS_DASHBOARD_CLOUDINARY_FOLDER | Cloudinary folder filter if you want to work in a specific folder, set empty if you want to use the root | sample |
GRAPHIC_ASSETS_DASHBOARD_API_BASE_URL | Graphic asset dashboard distribution api url without final slash | https://graphicassetapi.integrations-lab-forge.deltatre.digital |
GUISHELL_GET_TOKEN_URL | GUISHELL get token url | https://sandbox-guishell.integrations-lab-forge.deltatre.digital/connect/token |
GRAPHIC_ASSETS_DASHBOARD_API_GUISHELL_NAME | Graphic assets dashboard distribution api name in GUISHELL | graphic-assets-dashboard-dapi |
GRAPHIC_ASSETS_DASHBOARD_API_GUISHELL_CLIENT_NAME | Graphic assets dashboard client name in GUISHELL | graphic-assets-dashboard-dapi-test |
GRAPHIC_ASSETS_DASHBOARD_API_GUISHELL_CLIENT_SECRET | Graphic assets dashboard client secret in GUISHELL | 00000000-0000-0000-0000-000000000000 |
GRAPHIC_ASSETS_DASHBOARD_UNIQUE_TAG_PREFIX | Graphic assets dashboard unique prefix tag | webcomp_ |
GRAPHIC_ASSETS_DASHBOARD_MAIN_THUMB_TRANSFORMATION | Graphic assets dashboard trasformation for main thumbnail | t_gad_table |
GRAPHIC_ASSETS_DASHBOARD_DATATABLE_THUMB_TRANSFORMATION | Graphic assets dashboard trasformation for table thumbnail | t_gad_table |
GRAPHIC_ASSETS_DASHBOARD_ASSETPREVIEW_TRANSFORMATION | Graphic assets dashboard trasformation for detail preview | t_gad_detail |
WEBCOMPONENTS_BASE_URL | Base url for Webcomponents | https://webcomponents.integrations-lab-forge.deltatre.digital |
Name | Url |
---|---|
paper-tree | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperTree |
paper-tree-node | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperTreeNode |
graphic-asset-dashboard | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/GraphicAssetDashboard |
"myField": { "type": "string", "description": "My Description", "title": "My Title", "localized": true, "extended-type": "graphic-asset-dashboard", "tagextradata": true }
This web component can be directly implemented to an existing field with the "brightcoveAccountId" and "brightcoveId".
Name | Url |
---|---|
bc-video-player | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/BrightcovePlayer |
"brightcoveId": { "type": "string", "title": "Brightcove ID", "description": "Brightcove ID", "localized": false, "tagextradata": false, "filter": false }, "brightcoveAccountId": { "type": "string", "title": "Brightcove Account ID", "description": "Brightcove Account ID", "localized": false, "tagextradata": false, "filter": false }, "BrightCovePlayer": { "title": "Video Preview", "extended-type": "bc-video-player", "readonly": true }
This web component can be directly implemented to an existing field with the "playerSiteId".
Name | Url |
---|---|
jw-player | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/JwPlayer |
"playerId": { "type": "string", "title": "JWPlayer ID", "description": "JWPlayer ID", "localized": false, "tagextradata": false, "filter": true, "readonly": true }, "playerSiteId": { "type": "string", "title": "JWPlayer Site Id", "description": "JWPlayer Site ID", "localized": false, "tagextradata": false, "filter": true, "readonly": true }, "playerMimeType": { "type": "string", "title": "JWPlayer MimeType", "description": "JWPlayer Video Mime Type", "localized": false, "tagextradata": false, "filter": true, "readonly": true }, "videoId": { "title": "Video Preview", "extended-type": "jw-player", "readonly": true }
This web component can be directly implemented to an existing field with the "videoId".
Name | Url |
---|---|
forge-vimeo-video-input | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/VimeoVideo |
"videoId": { "type": "string", "title": "Video Id", "description": "The unique identifier of the video", "localized": true, "tagextradata": false, "extended-type": "forge-vimeo-video-input" }
This web component can be directly implemented to an existing field with the video url, or it can be implemented as an additional field by enhancing the "urlFieldName" field with the field name of the video url.
Name | Url |
---|---|
video-player | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/VideoPlayer |
"url": { "type": "string", "title": "Video Url", "readonly": true, "extended-type": "video-player" }
"_videoPlayer": { "type": "string", "title": "Video Player", "urlFieldName": "url", "extended-type": "video-player" }
This web component is used to add a selection to another entity as a reference field.
"selection": [ { "title": "News List", "slug": "news-list", "entityId": "5f3245fa-6db3-47cb-b7cc-a80ca57a2da8", "translationId": "651e1fdc-627b-478e-9871-b0ed51b9ee6a", "culture": "en-us" } ]
Name | Url |
---|---|
selection-selector | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/SelectionSelector |
"selection": { "type": "array", "title": "Editorial selection", "localized": true, "extended-type": "selection-selector" }
This web component is used to count characters into a field (type string).
Name | Url |
---|---|
text-input-character-counter | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/TextInputCounter |
"subHeadline": { "extended-type": "text-input-character-counter", "max-length": number (optional) }
This web component is used to count characters into a rich text field (type string).
Name | Url |
---|---|
rich-text-input-character-counter | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/RichTextInputCounter |
"subHeadline": { "extended-type": "rich-text-input-character-counter", "max-length": number (optional) }
This web component allows to embed a social post.
Name | Url |
---|---|
o-embed | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/OEmbed |
"oEmbedField": { "extended-type": "o-embed" }
This web component allows to input a list of accessible link composed of Display Text, Accessible Text, Url and Open in new Tab Option.
Name | Url |
---|---|
accessible-link | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/AccessibleLink |
accessible-link-list | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/AccessibleLinkList |
"links": { "title": "Links", "type": "array", "extended-type": "accessible-link-list" }
This web component allows to input an accessible link composed of Display Text, Accessible Text, Url.
Name | Url |
---|---|
accessible-link | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/AccessibleLink |
"link": { "title": "Link", "type": "object", "extended-type": "accessible-link" }
This web component allows to use paper tree component internally of another component.
Name | Url |
---|---|
paper-tree | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperTree |
This web component allows to use paper tree node component internally of another component.
Name | Url |
---|---|
paper-tree-node | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperTreeNode |
This web component allows to use paper data table component internally of another component.
Name | Url |
---|---|
paper-datatable | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperDataTable |
This web component allows to use paper data table column component internally of another component.
Name | Url |
---|---|
paper-datatable-column | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCommon/PaperDataTableColumn |
This web component can be directly implemented to an existing field with the TinyMCE table.
Name | Url |
---|---|
extended-field-table | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerWebComponents/Table |
"table": { "title": "Table", "localized": true, "extended-type": "extended-field-table" }
This web component is used wrap many custom behavior for one entity with a env variable configuration.
Name | Value |
---|---|
CUSTOM_BEHAVIOR_ENTITY_CONFIG |
[ { 'aggregateType':'story', 'characterCounter':true, 'slugNotifier':true }, { 'aggregateType':'photo', 'characterCounter':false, 'slugNotifier':true }, { 'aggregateType':'album', 'characterCounter':false, 'slugNotifier':true }, { 'aggregateType':'document', 'characterCounter':true, 'slugNotifier':true }, { 'aggregateType':'tag', 'characterCounter':false, 'slugNotifier':false }, { 'aggregateType':'selection', 'characterCounter':true, 'slugNotifier':true }, { 'aggregateType':'customentity.video', 'characterCounter':true, 'slugNotifier':true } ] |
Name | Url |
---|---|
custom-global-behavior | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCustomBehaviorComponents/CustomGlobalBehavior |
Scope | Name | Enable |
---|---|---|
entityType | custom-global-behavior | true |
This web component counts the characters in the title and, in the story entity, in the headline.
Name | Url |
---|---|
character-counter | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCustomBehaviorComponents/CharacterCounter |
Scope | Name | Enable |
---|---|---|
entityType | character-counter | true |
This web component is used to notified if the current slug is already used for the same entity.
Name | Url |
---|---|
slug-notifier | https://webcomponents.tenniscom-stg.deltatre.digital/PolymerCustomBehaviorComponents/SlugNotifier |
Scope | Name | Enable |
---|---|---|
entityType | slug-notifier | true |
"parts": [ { "type": "external", "externalType": "story-part-table", "content": { "title": "Players table", "body": "<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\"><thead><tr><th style=\"width: 47.8874%;\" scope=\"col\">Name</th><th style=\"width: 47.8874%;\" scope=\"col\">Team</th></tr></thead><tbody><tr><td style=\"width: 47.8874%;\">Bremer</td><td style=\"width: 47.8874%;\">Juventus</td></tr><tr><td style=\"width: 47.8874%;\">Chiesa</td><td style=\"width: 47.8874%;\">Juventus</td></tr></tbody></table>", "contextualFields": {} }, ]
Name | Url |
---|---|
story-part-table | https://webcomponents.tenniscom-stg.deltatre.digital/StoryParts/Table |
Name | Url |
---|---|
table | https://webcomponents.tenniscom-stg.deltatre.digital/api/ExternalStoryParts/Table |
"parts": [
{
"type": "external",
"externalType": "story-part-quote",
"content": {
"quote": "test quote",
"author": "FST"
},
"contextualFields": {}
}
]
Name | Url |
---|---|
story-part-quote | https://webcomponents.tenniscom-stg.deltatre.digital/StoryParts/Quote |
Name | Url |
---|---|
quote | https://webcomponents.tenniscom-stg.deltatre.digital/api/ExternalStoryParts/Quote |
512
"parts": [ { type: "external", externalType: "story-part-big-number", content: { number: "158", description: "Text description" }, contextualFields: { } } ]
Name | Url |
---|---|
story-part-big-number | https://webcomponents.tenniscom-stg.deltatre.digital/StoryParts/BigNumber |
Name | Url |
---|---|
big-number | https://webcomponents.tenniscom-stg.deltatre.digital/api/ExternalStoryParts/BigNumber |