Progressbar and countdown mock data

endpoint_url: url
headline: Europas Wildnis schützen
h1_headline: true
limited_webform_page: 0
limited_webform: aktionspaket_formular_climate_em|3013
counter_state_endpoint: /api/limited-webform-state
counter_target: 1000
counter_rule_id: 1225
counter_end_timestamp: '2023-07-21 15:30:00'
copy: >-
  Die Karpaten sind in Gefahr - und damit die Heimat für Bären und andere
  Wildtiere in Europa. Holzeinschlag und Straßenbau zerstören die einzigartigen
  Laubwälder um kurzfristige Profite zu machen. Bitte unterstützen Sie
  Greenpeace beim Einsatz für den Artenschutz mit Ihrer Spende!
payment_amount:
  has_flyout: true
  interval:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: DonationTeaser-interval js-DonationTeaser-interval
    legend:
      title: Ja, ich bin dabei und unterstütze Greenpeace e.V.
    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: input2
                data-text: Monatlich
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input2
                value: 1
                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: input100
                data-text: Einmalig
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input100
                value: 0
                class: FskRadio--switcher
  amount:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: >-
        DonationTeaser-amount DonationTeaser-amount--progress
        js-DonationTeaser-amount
    legend:
      title: mit einem Betrag von
    legend_span:
      attributes:
        class: u-hiddenVisually
    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: 20€
                  attributes:
                    for: input20
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input20
                    value: 20
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 60€
                  attributes:
                    for: input60
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input60
                    value: 60
                    checked: true
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 120€
                  attributes:
                    for: input120
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input120
                    value: 120
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#input'
          placeholder: Ihr Betrag
          label:
            title: 'Oder Betrag eintippen:'
          children:
            attributes:
              placeholder: Ihr Betrag
submit_button:
  - $tpl: '@fsk/form/form-element'
    $ref: '@fsk/form/form-element#submit'
    attributes:
      class: DonationTeaser-buttonHolder
    children:
      $tpl: '@fsk/form/form-element/input/input--submit'
      $ref: '@fsk/form/form-element/input/input--submit'
      modifiers:
        - donation
      attributes:
        class: DonationTeaser-button
        value: Jetzt spenden
image:
  $tpl: elements/image
  width: 569
  height: 349
  src: https://via.placeholder.com/569x349
  alt: Alternative text
  id: '6'
  sources:
    - width: 569
      height: 349
      srcset: >-
        https://via.placeholder.com/569x349 1x,
        https://via.placeholder.com/1138x698 2x
      media: '(max-width: 35.5625rem)'
    - width: 959
      height: 588
      srcset: >-
        https://via.placeholder.com/959x588 1x,
        https://via.placeholder.com/1918x1176 2x
      media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
    - width: 500
      height: 1285
      srcset: >-
        https://via.placeholder.com/500x1285 1x,
        https://via.placeholder.com/1000x2570 2x
      media: '(min-width: 60rem) and (max-width: 79.9375rem)'
    - width: 496
      height: 786
      srcset: >-
        https://via.placeholder.com/496x786 1x,
        https://via.placeholder.com/992x1572 2x
      media: '(min-width: 80rem)'

Close