with slider and double donation mock data

is_drupal_form: false
copy_for_one_time: >-
  Durch Ihre <strong>Spende</strong> unterstützen Sie Greenpeace dabei, Umwelt-
  und Klimaschutzprojekte umzusetzen. So können wir Tieren und Menschen helfen,
  ein besseres Leben zu haben. Greenpeace finanziert sich zu 100% aus
  Privatspenden!
copy_for_other_intervals: >-
  Durch Ihre <strong>monatliche Spende</strong> unterstützen Sie Greenpeace
  dabei, Umwelt- und Klimaschutzprojekte umzusetzen. So können wir Tieren und
  Menschen helfen, ein besseres Leben zu haben. Greenpeace finanziert sich zu
  100% aus Privatspenden!
headline: Ich unterstütze Greenpeace e.V.
interval:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: js-TeaserBody-intervalRadios TeaserBody-intervalRadios
  legend:
    title: Ich unterstütze Greenpeace
  children:
    $tpl: '@fsk/form/radios'
    $ref: '@fsk/form/radios'
    layout: row
    children:
      $render:
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#radio'
          attributes:
            class: FskFormElement--switcher
          label:
            title: Monatlich
            attributes:
              for: input-slider-doubling-monthly
              data-text: Monatlich
          children:
            attributes:
              name: spendenbetrag[interval_count]
              id: input-slider-doubling-monthly
              value: 12
              class: FskRadio--switcher
              checked: true
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#radio'
          attributes:
            class: FskFormElement--switcher
          label:
            title: Einmalig
            attributes:
              for: input-slider-doubling-onetime
              data-text: Einmalig
          children:
            attributes:
              name: spendenbetrag[interval_count]
              id: input-slider-doubling-onetime
              value: 0
              class: FskRadio--switcher
amount:
  $tpl: '@fsk/form/fieldset'
  $ref: '@fsk/form/fieldset'
  attributes:
    class: TeaserBody-amount
  legend:
    title: mit einem Betrag von
  children:
    $render:
      - $tpl: '@fsk/form/radios'
        $ref: '@fsk/form/radios'
        layout: row
        children:
          $render:
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 10€
                attributes:
                  for: input10
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input10
                  value: 10
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 15€
                attributes:
                  for: input15
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input15
                  value: 15
            - $tpl: '@fsk/form/form-element'
              $ref: '@fsk/form/form-element#radio'
              label:
                title: 40€
                attributes:
                  for: input40
                  aria-controls: test1234
              children:
                attributes:
                  name: spendenbetrag[amount]
                  id: input40
                  value: 40
                  checked: true
      - $tpl: '@fsk/form/form-element'
        $ref: '@fsk/form/form-element#input'
        label_display: invisible
        children:
          attributes:
            class: TeaserBody-amountInput
            placeholder: oder eigener Betrag
submit_button:
  $tpl: '@elements/button'
  $ref: '@elements/button#donation-button-with-icon-left'
  label: Jetzt spenden
  icon: heart
  class: TeaserBody-submit
use_slider: true
slider_config: '{"12":{"min":40,"max":70,"default":50},"0":{"min":40,"max":250,"default":90}}'
slider_default_min: 40
slider_default_max: 70
slider_default_value: 50
copy_for_one_time_doubling: >-
  Vielen Dank für Ihre Unterstützung. <strong>Regelmäßige Spenden</strong>
  helfen Greenpeace am meisten. Deswegen verdoppelt eine großzügige Person
  aktuell alle regelmäßigen Spenden. Jetzt ist der perfekte Moment, gemeinsam
  doppelt so viel für unseren Planeten zu bewirken! <button
  data-dialog-id='stage-dialog' type='button' class='TeaserBody-dialogButton
  js-TeaserBody-dialogButton'><strong>Hier finden Sie mehr Infos zur
  Aktion</strong></button>.
copy_for_other_intervals_doubling: >-
  Eine großzügige Person verdoppelt für ein Jahr Ihre <strong
  class='js-DoubleFrequency'>monatliche Spende auf 100€</strong>. Ihr gewählter
  Beitrag wächst damit auf <span class='js-DoubleAmounts'>1200€ statt 600€ in
  2026</span>. Das bedeutet doppelten Schutz für Umwelt, Klima und
  Artenvielfalt. <button data-dialog-id='stage-dialog' type='button'
  class='TeaserBody-dialogButton js-TeaserBody-dialogButton'><strong>Hier finden
  Sie mehr Infos zu der Aktion</strong></button>.
headline_one_time_doubling: Jetzt Einsatz verdoppeln
headline_other_intervals_doubling: Ihre Spende wirkt jetzt doppelt!
dialog_id: stage-dialog
dialog_headline: >-
  Hier steht eine <span class="Stage-supporter is-hidden"></span> längere
  Headline mit drei Zeilen Textinhalt
dialog_subline: Das ist eine optionale Subline.
dialog_copy: >-
  <p>Nisi ullamco tempor tempor nulla labore ad labore sit eu duis. Ut et esse
  cupidatat consequat ea exercitation. Nisi ullamco tempor tempor nulla labore
  ad labore sit eu duis. Ut et esse cupidatat cons.</p>
dialog_image:
  $ref: elements/image#stage
  $tpl: elements/image
  id: 30
dialog_button:
  label: Weitere Infos zu Meeren
  url: '#url'

Close