templates/Theme/base.html.twig line 1

Open in your IDE?
  1. {# Used to pass value of heading to both current page and to included nav for responsive needs #}
  2. {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  3. {% set heading %}
  4.     {% block heading %}{% endblock %}
  5. {% endset %}
  6. <!DOCTYPE html>
  7. <html lang="fr">
  8. <head>
  9.     <title>
  10.         {% block title %}Libérez-vous des contraintes et simplifiez vous les démarches
  11.         {% endblock %}
  12.         - Riposte Système
  13.     </title>
  14.     <!-- Required meta tags -->
  15.     <meta charset="utf-8">
  16.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  17.     <meta name="description"
  18.           content="Libérez-vous des contraintes et simplifiez vous les démarches. Nous vous assistons pour tout régler en quelques clics, sans vous déplacer !"/> {% block metas %}{% endblock %}
  20.     {#    <script #}
  21.     {#            src="https://code.jquebry.com/jquery-3.6.0.min.js" #}
  22.     {#            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" #}
  23.     {#            crossorigin="anonymous"></script> #}
  24.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
  25.             integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  26.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"
  27.             integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
  29.     <!-- Bootstrap CSS -->
  30.     {# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> #}
  31.     {{ encore_entry_link_tags('app') }}
  33.     {# START: OLD STYLESHEETS #}
  34.     <link rel="icon" href="{{ asset('assets/img/icone.png') }}"/>
  35.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  36.     <link
  37.             rel="stylesheet" href="{{ asset('assets/lib/bootstrap-select/css/bootstrap-select.min.css') }}"/>
  38.     {#    <link rel="stylesheet" href="{{ asset('assets/lib/bootstrap-tokenfield/bootstrap-tokenfield.min.css') }}"/> #}
  39.     <link rel="stylesheet"
  40.           href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/css/bootstrap-tokenfield.min.css"/>
  41.     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all"
  42.           rel="stylesheet" type="text/css"/>
  43.     <link rel="stylesheet" href="{{ asset('assets/css/commons/calendar.css') }}"/>
  44.     <link rel="stylesheet" href="{{ asset('assets/lib/jquery/prettydropdowns.css') }}">
  45.     <link rel="stylesheet" href="{{ asset('assets/lib/jquery/nice-select.css') }}">
  46.     <link rel="stylesheet" href="{{ asset('assets/lib/timepicki/timepicki.css') }}">
  47.     <link rel="stylesheet" href="{{ asset('assets/css/commons/footer.css') }}"/>
  48.     <link rel="stylesheet" href="{{ asset('assets/css/commons/custom.css') }}"/>
  49.     <link rel="stylesheet" href="{{ asset('assets/css/commons/buttons.css') }}"/>
  50.     <link rel="stylesheet" href="{{ asset('assets/css/user/homeMobile.css') }}"/>
  51.     <link href="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css"
  52.           rel="stylesheet">
  53.     <link rel="stylesheet" href="{{ asset('assets/lib/bootstrap-toogle/css/bootstrap-toggle.min.css') }}"/>
  54.     <link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css"/>
  55.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"/>
  56.     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">
  58.     {# END: OLD STYLESHEETS #}
  60.     {# START: OLD SCRIPTS #}
  61.     {% if app.environment != 'dev' %}
  62.         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115905831-1"></script>
  63.         <script>
  64.             window.dataLayer = window.dataLayer || [];
  66.             function gtag() {
  67.                 dataLayer.push(arguments);
  68.             }
  70.             gtag('js', new Date());
  72.             gtag('config', 'UA-115905831-1');
  73.         </script>
  74.     {% endif %}
  75.     {# END: OLD SCRIPTS #}
  77.     {% block stylesheets %}{% endblock %}
  78. </head>
  79. <body>
  80. {% if is_granted('ROLE_USER') %}
  81.     {% include "Theme/sidebar.html.twig" %}
  82. {% endif %}
  83. <section class="main">
  85.     {% include "Theme/navbar.html.twig" with { heading: heading} %}
  87.     {% if breadcrumbExpress is defined %}
  88.         {% include 'Theme/breadcrumbExpressDisaster.html.twig' %}
  89.     {% endif %}
  90.     {# {% if breadcrumbComplaintExpress is defined and not(currentPath starts with '/express/') %}
  91.         {% include 'Theme/breadcrumbExpressComplaint.html.twig' %}
  92.     {% endif %} #}
  94.     {% for label, messages in app.flashes %}
  95.         {% for key, message in messages %}
  96.             <div class="modal modalAlert show" style="display:block;">
  97.                 <div class="modal-dialog modal-{{ label }}">
  98.                     <div class="modal-content">
  99.                         {# <div class="modal-header">
  100.                             <div class="icon-box">
  101.                                 {% if label == "success" %}
  102.                                     <i class="fa fa-check"></i>
  103.                                 {% else %}
  104.                                     <i class="fa fa-times"></i>
  105.                                 {% endif %}
  106.                             </div>
  107.                             {% if label == "success" %}
  108.                                 <h4 class="modal-title">Félicitations</h4>
  109.                             {% else %}
  110.                                 <h4 class="modal-title">Attention</h4>
  111.                             {% endif %}
  112.                         </div> #}
  113.                         <div class="modal-body pt-0">
  114.                             <h4 class="text-start blue fw-bold">
  115.                                 {% if label == "success" %}
  116.                                     Félicitations
  117.                                 {% elseif label == "success_delete" %}
  118.                                     Clôture de compte
  119.                                 {% else %}
  120.                                     Attention
  121.                                 {% endif %}
  122.                             </h4>
  123.                             <br/>
  124.                             
  125.                             <p class="text-start mt-5">{{message}}</p>
  127.                             <div class="row">
  128.                                 <div class="col-md-12 text-left position-static">
  129.                                     <button data-bs-dismiss="modal" class="btn btn-outline-danger" style="top:5px"
  130.                                         onclick="$(this).parent().parent().parent().parent().parent().parent().hide()">
  131.                                         <i class="fas fa-times"></i>
  132.                                     </button>
  133.                                 </div>
  134.                             </div>
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.             {# <p class='alert alertLayout alert-{{label}}'>{{message}}</p> #}
  140.         {% endfor %}
  141.     {% endfor %}
  143.     <main class="content main_content card {{ 'user_' in app.request.get('_route') or app.request.get('_route') == 'page_display' ? 'mt-0 mx-md-5' : '' }} {{ app.request.query.get('complaint') == 1 or (currentPath starts with '/express/') ? 'express_complaint_steps' : '' }} {{ breadcrumbComplaintExpress is not defined ? 'p-0': '' }}">
  144.         {% if not (currentPath starts with '/express/') and not (currentPath starts with '/login') and ((heading ~ '')|trim) != '' %}
  145.             <div class="card-header bg-primary text-white text-center col-12 d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block">
  146.                 <h2 class="fw-bold">
  147.                     {{ heading }}
  148.                 </h2>
  149.             </div>
  150.         {% endif %}
  153.         {% if app.request.query.get('complaint') == 1 or  (breadcrumbComplaintExpress is defined and currentPath starts with '/express/') %}
  154.             {% include 'Theme/breadcrumbExpressComplaint.html.twig' %}
  155.         {% endif %}
  157.         <div class="container {{ 'user_' in app.request.get('_route') or app.request.get('_route') == 'page_display' ? 'px-0' : 'px-4' }} {{ breadcrumbComplaintExpress is defined ? '' : '' }}">
  158.             <div class="card-body {{ currentPath starts with '/express/' and app.request.get('_route') != 'express_complaint_register' ? 'pb-0 pb-5  pt-0' : '' }} {{ 'user_' in app.request.get('_route') or app.request.get('_route') == 'page_display' ? 'w-100 mt-0 mb-5 ms-0 p-0 pb-4 px-4' : '' }} {{ 'user_homepage' == app.request.get('_route') ? 'card-cancel' : '' }}{{ app.request.get('_route') == 'express_complaint_x_identity' and expressStep == 3 ? 'mx-3 w-100' : '' }}"> {% block body %}{% endblock %}</div>
  159.         </div>
  160.     </main>
  162.     {% include "Theme/footer.html.twig" %}
  163. </section>
  165.     <!-- Optional JavaScript; choose one of the two! -->
  166.     {{ encore_entry_script_tags('app') }}{# {% block javascripts %}{% endblock %} #}
  168.     <!-- Option 1: Bootstrap Bundle with Popper -->
  169.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
  170.             integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
  171.             crossorigin="anonymous"></script>
  173.     <!-- Option 2: Separate Popper and Bootstrap JS -->
  174.     <!--
  175.                                                                                                                                                                                                                 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
  176.                                                                                                                                                                                                             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
  177.                                                                                                                                                                                                             -->
  179.     {# START: OLD SCRIPTS #}
  180.     <script type="text/javascript" src="{{ asset('assets/lib/bootstrap/js/bootstrap.js') }}"></script>
  181.     <script type="text/javascript" src="{{ asset('assets/lib/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
  182.     <script type="text/javascript" src="{{ asset('assets/lib/bootstrap-select/js/i18n/defaults-fr_FR.min.js') }}"></script>
  183.     <script type="text/javascript" src="{{ asset('assets/lib/bootstrap-toogle/js/bootstrap-toggle.min.js') }}"></script>
  184.     {# <script type="text/javascript" src="{{ asset('assets/lib/bootstrap-tokenfield/bootstrap-tokenfield.min.js') }}"></script> #}
  185.     <script type="text/javascript"
  186.             src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/bootstrap-tokenfield.min.js"></script>
  187.     <script type="text/javascript"
  188.             src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.14/jquery.datetimepicker.full.min.js"></script>
  189.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
  190.     <script type="text/javascript" src="{{ asset('assets/lib/jquery/jquery.matchHeight.js') }}"></script>
  191.     <script type="text/javascript" src="{{ asset('assets/lib/jquery/jquery.autoresize.js') }}"></script>
  192.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/fr.js"></script>
  193.     <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
  194.     <script src="{{ asset('assets/lib/jquery/jquery.nice-select.js') }}"></script>
  195.     <script src="{{ asset('assets/lib/jquery/jquery.prettydropdowns.js') }}"></script>
  196.     <script src="{{ asset('assets/lib/jquery/jquery.editable-select.js') }}"></script>
  197.     <script type="text/javascript" src="{{ asset('assets/js/user/home.js') }}"></script>
  198.     <script type="text/javascript" src="{{ asset('assets/lib/jquery/jquery.validate.min.js') }}"></script>
  199.     <script type="text/javascript" src="{{ asset('assets/lib/jquery/messages_fr.js') }}"></script>
  200.     <script type="text/javascript" src="{{ asset('assets/lib/timepicki/timepicki.js') }}"></script>
  201.     <script type="text/javascript">
  203.         // (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
  204.         //     w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
  205.         //         m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
  206.         // })(window,document,'script','http://127.0.0.1:8000/index.php/mtc.js','mt');
  207.         //
  208.         // mt('send', 'pageview');
  210.         $("input[type='file']").fileinput({
  211.             shareIn: "popup",
  212.             language: "fr",
  213.             showRemove: false,
  214.             showUpload: false,
  215.             initialPreviewConfig: [
  216.                 {
  217.                     caption: "false",
  218.                     size: false
  219.                 },
  220.             ],
  221.             layoutTemplates: {
  222.                 btnBrowse: '<div tabindex="500" class="{css}"{status}>{icon}</div>'
  223.             }
  224.         });
  226.         /**
  227.         * This function override original history.back() function and handle custom redirects
  228.         * depending on which page visitor is
  229.         */
  230.         function customHistoryBack() {
  231.             if (window.location.pathname === '{{ path('express_disaster_declaration_params') }}') {
  232.                 window.location.href = '{{ path('homepage') }}';
  233.             } else {
  234.                 history.back();
  235.             }
  236.         }
  237.     </script>
  238.     <script type="text/javascript">
  239.         $(document).ready(function () {
  241.             $(document).on("keydown", ":input:not(textarea)", function (event) {
  242.                 return event.key != "Enter";
  243.             });
  245.             var formHasChanged = false;
  246.             var submitted = false;
  248.             $(document).on('change', 'form input, form select, form textarea', function (e) {
  249.                 formHasChanged = true;
  250.             });
  252.     // form change validation on page change
  253.     // window.onbeforeunload = function (e) {
  254.     //     if (formHasChanged && !submitted && !$(document.activeElement).hasClass('allowedLeave')) {
  255.     //         var message = "You have not saved your changes.", e = e || window.event;
  256.     //         if (e) {
  257.     //             e.returnValue = message;
  258.     //         }
  259.     //         return message;
  260.     //     }
  261.     // };
  263.         $("form").submit(function () {
  264.             submitted = true;
  265.         });
  267.         $.validator.addMethod('currency', function (value, element, regexp) {
  268.             var re = /^\d{1,9}(\.\d{1,2})?$/;
  269.             return this.optional(element) || re.test(value);
  270.         }, '');
  271.         $.validator.messages.currency = 'Veuillez entrer un montant en chiffre';
  272.         $.validator.addMethod('imei', function (value, element, regexp) {
  273.             var re = /^\d{1,17}(\.\d{1,2})?$/;
  274.             return this.optional(element) || re.test(value);
  275.         }, '');
  276.         $.validator.messages.imei = 'Veuillez entrer une suite de chiffres';
  278.         $('form').validate({
  279.             ignoreTitle: true,
  280.             errorPlacement: function (error, element) {
  281.                 error.appendTo(element.closest('.form-group'));
  282.             },
  283.             rules: {
  284.                 "App_complaintx[prejudiceEstimate]": {
  285.                     "required": true,
  286.                     "currency": true
  287.                 },
  288.                 "App_item[estimateValue]": {
  289.                     "required": false,
  290.                     "currency": true
  291.                 },
  292.                 "App_item[imeiNumber]": {
  293.                     "imei": true,
  294.                     "minlength": 15,
  295.                     "maxlength": 17
  296.                 }
  297.             }
  298.         });
  300. // $.each($('.rowForm select.niceSelect'), function(index, input){
  301. // if(!$(input).val()){
  302. //    $(input).append('<option selected disabled hidden>'+$(input).attr('placeholder')+'</option>');
  303. // }
  304. // });
  306.         $(".timepickiinput").timepicki({
  307.             show_meridian: false,
  308.             validate: true,
  309.             min_hour_value: 0,
  310.             max_hour_value: 23,
  311.             step_size_minutes: 5,
  312.             increase_direction: 'up',
  313.             disable_keyboard_mobile: true,
  314.             start_time: ["12", "00"]
  315.         });
  316.         {% if app.user %}{% if app.user.isBeginner %}Init.initToolTip($('input,textarea,.tooltipHelper'));
  317.         {% endif %}$.each($('input.tokenfield'), function (index, input) {
  318.             Init.initTokenField(input);
  319.             Init.tokenTitle(input, {{ (app.user.isBeginner) ? "true" : "false" }});
  320.         });
  321.         {% endif %}$(".editableSelect").editableSelect({'startWith': true});
  323. // $(".niceSelect").niceSelect();
  325.         $.each($('.placeholding').prev('input'), function (index, input) {
  327.             $(input).focus(function () {
  328.                 $(input).next('label').addClass('label-valid');
  329.             });
  330.             $(input).blur(function () {
  331.                 if (!$(input).val()) {
  332.                     $(input).next('label').removeClass('label-valid');
  333.                 }
  334.             });
  335.         });
  337.         $.each($('.placeholding').prev('textarea'), function (index, input) {
  338.             $(input).focus(function () {
  339.                 $(input).next('label').addClass('label-valid');
  340.             });
  341.             $(input).blur(function () {
  342.                 if (!$(input).val()) {
  343.                     $(input).next('label').removeClass('label-valid');
  344.                 }
  345.             });
  346.         });
  348.         $.each($('label').prev('.tokenfield'), function (index, block) {
  349.             Init.tokenLabel(block);
  350.         });
  352.         $.each($('select.niceSelect'), function (index, select) {
  353.             var $label = $(select).siblings('label');
  354.             if (!$(select).val() || $.isEmptyObject($(select).val())) {
  355.                 $label.removeClass("label-valid");
  356.             } else {
  357.                 $label.addClass("label-valid");
  358.             }
  359.         });
  361.         $('.containerForm, .containerMobile').on('change', 'select', function () {
  362.             var $label = $(this).next('label');
  363.             if (!$(this).val() || $.isEmptyObject($(this).val())) {
  364.                 $label.removeClass("label-valid");
  365.             } else {
  366.                 $label.addClass("label-valid");
  367.             }
  368.         });
  370.         $('.containerForm, .containerMobile').on('focus', '.editableSelect', function () {
  371.             var $label = $(this).next('label');
  372.             $label.addClass("label-valid");
  373.         });
  375.         $('.containerForm, .containerMobile').on('blur', '.editableSelect', function () {
  376.             if (!$(this).val()) {
  377.                 $(this).next('label').removeClass('label-valid');
  378.             }
  379.         });
  381.         setTimeout(function () {
  382.             if ($('.modalAlert').length > 0) {
  383.                 $('.modalAlert').remove();
  384.             }
  385.         }, 10000);
  387.         const modalCloses = document.querySelectorAll('.modal-close');
  388.         modalCloses.forEach((modalClose) => {
  389.             modalClose.addEventListener('click', () => {
  390.                 modalClose.parentElement.parentElement.parentElement.parentElement.remove();
  391.             })
  392.         });
  393.     });
  394. </script>
  395.     {# <script type="text/javascript" src="{{asset('assets/lib/carousel/jquery.waterwheelCarousel.js')}}" ></script> #}
  396.     {#    <script src="https://unpkg.com/simplebar@latest/dist/simplebar.js"></script> #}
  397.     {% block javascripts %}{% endblock %}
  398.     {# <!--Start of Tawk.to Script-->
  399.     <script type="text/javascript">
  400.     {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  401.         var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
  402.         (function () {
  403.             var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
  404.             s1.async = true;
  405.             s1.src = 'https://embed.tawk.to/5a8eed9cd7591465c707eb55/default';
  406.             s1.charset = 'UTF-8';
  407.             s1.setAttribute('crossorigin', '*');
  408.             s0.parentNode.insertBefore(s1, s0);
  409.         })();
  410.         Tawk_API = Tawk_API || {};
  411.         Tawk_API.visitor = {
  412.             name: '{{app.user.firstname~" "~app.user.lastname}}',
  413.             email: '{{app.user.email}}'
  414.         };
  415.     {% endif %}
  416.     </script> #}
  417.     <link rel="stylesheet" type="text/css"
  418.         href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css"/>
  419.     <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
  420.     {# <script src="https://maps.googleapis.com/maps/api/js?key={{ googleApiKey }}&libraries=places"></script> #}
  422.     {#      <script type="text/javascript" src="{{ asset('assets/js/gmaps.js')}}" ></script> #}
  424.     <script type="text/javascript">
  425.         window.addEventListener("load", function () {
  426.             $('.choice img').on('mouseenter', function () {
  427.                 $(this).attr('src', $(this).attr('src').replace('info.svg', 'info_hover.svg'));
  428.             }).on('mouseleave', function () {
  429.                 $(this).attr('src', $(this).attr('src').replace('info_hover.svg', 'info.svg'));
  430.             });
  432.             if(window.cookieconsent.initialise ) {
  433.                 
  435.                 window.cookieconsent.initialise({
  436.                     "palette": {
  437.                         "popup": {
  438.                             "background": "#051a45"
  439.                         },
  440.                         "button": {
  441.                             "background": "#ffff",
  442.                             "text": "#051a45"
  443.                         }
  444.                     },
  445.                     "content": {
  446.                         "message": "En poursuivant votre navigation sur ce site, vous acceptez l’utilisation des cookies pour vous proposer la meilleure expérience utilisateur.",
  447.                         "dismiss": "ACCEPTER",
  448.                         "link": "En savoir plus"
  449.                     }
  450.                 });
  451.             }
  452.         });
  454.         const tokens = document.querySelectorAll('.textarea-tokens');
  456.         for(const token of tokens) {
  457.             const div = document.createElement('div');
  458.             div.classList.add('textarea-tokens-close')
  459.             token.parentNode.append(div);
  460.         }
  462.         function updateToken(token) {
  463.             token.nextElementSibling.innerHTML = '';
  464.             values = token.value.split('\n');
  465.             for( const index in values ) {
  466.                 const span = document.createElement('span');
  467.                 span.dataset.index = index;
  468.                 span.innerHTML = 'x';
  469.                 token.nextElementSibling.append(span);
  471.                 span.addEventListener('click', () => {
  472.                     if( values.length === 1 ) {
  473.                         token.value = '';
  474.                         token.nextElementSibling.innerHTML = '';
  475.                     } else {
  476.                         values.splice(span.dataset.index, 1);
  477.                         token.value = values.join('\n');
  478.                         updateToken(token);
  479.                     }
  480.                 })
  481.             }
  483.             token.style.height = calcTokenHeight(token.value) + "px"
  484.         }
  486.         function calcTokenHeight(value) {
  487.             let numberOfLineBreaks = (value.match(/\n/g) || []).length;
  488.             return 20 + numberOfLineBreaks * 20 + 16 + 2;
  489.         }
  490.     </script>
  492.     <script>
  493.         const previews = document.querySelectorAll('.previewImgVich');
  495.         function verifyImage( preview, attempt = 1 ) {
  496.             if( attempt > 5 ) {
  497.                 return;
  498.             }
  500.             if( preview.dataset.error == 1) {
  501.                 const item = preview.parentNode.parentNode.parentNode.parentNode.parentNode;
  502.                 const parent = item.parentNode.removeChild(item)
  504.                 return;
  505.             }
  507.             setTimeout( () => { verifyImage(preview, attempt + 1) }, 1000 );
  508.         }
  510.         if( typeof doNotVerifyImage === 'undefined' || !doNotVerifyImage ) {
  511.             for(const preview of previews) {
  512.                 verifyImage(preview);
  513.             }
  514.         }
  516.         $('.item .btn-group .btn').hover(function() {
  517.             $(this).prev().addClass('hover')
  518.         }, function() {
  519.             $(this).prev().removeClass('hover')
  520.         });
  521.     </script>
  522.     <script>
  524.         if( document.querySelectorAll('.input_icon:not(.no-resize)').length > 0 ) {
  526.             window.onresize = () => {
  527.                 resetIconCardSquare();
  528.                 makeIconCardSquare();
  529.             };
  531.             function resetIconCardSquare() {
  532.                 for( const inputIcon of document.querySelectorAll('.input_icon:not(.no-resize)') ) {
  533.                     inputIcon.style.height = null;
  534.                     inputIcon.style.width = null;
  535.                 }
  536.             }
  538.             function makeIconCardSquare() {
  539.                 let minWidth = 1000;
  540.                 for( const inputIcon of document.querySelectorAll('.input_icon:not(.no-resize)') ) {
  541.                     minWidth = Math.min(minWidth, inputIcon.clientWidth);
  542.                 }
  544.                 if( minWidth === 0 ) {
  545.                     setTimeout(makeIconCardSquare, 200);
  546.                     return
  547.                 }
  549.                 if( typeof fixWith !== 'undefined' )
  550.                     minWidth = 100;
  552.                 if (minWidth < 100) {
  553.                     minWidth = 100;
  554.                 }
  556.                 for( const inputIcon of document.querySelectorAll('.input_icon:not(.no-resize)') ) {
  557.                     inputIcon.style.height = `${minWidth}px`;
  558.                     inputIcon.style.width = `${minWidth}px`;
  559.                     inputIcon.style.minWidth = `${minWidth}px`;
  560.                     //inputIcon.parentNode.style.width = `${minWidth}px`;
  561.                 }
  562.             }
  564.             makeIconCardSquare();
  565.         }
  566.     </script>
  567. <!--End of Tawk.to Script-->
  569. </body>
  570. </html>