templates/front_myflix/default/javascripts.html.twig line 1

Open in your IDE?
  1. <script>
  2.     $('.btn-plus, .btn-minus').on('click', function(e) {
  3.         event.preventDefault();
  4.         const isNegative = $(e.target).closest('.btn-minus').is('.btn-minus');
  5.         const input = $(e.target).closest('.input-group').find('input');
  6.         if (input.is('input')) {
  7.             input[0][isNegative ? 'stepDown' : 'stepUp']()
  8.         }
  9.     });
  11.     $('.btn-plus, .btn-minus').on('click', function(e) {
  12.         event.preventDefault();
  14.         var amount = $(this).attr('data-price');
  15.         var id = $(this).attr('data-id');
  16.         var qte = $("#quantity--"+id).val();
  17.         var total = qte * amount;
  19.         var percent = $(this).attr('data-percent');
  20.         var total2 = ((amount * 12) *(1- (percent / 100))) * qte;
  22.         $("#price__canal--"+id).text(total.toFixed(0));
  23.         $("#price__canal---"+id).text(total2.toFixed(0));
  25.         $("#price__pack--"+id).val(total.toFixed(0));
  26.         $("#price__pack---"+id).val(total2.toFixed(0));
  27.         $("#text-canal--"+id).text('');
  29.         //euro
  30.         var amount_euro = $(this).attr('data-price-euro');
  31.         var total_euro = qte * amount_euro;
  32.         var total2_euro = ((amount_euro * 12) *(1- (percent / 100))) * qte;
  34.         $("#price_euro_canal--"+id).text(total_euro.toFixed(0));
  35.         $("#price_euro_canal---"+id).text(total2_euro.toFixed(0));
  36.         $("#text-canal-euro-"+id).text('');
  38.         //usd
  39.         var amount_usd = $(this).attr('data-price-usd');
  40.         var total_usd = qte * amount_usd;
  41.         var total2_usd = ((amount_usd * 12) *(1- (percent / 100))) * qte;
  43.         $("#price_usd_canal--"+id).text(total_usd.toFixed(0));
  44.         $("#price_usd_canal---"+id).text(total2_usd.toFixed(0));
  45.         $("#text-canal-usd-"+id).text('');
  47.     });
  49.     $("input[name='switchPlan']").on('change', function (){
  50.         if($(this).is(":checked")){
  51.             if($(this).val() == 'Monthly'){
  52.                 $('.amount-mensuel').attr('style','');
  53.                 $('.amount-annuel').attr('style','display: none');
  54.                 $('.amount-mensuel-euro').attr('style','');
  55.                 $('.amount-annuel-euro').attr('style','display: none');
  56.                 $('.amount-mensuel-usd').attr('style','');
  57.                 $('.amount-annuel-usd').attr('style','display: none');
  58.                 $('.payment-period').val('monthly');
  59.             }
  61.             if($(this).val() == 'Yearly'){
  62.                 $('.amount-mensuel').attr('style','display: none');
  63.                 $('.amount-annuel').attr('style','');
  64.                 $('.amount-mensuel-euro').attr('style','display: none');
  65.                 $('.amount-annuel-euro').attr('style','');
  66.                 $('.amount-mensuel-usd').attr('style','display: none');
  67.                 $('.amount-annuel-usd').attr('style','');
  68.                 $('.payment-period').val('yearly');
  69.             }
  70.         }
  71.     });
  73.     /* Currency switcher */
  75.     setTimeout(function(){
  76.         var status_rate = '{{ conversionRate['status']['tnd'] }}';
  77.         var status_rate_euro = '{{ conversionRate['status']['euro'] }}';
  78.         var status_rate_usd = '{{ conversionRate['status']['usd'] }}';
  80.         if(status_rate == 1 ){
  81.             $('#TND').click();
  82.         }
  83.         else if(status_rate != 1 && status_rate_euro == 1){
  84.             $('#EURO').click();
  85.         }
  86.         else if(status_rate != 1 && status_rate_euro != 1 && status_rate_usd == 1){
  87.             $('#USD').click();
  88.         }
  89.     }, 1000);
  91.     $('#TND, #EURO, #USD').on('click', function() {
  92.         $('.currencyswitcher>span.active').removeClass('active');
  93.         $(this).addClass('active');
  94.         selectedCurrency = $(this).attr('id');
  96.         if(selectedCurrency == 'TND'){
  97.             $('.currency-tnd').attr('style','');
  98.             $('.currency-euro').attr('style','display: none');
  99.             $('.currency-usd').attr('style','display: none');
  100.             $('.currency-val').val('tnd');
  101.         }
  102.         if(selectedCurrency == 'EURO'){
  103.             $('.currency-tnd').attr('style','display: none');
  104.             $('.currency-euro').attr('style','');
  105.             $('.currency-usd').attr('style','display: none');
  106.             $('.currency-val').val('euro');
  107.         }
  108.         if(selectedCurrency == 'USD'){
  109.             $('.currency-tnd').attr('style','display: none');
  110.             $('.currency-euro').attr('style','display: none');
  111.             $('.currency-usd').attr('style','');
  112.             $('.currency-val').val('usd');
  113.         }
  114.     });
  115. </script>