templates/frontend/javascript.html.twig line 1

Open in your IDE?
  1. <script src="{{ asset('frontend/js/jquery.min.js') }}"></script>
  2. <script src="{{ asset('frontend/js/bootstrap.min.js') }}"></script>
  3. <script src="{{ asset('frontend/js/main.js') }}"></script>
  4. <script src="{{ asset('frontend/slick/slick.js') }}"></script>
  5. <script src="{{ asset('frontend/select2/select2.js') }}"></script>
  6. <script src="{{ asset('frontend/sweetalert2/sweetalert2.all.min.js') }}"></script>
  7. <script src="https://kit.fontawesome.com/8031cd8b80.js" crossorigin="anonymous"></script>
  9. <script>
  10.     $(function (){
  11.         Src.Init();
  12.     })
  13. </script>
  14. <script>
  15.     $('.slider').slick({
  16.         slidesToShow: 3,
  17.         slidesToScroll: 1,
  18.         autoplay: true,
  19.         autoplaySpeed: 2000,
  20.     responsive: [
  21.     {
  22.         breakpoint: 768,
  23.         settings: {
  24.         arrows: false,
  25.         centerMode: true,
  26.         centerPadding: '40px',
  27.         slidesToShow: 1
  28.         }
  29.     },
  30.     {
  31.         breakpoint: 480,
  32.         settings: {
  33.         arrows: false,
  34.         centerMode: true,
  35.         centerPadding: '40px',
  36.         slidesToShow: 1
  37.         }
  38.     }],
  40.     prevArrow:"<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
  41.     nextArrow:"<button type='button' class='slick-next pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></button>"
  42.     });
  43. </script>
  44. <script>
  45.     $('.slider-notplay').slick({
  46.         infinite: true,
  47.         slidesToShow: 1,
  48.         slidesToScroll: 1,
  49.     responsive: [
  50.     {
  51.         breakpoint: 768,
  52.         settings: {
  53.         arrows: false,
  54.         centerMode: true,
  55.         centerPadding: '40px',
  56.         slidesToShow: 1
  57.         }
  58.     },
  59.     {
  60.         breakpoint: 480,
  61.         settings: {
  62.         arrows: false,
  63.         centerMode: true,
  64.         centerPadding: '40px',
  65.         slidesToShow: 1
  66.         }
  67.     }],
  69.     prevArrow:"<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
  70.     nextArrow:"<button type='button' class='slick-next pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></button>"
  71.     });
  72. </script>
  73. <script>
  74.     $('.slider-notplay3').slick({
  75.         infinite: true,
  76.         slidesToShow: 3,
  77.         slidesToScroll: 1,
  78.     responsive: [
  79.     {
  80.         breakpoint: 768,
  81.         settings: {
  82.         arrows: false,
  83.         centerMode: true,
  84.         centerPadding: '40px',
  85.         slidesToShow: 1
  86.         }
  87.     },
  88.     {
  89.         breakpoint: 480,
  90.         settings: {
  91.         arrows: false,
  92.         centerMode: true,
  93.         centerPadding: '40px',
  94.         slidesToShow: 1
  95.         }
  96.     }],
  98.     prevArrow:"<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
  99.     nextArrow:"<button type='button' class='slick-next pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></button>"
  100.     });
  101. </script>
  102. <script>
  103.     $(document).ready(function() {            
  104.     $(".select21").select2();
  105.     });
  106. </script> 
  108. <script>
  109.     $(document).ready(function() {            
  110.         $(".select2").select2({
  111.             allowClear: true,
  112.             
  113.         });
  114.     });
  115. </script>
  117. <script type="text/javascript">
  118.     $(function(){
  119.         
  120.         $('body').on('show.bs.modal', '.modal', function(event) {
  121.             $(this).find(".modal-content").load(event.relatedTarget.href);
  122.         });
  123.         
  124.         $('body').on('hidden.bs.modal', '.modal', function(event) { 
  125.             $(this).find(".modal-content").html('<div style="text-align: center"><img src="{{ asset('bundles/greenadmin/img/loading.gif') }}" style="width: 20px"/></div>');
  126.         });
  127.     });
  128. </script>
  130. <script>
  131.     function openCity(evt, cityName) {
  132.         var i, tabcontent, tablinks;
  133.         tabcontent = document.getElementsByClassName("tabcontent");
  134.         for (i = 0; i < tabcontent.length; i++) {
  135.         tabcontent[i].style.display = "none";
  136.         }
  137.         tablinks = document.getElementsByClassName("tablinks");
  138.         for (i = 0; i < tablinks.length; i++) {
  139.         tablinks[i].className = tablinks[i].className.replace(" active", "");
  140.         }
  141.         document.getElementById(cityName).style.display = "block";
  142.         evt.currentTarget.className += " active";
  143.     }
  144.     
  145.     // Get the element with id="defaultOpen" and click on it
  146.     // document.getElementById("defaultOpen").click();
  147. </script>
  149. <script>
  150.     /* When the user clicks on the button, 
  151.     toggle between hiding and showing the dropdown content */
  152.     function dropDown() {
  153.         document.getElementById("myDropdown").classList.toggle("show");
  154.     }
  156.     // Close the dropdown if the user clicks outside of it
  157.     window.onclick = function(event) {
  158.     if (!event.target.matches('.dropbtn')) {
  159.         var dropdowns = document.getElementsByClassName("dropdown-content");
  160.         var i;
  161.         for (i = 0; i < dropdowns.length; i++) {
  162.             var openDropdown = dropdowns[i];
  163.             if (openDropdown.classList.contains('show')) {
  164.                 openDropdown.classList.remove('show');
  165.             }
  166.         }
  167.     }
  168.     }
  169. </script>
  171. <script>
  172.     {% for message in app.flashes('notice') %}
  173.         $( document ).ready(function() {
  174.             Swal.fire({
  175.                 icon: 'success',
  176.                 title: 'Berhasil Dikirim',
  177.                 text: 'Terima Kasih',
  178.                 showConfirmButton: false,
  179.                 timer: 2000
  180.             });
  181.         });
  182.     {% endfor %}
  183. </script>