When I wrote this code, only me and God knew how it works. Now only God knows…


Test Page

Text
  • theme - default
  • htmlTextData.content.items[0].content - <p>this is quote text this is quote text this is quote text this is quote text  - james</p>
  • Display above text as quote - YES
  • htmlTextData.buttons
    • htmlTextData.buttons[0].defaultButton
      • htmlTextData.buttons[0].button.linkLabel - asdas
      • htmlTextData.buttons[0].button.linkUrl - #
      • htmlTextData.buttons[0].button.linkWindow - false
Spacer
  • theme - black
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
List Builder
  • main title - title
  • description.items[0].content - <p>main description</p>
  • listLayout - default
  • list_items
    • item[0]
      • item[0].heading - heading
      • item[0].description.items[0].content - <p>asdas sad  dasd asd asd asd asd</p>
      • item[0].image -
      • item[0].link - My Link
      • ------------------------------------------------------------------------
    • item[1]
      • item[1].heading - Dustbin
      • item[1].description.items[0].content - <p>recycling 1010 iknsadknskadlks ad asd aqs</p>
      • item[1].image -
      • ------------------------------------------------------------------------
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Slider deck
  • title - Download the Hino Apps
  • deckType - general
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • generalData
    • generalData[0].title - Hino-CONNECT App
    • generalData[0].content - <p>Download the Hino-CONNECT App on your phone and <br /> manage your fleet operations anywhere, anytime.</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - Download on the App Store
        • htmlTextData.buttons[0].button.linkUrl - #
        • htmlTextData.buttons[0].button.linkWindow - false
      • htmlTextData.buttons[1].defaultButton
        • htmlTextData.buttons[1].button.linkLabel - asdsadsa
        • htmlTextData.buttons[1].button.linkUrl - #
        • htmlTextData.buttons[1].button.linkWindow - false
      • htmlTextData.buttons[2].defaultButton
        • htmlTextData.buttons[2].button.linkLabel - asa dasdas
        • htmlTextData.buttons[2].button.linkUrl - #
        • htmlTextData.buttons[2].button.linkWindow - false
      • htmlTextData.buttons[3].defaultButton
        • htmlTextData.buttons[3].button.linkLabel - asdsadsad
        • htmlTextData.buttons[3].button.linkUrl - #
        • htmlTextData.buttons[3].button.linkWindow - false
    • ------------------------------------------------------------------------
    • generalData[1].title - asdasdas
    • generalData[1].content - <p>asd sad asdsa das das das</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - asdsadasd
        • htmlTextData.buttons[0].button.linkUrl - #
        • htmlTextData.buttons[0].button.linkWindow - false
      • htmlTextData.buttons[1].defaultButton
        • htmlTextData.buttons[1].button.linkLabel - #
        • htmlTextData.buttons[1].button.linkUrl - asdasdasdasd
        • htmlTextData.buttons[1].button.linkWindow - false
    • ------------------------------------------------------------------------
  • cssId - greyBG
Slider deck
  • title - Customer Stories
  • deckType - testimonial
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns - 3
  • testimonialData -
    • testimonialData.[0].name -
    • testimonialData.[0].surName - asdsa
    • testimonialData.[0].testimonial - asdasdsad
    • testimonialData.[0].designation - asdasdas
    • testimonialData.[0].cardImage -
    • ------------------------------------------------------------------------
    • testimonialData.[1].name -
    • testimonialData.[1].surName - asdsaa
    • testimonialData.[1].testimonial - asdasd
    • testimonialData.[1].designation - asdasdas
    • testimonialData.[1].cardImage -
    • ------------------------------------------------------------------------
    • testimonialData.[2].name -
    • testimonialData.[2].surName - asdasd
    • testimonialData.[2].testimonial - asdas
    • testimonialData.[2].designation - dasd
    • testimonialData.[2].cardImage -
    • ------------------------------------------------------------------------
    • testimonialData.[3].name -
    • testimonialData.[3].surName - asd
    • testimonialData.[3].testimonial - asd
    • testimonialData.[3].designation - asds
    • testimonialData.[3].cardImage -
    • ------------------------------------------------------------------------
    • testimonialData.[4].name -
    • testimonialData.[4].surName - asd
    • testimonialData.[4].testimonial - adsa
    • testimonialData.[4].designation - asd
    • testimonialData.[4].cardImage -
    • ------------------------------------------------------------------------
    • testimonialData.[5].name -
    • testimonialData.[5].surName - asd
    • testimonialData.[5].testimonial - asd
    • testimonialData.[5].designation - asd
    • testimonialData.[5].cardImage -
    • ------------------------------------------------------------------------
  • cssId - whitebuttons
