Forge Solution Team - WCM WebComponents List & Configuration

Dashboard - Update Context

Demo Dashboard:

Description:

Goal: change the context of all the stories that have a definite context and tag.

Form Fields:

Context Slug
insert here the slug of the current context that you want to change
Tournament Tag Slug
insert here the slug of the tournament tag that you want to search by
New Context Slug
insert here the slug of the new context that you want to set at the stories

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url Permission
    update-context-dashboard https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerDashboards/UpdateContext AdministrationAccess

UI Components - Translation Request

Demo Components UI:

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    story-translation-request https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerWebComponents/translationsrequest

UI Components - Accessible Link List

Distribution Output

          {
            "fields": {
              "teaserLinks": [
                {
                  "displayText": "display",
                  "accessibleText": "accessible",
                  "url": "url",
                  "openInNewTab": false
                },
                {
                  "displayText": "pippo",
                  "accessibleText": "pluto",
                  "url": "paperino",
                  "openInNewTab": true
                }
              ]
            }
          }

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    accessible-link https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerWebComponents/AccessibleLink
    accessible-link-list https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerWebComponents/AccessibleLinkList
    accordion-list https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerWebComponents/AccordionList
    item-list https://custom-webcomponents.juventuscom-stg.deltatre.digital/PolymerWebComponents/ItemList
  • Forge > Administration > Custom Entities > Edit Entity (Pencil Button)
  • Add to JsonSchema: 
                "fieldName": {
              "title": "Field Title",
              "type": "array",
              "extended-type": "accessible-link-list"
            }

Story Part - Table

Demo Components UI:

WCM Preview:

Col ACol BCol C
Content AContent BContent C

Distribution Output

            {
              type: "external",
              externalType: "story-part-table",
              content: {
                data: [
                    {
                      "dataRow": [
                        {
                          "header": "Col A",
                          "value": "Row 1 Value A"
                        },
                        {
                          "header": "Col B",
                          "value": "Row 1 Value B"
                        }
                      ]
                    },
                    {
                      "dataRow": [
                        {
                          "header": "Col A",
                          "value": "Row 2 Value A"
                        },
                        {
                          "header": "Col B",
                          "value": "Row 2 Value B"
                        }
                      ]
                    }
                  ]
              },
              contextualFields: { }
            }

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    story-part-table https://custom-webcomponents.juventuscom-stg.deltatre.digital/StoryParts/Table
  • Forge > Administration > External Story Parts
  • Name Url
    table https://juventuscom-dev-custom-web-components.azurewebsites.net//api/ExternalStoryParts/Table

Story Part - Quote

Demo Components UI:

WCM Preview:

 
 
 
 
 
quote text quote text quote text quote text quote text quote text quote text 
 
Quote Author
 
 
 

Distribuition Output

              {
                type: "external",
                externalType: "story-part-quote",
                content: {
                  quote: "text quote",
                  author: "Author Quote"
                },
                contextualFields: { }
              }

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    story-part-quote https://custom-webcomponents.juventuscom-stg.deltatre.digital/StoryParts/Quote
  • Forge > Administration > External Story Parts
  • Name Url
    quote https://juventuscom-dev-custom-web-components.azurewebsites.net//api/ExternalStoryParts/Quote

Story Part - Big Number

Demo Components UI:

WCM Preview:

512

text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description text description

Distribuition Output

              {
                type: "external",
                externalType: "story-part-big-number",
                content: {
                  number: "Big Number",
                  description: "Text description"
                },
                contextualFields: { }
              }

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    story-part-big-number https://custom-webcomponents.juventuscom-stg.deltatre.digital/StoryParts/BigNumber
  • Forge > Administration > External Story Parts
  • Name Url
    bigNumber https://juventuscom-dev-custom-web-components.azurewebsites.net//api/ExternalStoryParts/BigNumber

Story Part - Question and Answer

Demo Components UI:

WCM Preview:

What's your name?
Pippo

Distribuition Output

              {
                type: "external",
                externalType: "story-part-question-answer",
                content: {
                  question: "What's your name?",
                  answer: "Pippo"
                },
                contextualFields: { }
              }

Configuration Settings:

  • Forge > Administration > Web Components
  • Name Url
    story-part-question-answer https://custom-webcomponents.juventuscom-stg.deltatre.digital/StoryParts/QuestionAnswer
  • Forge > Administration > External Story Parts
  • Name Url
    Q&A https://juventuscom-dev-custom-web-components.azurewebsites.net//api/ExternalStoryParts/QandA