Aeroporto di Bologna - Design System

F.A.Q. 

<div class="c-faq" id="">
    <div class="c-collapsible--simple o-collapsible c-collapsible--faq">
        <h3 class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Quali documenti occorrono per il viaggio?</h3>
        <div>
            <h4>Test titolo h4</h4>
            <p>Le misure messe in campo per rispondere all'emergenza Coronavirus includono un rafforzamento delle procedure di
                monitoraggio della temperatura con termoscanner di ultima generazione posizionati agli ingressi del terminal
                passeggeri, ai controlli di sicurezza e agli arrivi e con termometri laser la presenza di personale dedicato, la
                sanificazione intensiva delle aree, il posizionamento di erogatori di liquido igienizzante per le mani lungo
                tutto il percorso dei passeggeri e nelle aree dedicate allo staff aeroportuale. Nel dettaglio sono stati
                posizionati:</p>
            <ul class="c-list--bulleted">
                <li>2.250 adesivi di segnaletica a terra per facilitare il distanziamento;</li>
                <li>950 teli distanziatori sulle sedute;</li>
                <li>10 termoscanner di ultima generazione posizionati agli ingressi del terminal passeggeri, ai controlli di
                    sicurezza agli arrivi;</li>
                <li>93 barriere di plexiglass ai check-in e ai gate di imbarco;</li>
                <li>100 erogatori di liquido igienizzante per le mani lungo tutto il percorso dei passeggeri e nelle aree
                    dedicate allo staff aeroportuale.</li>
            </ul>
            <p>Inoltre &egrave; attiva la sanificazione intensiva delle aree per la quale &egrave; stato anche adottato un
                metodo innovativo di sanificazione a frammentazione molecolare.<br>
                <iframe src="https://www.youtube.com/embed/N6Ex7G-Ljig" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
            </p>
            <p> Infine sono state realizzate cartellonistiche informative, informazioni mediante annunci vocali, nuova sezione
                informativa sul sito web e campagne informative multimediali sui social network di Aeroporto di Bologna per
                ricordare ai passeggeri il distanziamento sociale e le buone norme da adottare, come ad esempio il lavaggio
                frequente delle mani.</p>
            <p>Il nostro personale &egrave; sempre presente al terminal per rispondere ad ogni eventuale richiesta di
                informazioni da parte dei passeggeri grazie ad un presidio costante del punto informazioni. L&rsquo;Aeroporto di
                Bologna sta lavorando affinch&eacute; i passeggeri possano raggiungere il pi&ugrave; velocemente possibile e in
                sicurezza la propria meta e allo stesso tempo sta garantendo al proprio personale aeroportuale di operare in
                sicurezza.</p>
            <p>In collaborazione con il Ministero della Salute, l&rsquo;aeroporto segue costantemente tutte le indicazioni
                governative per proteggere passeggeri e lavoratori aeroportuali.</p>
            <div class="c-faq__footer">
                <div class="c-faq__actions">
                    <a class="c-faq__link js-faq__link" href="/components/preview/page-faq-detail">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 10L8 14H11V20H13V14H16L12 10ZM19 4H5C3.89 4 3 4.9 3 6V18C3 18.5304 3.21071 19.0391 3.58579 19.4142C3.96086 19.7893 4.46957 20 5 20H9V18H5V8H19V18H15V20H19C19.5304 20 20.0391 19.7893 20.4142 19.4142C20.7893 19.0391 21 18.5304 21 18V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4Z" fill="#0F2F4D" />
                        </svg> Apri dettaglio</a>
                    <a class="c-faq__copy js-faq__copy" href="javascript:void(0)">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C5.67392 7 4.40215 7.52678 3.46447 8.46447C2.52678 9.40215 2 10.6739 2 12C2 13.3261 2.52678 14.5979 3.46447 15.5355C4.40215 16.4732 5.67392 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C18.3261 17 19.5979 16.4732 20.5355 15.5355C21.4732 14.5979 22 13.3261 22 12C22 10.6739 21.4732 9.40215 20.5355 8.46447C19.5979 7.52678 18.3261 7 17 7Z" fill="#0F2F4D" />
                        </svg>
                        Copia link</a>
                </div>
                <div class="tag-labels">
                    <span class="c-rounded-label " aria-label="">

                        <strong>Biglietteria aerea</strong>
                    </span> <span class="c-rounded-label " aria-label="">

                        <strong>Generali</strong>
                    </span>
                </div>
            </div>
        </div>
    </div>

</div>
 
