Barmer Fractal

Figure Video 

<figure class="m-figure-video ">

    <template class="figure-video__template"></template>

</figure>
 
<figure class="m-figure-video {{viewtypes.specifier}}">

  {{# switches.hasHeadline }}
    <h2 class="figure-video__headline {{viewtypes.headlineSpecifier}}">
      {{content.headline}}
    </h2>
  {{/switches.hasHeadline}}

  {{# switches.hasConsentWithoutToggle }}
    <div class="figure-video__consent">
      {{ render '@consent--without-toggle' partials.consent merge=true}}
    </div>
  {{/switches.hasConsentWithoutToggle}}

  {{# switches.hasEmptyVideoTemplate }}
    <template class="figure-video__template"></template>
  {{/switches.hasEmptyVideoTemplate}}

  {{# switches.hasVideoTemplate }}
    <template class="figure-video__template">
      {{ render (stringToPartial partials.video) this.partials.videoTemplate merge=true }}
    </template>
  {{/switches.hasVideoTemplate}}

  {{# switches.hasVideo }}
    {{ render (stringToPartial partials.video) this.partials.videoTemplate merge=true }}
  {{/switches.hasVideo}}

  {{# switches.hasFigcaption }}
    <figcaption class="figure-video__figcaption {{viewtypes.figcaptionSpecifier}}">
      {{{ content.captionText }}}
    </figcaption>
  {{/ switches.hasFigcaption }}

</figure>

{{#switches.hasConsentWithoutToggle}}
  <div class="figure-video__toggle">
    {{render '@formelement-toggle--third-party-consent-manager' partials.toggle merge=true}}
  </div>
{{/switches.hasConsentWithoutToggle}}
 
{
  "switches": {
    "hasHeadline": false,
    "hasConsentWithoutToggle": false,
    "hasEmptyVideoTemplate": true,
    "hasVideoTemplate": false,
    "hasVideo": false,
    "hasFigcaption": false
  },
  "viewtypes": {
    "specifier": "",
    "headlineSpecifier": "",
    "figcaptionSpecifier": ""
  },
  "content": {
    "headline": "",
    "captionText": ""
  },
  "partials": {
    "consent": {},
    "video": "video--default",
    "videoTemplate": {},
    "toggle": {}
  }
}

No notes defined.