Spacer
  • seperator - verticalLine
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - hinoAboutBrand
Slider deck
  • title - Testimonials
  • deckType - TestimonialNoImage
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns - 3
  • TestimonialNoImageData -
    • TestimonialNoImageData.[0].customerStory - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    • TestimonialNoImageData.[0].name - Jane Doe
    • TestimonialNoImageData.[0].designation - Hino 700, Mining
    • ------------------------------------------------------------------------
    • TestimonialNoImageData.[1].customerStory - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    • TestimonialNoImageData.[1].name - Jane Doe
    • TestimonialNoImageData.[1].designation - Hino 700, Mining
    • ------------------------------------------------------------------------
    • TestimonialNoImageData.[2].customerStory - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    • TestimonialNoImageData.[2].name - Jane Doe
    • TestimonialNoImageData.[2].designation - Hino 700, Mining
    • ------------------------------------------------------------------------
    • TestimonialNoImageData.[3].customerStory - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    • TestimonialNoImageData.[3].name - Jane Doe
    • TestimonialNoImageData.[3].designation - Hino 700, Mining
    • ------------------------------------------------------------------------
  • cssId - asdasd
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Large Title
  • textWithImageData.theme - default
  • textWithImageData.description - <p>asdsadsadasdasdsa d asd asd </p>
  • textWithImageData.buttons
    • htmlTextData.buttons[0].defaultButton
      • htmlTextData.buttons[0].button.linkLabel - sadsad
      • htmlTextData.buttons[0].button.linkUrl - #
      • htmlTextData.buttons[0].button.linkWindow - false
    • htmlTextData.buttons[1].defaultButton
      • htmlTextData.buttons[1].button.linkLabel - asdsadsa
      • htmlTextData.buttons[1].button.linkUrl - #
      • htmlTextData.buttons[1].button.linkWindow - false
    • htmlTextData.buttons[2].defaultButton
      • htmlTextData.buttons[2].button.linkLabel - Button 3
      • htmlTextData.buttons[2].button.linkUrl - #
      • htmlTextData.buttons[2].button.linkWindow - false
    • htmlTextData.buttons[3].defaultButton
      • htmlTextData.buttons[3].button.linkLabel - Button 4
      • htmlTextData.buttons[3].button.linkUrl - #
      • htmlTextData.buttons[3].button.linkWindow - false
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clxn8ugs202jckk6ihyy827fg-bg-333.0.20.614.345.full.png

  • textWithImageData.imgPosition - right
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - asdasdasd
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>asdasd asd asd asd asd asd as dasd asd as</p>
    • iconWithTextData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - asdasd
        • htmlTextData.buttons[0].button.linkUrl - #
        • htmlTextData.buttons[0].button.linkWindow - false
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - sadasdasd
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>asd asdasd asd asd asdasd as</p>
    • ------------------------------------------------------------------------
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Slider deck
  • deckType - news
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns -
  • Categories
    • newsData.categories[0].category_id - 2
Slider deck
  • title - Some Stuff
  • deckType - numberedList
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns -
Slider deck
  • title - Some Stuff
  • deckType - numberedList
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150