src/Aviatur/TwigBundle/Resources/views/aviatur/Custom/App/header/coin-list.html.twig line 1

Open in your IDE?
  1. <div class="coinList {{ app.request.pathinfo != '/' and app.request.pathinfo != " /buscar/vuelos/" ? 'pointer-events-none' : '' }}">
  2.     <div class="dropbtn rounded h-[1.9375rem] p-[0.5rem] !font-[Ubuntu] hover:!bg-[rgba(235,235,235,1)] flex items-center justify-between w-full">
  3.         <span>{{ app.session.get('CurrencyFrom') }}</span>
  4.     </div>
  5.     <div id="myCoinList" class="coinListContent text-center rounded h-auto" data-state="inactive">
  6.         {% set isActiveCurrency = app.session.get('isActiveCurrency') %}
  7.         {% if 'COP' not in isActiveCurrency %}
  8.             <div class="py-1 px-2 !text-[rgba(90, 90, 90, 1)]">
  9.                 <a class="coin !font-[Ubuntu] rounded !font-normal !p-1 !text-sm hover:!bg-[rgba(235,235,235,1)] hover:!font-bold" data-coin="COP" data-country="co">
  10.                     COP
  11.                 </a>
  12.             </div>
  13.         {% endif %}
  14.         {% for currency in isActiveCurrency %}
  15.             <div class="py-1 px-2 !text-[rgba(90, 90, 90, 1)]">
  16.                 <a class="coin !font-[Ubuntu] rounded !font-normal !p-1 !text-sm hover:!bg-[rgba(235,235,235,1)] hover:!font-bold" data-coin="{{ currency }}" data-country="{{ currency|lower|slice(0, 2) }}">{{ currency }}</a>
  17.             </div>
  18.         {% endfor %}
  19.     </div>
  20. </div>
  23. {% set typeCountry = app.session.get('typeCountry') is defined and app.session.get('typeCountry') != '' ? app.session.get('typeCountry') : 'co' %}
  24. {% set typeCoin = app.session.get('typeCoin') is defined and app.session.get('typeCoin') != '' ? app.session.get('typeCoin') : 'COP' %}
  26. <span id="worldpayInfo" class="js-flightHiddenInput" data-selectedcountry="{{ typeCountry }}" data-selectedcoin="{{ typeCoin }}">
  27.     {% if app.session.get('domainsecure') == app.request.host %}
  28.         {% set coinValue = app.session.get('CoinValue') is defined and app.session.get('typeCoin') != '' ? app.session.get('CoinValue') : 1 %}
  29.         {% set rateDiff = app.session.get('RateDiff') is defined ? app.session.get('RateDiff') : 1 %}
  31.         <input type="hidden" id="typeCoin" name="typeCoin" readonly data-country="{{ typeCountry }}" value="{{ typeCoin }}">
  32.         <input type="hidden" id="CoinValue" name="CoinValue" readonly value="{{ coinValue }}">
  33.         <input type="hidden" id="RateDiff" name="RateDiff" readonly value="{{ rateDiff }}">
  34.     {% endif %}
  35. </span>
  37.  <script>
  38.     document.addEventListener('DOMContentLoaded', function() {
  39.         let myCoinList = document.getElementById('myCoinList');
  40.         if (window.location.pathname !== '/') {
  41.             myCoinList.style.pointerEvents = 'none';
  42.         }
  43.     });
  45.     document.addEventListener('DOMContentLoaded', function() {
  46.         const coinLinks = document.querySelectorAll('.coin');
  47.         const worldpayInfo = document.getElementById('worldpayInfo');
  49.         coinLinks.forEach(link => {
  50.             link.addEventListener('click', function(event) {
  51.                 event.preventDefault();
  53.                 const selectedCoin = this.getAttribute('data-coin');
  54.                 worldpayInfo.setAttribute('data-selectedcoin', selectedCoin);
  55.             });
  56.         });
  57.     });
  58. </script>