Aeroporto di Bologna - Design System

Car Valet - Inserimento email 

<!-- Error rendering component -->
<!-- Could not render component '@cart--parkings' - component not found. -->
<!-- Error: Could not render component '@cart--parkings' - component not found.
    at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
    at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at eval (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:145)
    at Object.prog (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:268:12)
    at Object.prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:92:17)
    at Object.fn (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at fn (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:41:17)
    at Object.applyAction (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:54:11)
    at Array.reduce (<anonymous>)
    at Object.block (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:171:43)
    at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:15:104) -->
 
{{#extend "@template-master--checkout"}}

  {{!-- HEADER --}}
  {{#content "header"}}
    {{ render "@header--progress" header merge=true }}
  {{/content}}

  {{!-- FOOTER --}}
  {{#content "footer"}}
  {{/content}}

  {{!-- MAIN --}}
	{{#content "main"}}

    <div grid="grid" class="u-pt-space-64 o-sticky-container">
      <div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
        {{ render "@cart--parkings" cart merge=true }}
      </div>
      
      <div grid="6@lg">
        <div class="o-flexgrid o-flexgrid--antipodes">
          <div class="o-flexgrid__item">
            <h1 class="u-typo-level-6 u-color-night-100">Con quale email vuoi effettuare l’acquisto?</h1>
          </div>
          <div class="o-flexgrid__item">
            <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
          </div>
        </div>

        <form class="c-form u-mt-space-32 u-mt-space-64@md">

          {{> @input input-email }}

          {{> @button btn-proceed }}
          {{> @button btn-proceed-disabled }}

          {{!-- 
            per Endurance:
            finché la mail non è scritta correttamente bisogna tenere il tasto disabled. Solo dopo che la mail è scritta
            con la giusta sintassi si può attivare il pulsante giallo.
           --}}

        </form>
      </div>
    </div>
	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></script>
    <script>
      $.tangible.shortcutNavigation();
      // $.tangible.navToolbar();
      
      flatpickr.localize(flatpickr.l10ns.it);

      flatpickr(".js-flatpickr", {      
        dateFormat: "d F Y"
      });
    </script>
  {{/content}}

{{/extend}}
 
{
  "template-main-class": "",
  "header": {
    "toolbarProgress": {
      "moleculeProgress": {
        "current-step": 2,
        "steps": [
          {
            "text": "Scegli parcheggio",
            "status": "data-step-complete"
          },
          {
            "text": "Inserisci i dati",
            "status": "data-step-current"
          },
          {
            "text": "Servizi aggiuntivi",
            "status": "data-step-incomplete"
          },
          {
            "text": "Pagamento",
            "status": "data-step-incomplete"
          },
          {
            "text": "Ricevi conferma",
            "status": "data-step-incomplete"
          }
        ]
      }
    }
  },
  "cart": {
    "showProduct": true,
    "showTelepassIcon": false,
    "noDiscount": false,
    "showModifyDates": false,
    "showProductRecap": true,
    "showAdditionals": false,
    "showAddons": false,
    "showCartTotal": true,
    "showCartCta": false,
    "hasLoading": false,
    "parking-type-name": "Parcheggio P2 Car Valet",
    "parking-type-img": "/images/svgs/car-valet.svg",
    "cartTotal": {
      "show": true,
      "label": "Totale della tariffa scontata pagando online",
      "price": "100,99 €",
      "netprice": "128,90 €"
    }
  },
  "input-email": {
    "label_id": "email-field",
    "label_message": "Inserisci la tua e-mail",
    "label_class": "",
    "atom-input": {
      "id": "email-field",
      "type": "email",
      "required": true,
      "hasNote": true,
      "describedby": "email-note"
    },
    "note_id": "email-note",
    "note_message": "Inserisci un indirizzo email per prenotare"
  },
  "btn-proceed": {
    "modifier": "c-button--submit c-button--elastic",
    "type": "submit",
    "text": "Prosegui"
  },
  "btn-proceed-disabled": {
    "modifier": "c-button--submit c-button--elastic c-button--disabled",
    "type": "submit",
    "text": "Prosegui",
    "disabled": true
  }
}

No notes defined.