<div class="c-faq" id="{{id}}">
  {{#> @collapsible--default faq-item }}
  <div>
    <h4>Test titolo h4</h4>
    <p>Le misure messe in campo per rispondere all'emergenza Coronavirus includono un rafforzamento delle procedure di
      monitoraggio della temperatura con termoscanner di ultima generazione posizionati agli ingressi del terminal
      passeggeri, ai controlli di sicurezza e agli arrivi e con termometri laser la presenza di personale dedicato, la
      sanificazione intensiva delle aree, il posizionamento di erogatori di liquido igienizzante per le mani lungo
      tutto il percorso dei passeggeri e nelle aree dedicate allo staff aeroportuale. Nel dettaglio sono stati
      posizionati:</p>
    <ul class="c-list--bulleted">
      <li>2.250 adesivi di segnaletica a terra per facilitare il distanziamento;</li>
      <li>950 teli distanziatori sulle sedute;</li>
      <li>10 termoscanner di ultima generazione posizionati agli ingressi del terminal passeggeri, ai controlli di
        sicurezza agli arrivi;</li>
      <li>93 barriere di plexiglass ai check-in e ai gate di imbarco;</li>
      <li>100 erogatori di liquido igienizzante per le mani lungo tutto il percorso dei passeggeri e nelle aree
        dedicate allo staff aeroportuale.</li>
    </ul>
    <p>Inoltre &egrave; attiva la sanificazione intensiva delle aree per la quale &egrave; stato anche adottato un
      metodo innovativo di sanificazione a frammentazione molecolare.<br>
      <iframe src="https://www.youtube.com/embed/N6Ex7G-Ljig"
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560"
        height="315" frameborder="0"></iframe>
    </p>
    <p> Infine sono state realizzate cartellonistiche informative, informazioni mediante annunci vocali, nuova sezione
      informativa sul sito web e campagne informative multimediali sui social network di Aeroporto di Bologna per
      ricordare ai passeggeri il distanziamento sociale e le buone norme da adottare, come ad esempio il lavaggio
      frequente delle mani.</p>
    <p>Il nostro personale &egrave; sempre presente al terminal per rispondere ad ogni eventuale richiesta di
      informazioni da parte dei passeggeri grazie ad un presidio costante del punto informazioni. L&rsquo;Aeroporto di
      Bologna sta lavorando affinch&eacute; i passeggeri possano raggiungere il pi&ugrave; velocemente possibile e in
      sicurezza la propria meta e allo stesso tempo sta garantendo al proprio personale aeroportuale di operare in
      sicurezza.</p>
    <p>In collaborazione con il Ministero della Salute, l&rsquo;aeroporto segue costantemente tutte le indicazioni
      governative per proteggere passeggeri e lavoratori aeroportuali.</p>
    <div class="c-faq__footer">
      <div class="c-faq__actions">
        {{!--
        Per Endurance: sostituire href con Full URL della pagina di dettaglio
        --}}
        <a class="c-faq__link js-faq__link" href="/components/preview/page-faq-detail">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M12 10L8 14H11V20H13V14H16L12 10ZM19 4H5C3.89 4 3 4.9 3 6V18C3 18.5304 3.21071 19.0391 3.58579 19.4142C3.96086 19.7893 4.46957 20 5 20H9V18H5V8H19V18H15V20H19C19.5304 20 20.0391 19.7893 20.4142 19.4142C20.7893 19.0391 21 18.5304 21 18V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4Z"
              fill="#0F2F4D" />
          </svg> Apri dettaglio</a>
        <a class="c-faq__copy js-faq__copy" href="javascript:void(0)">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M3.9 12C3.9 10.29 5.29 8.9 7 8.9H11V7H7C5.67392 7 4.40215 7.52678 3.46447 8.46447C2.52678 9.40215 2 10.6739 2 12C2 13.3261 2.52678 14.5979 3.46447 15.5355C4.40215 16.4732 5.67392 17 7 17H11V15.1H7C5.29 15.1 3.9 13.71 3.9 12ZM8 13H16V11H8V13ZM17 7H13V8.9H17C18.71 8.9 20.1 10.29 20.1 12C20.1 13.71 18.71 15.1 17 15.1H13V17H17C18.3261 17 19.5979 16.4732 20.5355 15.5355C21.4732 14.5979 22 13.3261 22 12C22 10.6739 21.4732 9.40215 20.5355 8.46447C19.5979 7.52678 18.3261 7 17 7Z"
              fill="#0F2F4D" />
          </svg>
          Copia link</a>
      </div>
      <div class="tag-labels">
        {{> @rounded-label tag-label-1 }}
        {{> @rounded-label tag-label-2 }}
      </div>
    </div>
  </div>
  {{/@collapsible--default}}
</div>
 
{
  "faq-item": {
    "tag": "h3",
    "modifier": "c-collapsible--faq",
    "title": "Quali documenti occorrono per il viaggio?",
    "tag-label-1": {
      "text": "<strong>Biglietteria aerea</strong>"
    },
    "tag-label-2": {
      "text": "<strong>Generali</strong>"
    }
  }
}
  • Content: 
    .c-faq {
}

.c-faq__footer {
  margin-top: remify(24px);

  @include min-screen (bp(tablet)) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}


.c-faq__actions {
  a { 
    color: primary(night, 120);
    margin-right: remify(8px); 
  }
  svg {
    vertical-align: middle;
    margin-right: remify(4px);
    * {fill: primary(night, 120);}
  }
}

.c-faq__copied {
  display: inline;
  margin-left: remify(8px);
  font-size: remify(12px);
}

  .tag-labels {
    margin-top: remify(16px);
    @include min-screen (bp(tablet)) {
      margin-top: 0;
      text-align: right;
    }
  }
  • URL: /components/raw/faq/_faq.scss
  • Filesystem Path: src/views/02-molecules/faq/_faq.scss
  • Size: 619 Bytes
  • Content: 
    (function ($) {
  'use strict';

  if (!$.tangible) {
    $.tangible = new Object();
  };

  $.tangible.faqCopyLink = function (el, options) {
      $(".js-faq__copy").click(function () {
        console.log("click");
        var copyText = $(this).prev(".js-faq__link").attr("href");
        navigator.clipboard.writeText(copyText);
        this.insertAdjacentHTML('afterend', '<div class=c-faq__copied>Link copiato</div>');
        setTimeout(() => { document.querySelectorAll('.c-faq__copied').forEach(el => el.remove()); }, 3000);
      });
  };


})(jQuery);
  • URL: /components/raw/faq/faq.js
  • Filesystem Path: src/views/02-molecules/faq/faq.js
  • Size: 564 Bytes

No notes defined.