Aeroporto di Bologna - Design System

Riepilogo dati passeggeri 

<!-- Error rendering component -->
<!-- Could not render component '@cart--flights' - component not found. -->
<!-- Error: Could not render component '@cart--flights' - 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--flights" merge=true }}
      </div>
      
      <div grid="6@lg">
        <h1 class="u-typo-level-6 u-color-night-100">Riepilogo dei dati passeggeri</h1>

        {{#each user-data }}
        {{> @user-data--recap}}
        {{/each}}

        <div class="u-mt-space-64 u-mt-space-80@md">
          <h1 class="u-typo-level-6 u-color-night-100">Dati di pagamento</h1>
          <div class="u-mt-space-24 u-mt-space-64@md">
            {{#each metadatas }}
            {{> @metadata }}
            {{/each}}
          </div>
        </div>

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

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

      flatpickr(".js-flatpickr", {      
        plugins: [
          new monthSelectPlugin({
            shorthand: false, //defaults to false
            dateFormat: "m / Y", //defaults to "F Y"
          })
        ]
      });
    </script>
  {{/content}}

{{/extend}}
 
{
  "template-main-class": "",
  "header": {
    "toolbarProgress": {
      "showUser": true,
      "moleculeProgress": {
        "current-step": 3,
        "steps": [
          {
            "text": "Scegli il volo",
            "status": "data-step-complete"
          },
          {
            "text": "Dati dei passeggeri",
            "status": "data-step-complete"
          },
          {
            "text": "Dati di pagamento",
            "status": "data-step-complete"
          },
          {
            "text": "Preventivo",
            "status": "data-step-current"
          },
          {
            "text": "Ricevi conferma",
            "status": "data-step-incomplete"
          }
        ]
      }
    }
  },
  "user-data": [
    {
      "title": "1° Passeggero (Adulto)",
      "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"
        }
      ]
    },
    {
      "title": "2° Passeggero (Adulto)",
      "items": [
        {
          "icon": {
            "symbol": "ic-person-black-24px",
            "class": "c-icon--24 u-color-night-40"
          },
          "text": "<strong>Maria Verdi</strong>"
        },
        {
          "icon": {
            "symbol": "ic-email-black-24px",
            "class": "c-icon--24 u-color-night-40"
          },
          "text": "maria.verdi@gmail.com"
        },
        {
          "icon": {
            "symbol": "ic-call-black-24px",
            "class": "c-icon--24 u-color-night-40"
          },
          "text": "+39 333 12 34 567"
        }
      ]
    }
  ],
  "metadatas": [
    {
      "heading": "Tipo di Carta",
      "description": {
        "text": "4030 **** **** 3030",
        "img": {
          "src": "/images/svgs/visa.svg",
          "alt": "Visa"
        }
      }
    },
    {
      "heading": "Intestata a",
      "description": {
        "text": "Mario Rossi"
      }
    },
    {
      "heading": "Scadenza",
      "description": {
        "text": "03/26"
      }
    }
  ]
}

No notes defined.