Aeroporto di Bologna - Design System

Telepass - Conferma 

<!-- 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:102)
    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">
        <h1 class="u-typo-level-6 u-color-night-100">Conferma i tuoi dati e prenota</h1>

        <div>
          {{> @user-data--recap user-recap }}
        </div>

        <div class="u-mt-space-64">
          <img src="{{ path '/images/svgs/telepass.svg' }}" alt="logo telepass" class="u-mb-space-24" width="120">
          <p>
            Per questa prenotazione hai deciso di usare il Dispositivo numero <strong>00668913745</strong>
          </p>
          <div class="u-mt-space-24">
            {{> @link--text-icon edit-link }}
          </div>
        </div>

        <form class="c-form u-mt-space-64">
          {{> @checkbox check-accept }}
          {{> @button btn-proceed }}
        </form>
        
      </div>
    </div>
	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></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-complete"
          },
          {
            "text": "Prenota con Telepass",
            "status": "data-step-current"
          },
          {
            "text": "Ricevi conferma",
            "status": "data-step-incomplete"
          }
        ]
      }
    }
  },
  "cart": {
    "showProduct": true,
    "showTelepassIcon": true,
    "noDiscount": false,
    "showModifyDates": true,
    "showProductRecap": false,
    "showAdditionals": false,
    "showAddons": false,
    "showCartTotal": true,
    "showCartCta": false,
    "hasLoading": false,
    "cartTotal": {
      "show": true,
      "label": "Totale prenotazione",
      "price": "124,99 €",
      "netprice": null
    }
  },
  "user-recap": {
    "items": [
      {
        "icon": {
          "symbol": "ic-person-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "<strong>Mario Rossi</strong>"
      },
      {
        "icon": {
          "symbol": "ic-email-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "mario.rossi@gmail.com"
      },
      {
        "icon": {
          "symbol": "ic-call-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "+39 333 12 34 567"
      },
      {
        "text": "via Garibaldi, 25"
      },
      {
        "text": "40123, Bologna"
      },
      {
        "text": "Italia"
      }
    ],
    "edit-link": {
      "text": "Modifica dati",
      "url": "#",
      "svg": {
        "symbol": "ic_mode_edit_black_24px",
        "class": "svg-12"
      }
    }
  },
  "edit-link": {
    "modifier": "show-text",
    "text": "Cambia Dispositivo",
    "url": "#",
    "svg": {
      "symbol": "ic_mode_edit_black_24px",
      "class": "svg-12"
    }
  },
  "check-accept": {
    "id": "check-accept",
    "name": "check-accept",
    "text": "Ho letto e accetto le <a href=\"#\">Condizioni generali di vendita dei servizi</a>",
    "checked": false,
    "required": "true"
  },
  "btn-proceed": {
    "modifier": "c-button--submit c-button--elastic",
    "type": "submit",
    "text": "Conferma dati e prenota"
  }
}

No notes defined.