templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>
  5.             {% block title %}{% endblock %}
  6.         </title>
  7.         {# <link rel="stylesheet" href="https://www.trousses.morintech.fr/2023/style.css"/>
  8.         
  9.             <link rel="stylesheet" href="https://www.trousses.morintech.fr/2023/table/style.css"/>
  10.             <script src="https://www.trousses.morintech.fr/2023/table/table.js"></script> #}
  11.         {% block metas %}
  12.             <meta name="viewport" content="width=device-width, initial-scale=1"/>
  13.             <meta charset="utf-8"/>
  14.             <meta name="turbo-cache-control" content="no-preview">
  15.         {% endblock %}
  16.         {# {% if app.request.get('_route') == 'mission_edit' %}
  17.                 <script>window.pipedriveLeadboosterConfig = {base: 'leadbooster-chat.pipedrive.com',companyId: 3957876,playbookUuid: 'a23ff3fa-178e-41ef-8983-6981c5144bcc',version: 2};(function () {var w = window;if (w.LeadBooster) {console.warn('LeadBooster already exists');} else {w.LeadBooster = {q: [],on: function (n, h) {this.q.push({ t: 'o', n: n, h: h });},trigger: function (n) {this.q.push({ t: 't', n: n });},};}})();</script><script src="https://leadbooster-chat.pipedrive.com/assets/loader.js" async></script>
  18.             {% endif %} ##}
  19.         {% block favicon %}
  20.             {% if is_agency() == true %}
  21.                 <link rel="shortcut icon" href="{{ asset(dynamic_favicon()) }}"/>
  22.             {% else %}
  23.                 <link rel="shortcut icon" href="{{ asset('build/media/favicon.ico') }}"/>
  24.             {% endif %}
  25.         {% endblock %}
  26.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  27.         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  28.         <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  29.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  30.         <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  31.         {# <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script> #}
  32.         {% block stylesheets %}
  33.             {{ encore_entry_link_tags('plugins/global/plugins.bundle') }}
  34.             {{ encore_entry_link_tags('css/style.bundle') }}
  35.             {{ encore_entry_link_tags('app') }}
  36.         {% endblock %}
  38.         {% block scripts %}
  39.             {{ encore_entry_script_tags('app') }}
  40.         {% endblock %}
  42.     </head>
  43.     <body id="kt_body" class="header-tablet-and-mobile-fixed aside-enabled" {% if app.user.userData is not null  %}{% if app.user.userData.menuState == true %}data-kt-aside-minimize="on"{% endif %} {% endif %}>
  44.         {# {% if is_granted('ROLE_CLIENT_ADMIN') or is_granted('ROLE_CLIENT') or is_granted('ROLE_ADMIN_AGENCY')  %} #}
  45.             {% set userCompanyDataContent = get_user_company_data() %}
  46.             {% set user_primary_color = userCompanyDataContent.primary_color is not empty ? userCompanyDataContent.primary_color : '#f975c4'%}
  47.             {% set user_second_color = userCompanyDataContent.second_color is not empty ? userCompanyDataContent.second_color : '#08085c' %}
  48.             {% set user_text_color = userCompanyDataContent.text_color is not empty ? userCompanyDataContent.text_color : '#1968CD' %}
  49.             {% set user_icon_color = userCompanyDataContent.icon_color is not empty ? userCompanyDataContent.icon_color : '#4a4b68' %}
  50.             {% set user_background_color = userCompanyDataContent.background_color is not empty ? userCompanyDataContent.background_color : '#04006E' %}
  51.             {% set user_title_color = userCompanyDataContent.title_color is not empty ? userCompanyDataContent.title_color : '#08085c' %}
  52.             {% set user_company_logo = userCompanyDataContent.logo_company is not empty ? userCompanyDataContent.logo_company : '' %}
  53.             
  54.         {# {% else %}
  55.             {% set userCompanyDataContent = ''%}
  56.             {% set user_primary_color = '#f975c4' %}
  57.             {% set user_second_color = '#08085c' %}
  58.             {% set user_text_color = '#1968CD' %}
  59.             {% set user_icon_color = '#4a4b68' %}
  60.             {% set user_background_color = '#04006E' %}
  61.             {% set user_title_color = '#08085c' %}
  62.             {% set user_company_logo = '' %}
  63.             
  65.         {% endif %} #}
  66.         <style>
  68.             /* ___________ */
  70.             #modal-promo .close {
  71.   position: absolute;
  72.   right: 24px;
  73.   top: 10px;
  74.   font-size: 38px;
  75.   color: #fff;
  76.   opacity: 1;
  77. }
  79. #modal-promo .modal-content {
  80.   overflow: hidden;
  81. }
  83. #modal-promo .phone {
  84.   width: 100%;
  85. }
  87. #modal-promo .text-center {
  88.   padding: 2rem;
  89. }
  91. #modal-promo h2 {
  92.   font-size: clamp(22px, 1.458vw, 28px);
  93. }
  95. #modal-promo p {
  96.   font-size: clamp(16px, 0.938vw, 18px);
  97.   margin-top: 14px;
  98.   margin-bottom: 0;
  99. }
  101. #modal-promo p .bold {
  102.   font-weight: 700;
  103.   text-decoration: underline;
  104. }
  106. #modal-promo .qr-code {
  107.   margin-top: 16px;
  108. }
  110. #modal-promo .qr-code img {
  111.   max-width: 120px;
  112.   width: 100%;
  113. }
  115. #modal-promo .links {
  116.   display: flex;
  117.   justify-content: end;
  118.   margin-top: 24px;
  119. }
  121. @media (max-width: 576px) {
  122.   #modal-promo .links {
  123.     justify-content: center;
  124.   }
  125. }
  127. #modal-promo .links a {
  128.   color: #000;
  129.   font-size: 16px;
  130.   text-decoration: underline !important;
  131. }
  133. #modal-promo .links a.closed {
  134.   font-size: 14px;
  135. }
  138.             /* --------------- */
  139.             {
  140.                 # début custom color #
  141.             }
  142.             :root {
  143.                 --my-flow-pink: {{user_primary_color}}; /*couleur principale #f975c4*/
  144.                 --my-flow-secondaire: {{user_second_color}}
  145.                 ; /*couleur secondaire #08085c*/
  146.                 --text-active: {{user_text_color}}
  147.                 ; /* couleur text active #1968CD*/
  148.                 --bs-custom-blue: var(--my-flow-secondaire) !important;
  149.                 --bs-custom-pink:var(--my-flow-pink) !important;
  150.                 --fond-status: pink; /* couleur fond status #04006E*/
  152.                 --my-flow-black: #4a4b68; /*couleur des icones*/
  153.                 --my-flow-block-fond: {{user_background_color}}
  154.                 ; /*couleur fond des blocs */
  155.                 --my-flow-titre-block: {{user_title_color}}
  156.                 ; /*couleur fond des blocs */
  157.                 --my-flow-text: {{user_title_color}}
  158.                 ; /* couleur des titre */
  159.                 --my-flow-black-rgb: 74, 75, 104;
  160.                 --my-flow-blue: #EDF6FE;
  161.                 --my-flow-light-pink: #F6E4F4;
  163.             }
  164.             {
  165.                 # debut Custom primary color #
  166.             }
  167.             body .btn-primary-custom,
  168.             body .bg-custom-pink,
  169.             body .button-for-edit-with-icon-play,
  170.             body .button-for-edit-with-icon-clock,
  171.             body .button-for-edit-with-icon-pen,
  172.             body .text-custom-pink,
  173.             body .text-custom-pink,
  174.             body .containt-planning > span {
  175.                 background-color: var(--my-flow-pink) !important;
  176.             }
  177.             .btn-check:checked + .btn.btn-primary,
  178.             .btn-check:active + .btn.btn-primary,
  179.             .btn.btn-primary:focus:not(.btn-active),
  180.             .btn.btn-primary:hover:not(.btn-active),
  181.             .btn.btn-primary:active:not(.btn-active),
  182.             .btn.btn-primary.active,
  183.             .btn.btn-primary.show,
  184.             .show > .btn.btn-primary {
  185.                 color: #181C32 !important;
  186.                 text-decoration: none !important;
  187.             }
  188.             body .content-mission-tooltips .text-custom-pink,
  189.             body .bi-exclamation-triangle-fill {
  190.                 color: var(--my-flow-pink) !important;
  191.                 background-color: transparent !important;
  192.             }
  193.             body .profil-image-label:hover,
  194.             body .profil-image-delete:hover {
  195.                 background: var(--my-flow-pink) !important;
  196.             }
  197.             .back-line2 input:checked[type=checkbox],
  198.             input:checked[type=checkbox],
  199.             body .btn.btn-primary,
  200.             .btn-check:checked + .btn.btn-primary,
  201.             .btn-check:active + .btn.btn-primary,
  202.             .btn.btn-primary:focus:not(.btn-active),
  203.             .btn.btn-primary:hover:not(.btn-active),
  204.             .btn.btn-primary:active:not(.btn-active),
  205.             .btn.btn-primary.active,
  206.             .btn.btn-primary.show,
  207.             .show > .btn.btn-primary {
  208.                 background-color: var(--my-flow-pink) !important
  209.             }
  210.             {
  211.                 # fin Custom primary color #
  212.             }
  214.             {
  215.                 # debut Custom secondaire color #
  216.             }
  217.             body .text-custom-blue,
  218.             body .custom-facture-attente,
  219.             body .color-blue-custom,
  220.             body .notification-list-mission > li,
  221.             body .content-message-system-date {
  222.                 color: var(--bs-custom-blue) !important;
  223.             }
  224.             body .mission-tooltips::after {
  225.                 border-bottom: 5px solid var(--bs-custom-blue) !important;
  226.             }
  227.             body .bg-custom-blue,
  228.             body .container-recurrent-label .no-label-recurrent.no-recurrent,
  229.             body .page-item.active .page-link,
  230.             .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice,
  231.             .active-blue {
  232.                 background-color: var(--bs-custom-blue) !important;
  233.             }
  234.             body .mission-tooltips,
  235.             body .notification-title {
  236.                 background: var(--bs-custom-blue) !important;
  237.             }
  238.             {
  239.                 # fin Custom secondaire color #
  240.             }
  242.             {
  243.                 # début texte active #
  244.             }
  245.             body .text-active-primary.active,
  246.             .menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
  247.             .menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  248.                 color: var(--text-active) !important;
  249.             }
  250.             body a .aside-user-info,
  251.             body .title-compaign a,
  252.             .nav-link:hover,
  253.             .nav-link:focus {
  254.                 color: var(--text-active) !important;
  255.             }
  256.             body .btn-join-file-chat {
  257.                 color: var(--text-active) !important;
  258.                 border: var(--text-active) dashed 1px !important
  259.             }
  260.             {
  261.                 # fin texte active #
  262.             }
  263.             {
  264.                 # debut text de détails #
  265.             }
  266.             body .estimated-time-or-income-content .color-blue-custom,
  267.             body div.resume_marge .color-blue-custom,
  268.             .resumer-commande tbody tr td,
  269.             body .state-provider .text-custom-blue {
  270.                 color: var(--my-flow-text) !important;
  271.             }
  272.             {
  273.                 # fin text de détails #
  274.             }
  276.             {
  277.                 # fin custom color #
  278.             }
  280.             .menu-link.active > svg.icn.faq path,
  281.             .menu-link:hover > svg.icn.faq path {
  282.                 stroke: var(--my-flow-pink);
  283.             }
  284.             .menu-link > svg.icn.faq path {
  285.                 fill: #fff;
  286.                 width: 20px;
  287.             }
  288.             .hidden {
  289.                 display: none !important;
  290.             }
  291.             svg.icn-grey {
  292.                 fill: #a1a5b7 !important;
  293.             }
  294.             svg.icn-pink {
  295.                 fill: var(--my-flow-pink) !important;
  296.             }
  297.             i.icn-pink {
  298.                 color: var(--my-flow-pink) !important;
  299.             }
  300.             .myflow-line {
  301.                 padding: 10px;
  302.             }
  303.             .myflow-line:not(.fw-bold):hover {
  304.                 background-color: #eff2f5;
  305.             }
  306.             .pagination:hover {
  307.                 color: var(--my-flow-pink);
  308.             }
  309.             .pagination:hover svg {
  310.                 fill: var(--my-flow-pink);
  311.             }
  312.             .info-general-2 >div > button:hover,
  313.             .info-general-2 >div > button:hover * {
  314.                 color: var(--my-flow-pink) !important;
  315.                 fill: var(--my-flow-pink) !important;
  316.                 text-decoration: underline;
  317.             }
  318.             .info-general-2 > div > button {
  319.                 color: #97ABF4;
  320.                 font-weight: bolder;
  321.                 cursor: pointer;
  322.                 font-size: 13px;
  323.             }
  324.             .info-general:hover,
  325.             .info-general:hover * {
  326.                 color: var(--my-flow-pink) !important;
  327.                 fill: var(--my-flow-pink) !important;
  328.             }
  329.             .info-general,
  330.             .info-general-2 > div > button {
  331.                 text-decoration: underline;
  332.             }
  334.             svg.icn-greyhoverpink {
  335.                 fill: #a1a5b7 !important;
  336.             }
  337.             i.icn-greyhoverpink {
  338.                 color: #a1a5b7 !important;
  339.             }
  340.             svg.icn-greyhoverpink:hover {
  341.                 fill: var(--my-flow-pink) !important;
  342.             }
  343.             i.icn-greyhoverpink:hover {
  344.                 color: var(--my-flow-pink) !important;
  345.             }
  347.             .box-fichier-joints-mission:hover form h3 div button svg.icn-greyhoverpink {
  348.                 fill: var(--my-flow-pink) !important;
  349.             }
  350.             .box-fichier-joints-mission:hover form h3 div button i.icn-greyhoverpink {
  351.                 color: var(--my-flow-pink) !important;
  352.             }
  353.             .box-fichier-joints-mission:hover {
  354.                 border: 1px solid var(--my-flow-pink);
  355.             }
  357.             {
  358.                 # Ce qui suit est pas ouf, je le sais, faudrait le mettre directement dans le CSS #
  359.             }
  361.             div.gestion-temps {
  362.                 text-decoration: none;
  363.             }
  365.             
  366.         </style>
  367.         
  368.         <div class="d-flex flex-column flex-root">
  369.             <div class="page d-flex flex-row flex-column-fluid">
  370.                 {% if app.request.get('_route') != 'campaign_recapitulatif' %}
  371.                     {{ include('_aside.html.twig') }}
  372.                 {% endif %}
  373.                 <input type="hidden" value="0" id="emoji_id_id">
  374.                 <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper" {% if app.request.get('_route') == 'campaign_recapitulatif' %} style="padding-left: 0;" {% endif %}>
  375.                     {% if app.request.get('_route') != 'campaign_recapitulatif' %}
  376.                         {{ include('_header.html.twig') }}
  377.                     {% endif %}
  379.                     <div class="content d-flex flex-column flex-column-fluid pt-5 pb-2" id="kt_content">
  380.                         <div class="post d-flex flex-column-fluid" id="kt_post">
  381.                             <div id="kt_content_container" class="container-fluid">
  382.                                 {% if maintenance_info_app == 1 %}
  383.                                     <div class="alert align-center text-center" style="border: 1px solid #f77dc6;color: #f975c4;">
  384.                                         Nous sommes en train d'effectuer une mise à jour du site. Nous vous remercions de votre patience.
  385.                                     </div>
  386.                                 {% endif %}
  387.                                 {% block body %}{% endblock %}
  388.                             </div>
  389.                         </div>
  390.                     </div>
  391.                     {{ include('_flashbag.html.twig') }}
  393.                     {#            {{ include('_footer.html.twig') }}#}
  394.                 </div>
  395.             </div>
  396.         </div>
  398.         <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
  399.             <span class="svg-icon">
  400.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
  401.                     <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="black"/>
  402.                     <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="black"/>
  403.                 </svg>
  404.             </span>
  405.         </div>
  407.         
  408.             
  409.         
  410.     
  411.         
  412.         
  413.              {% if not app.user|user_have_app  %}
  415.                 {% set user_can_show_promotion = app.user|can_show_promation_app %}
  416.                 {% set cookie_app_promotion = app.request.cookies.get('hide-bd-app-application-'~app.user.id)  %}
  418.                 {{ include('_modal_app_promotion.html.twig') }}
  420.                 <div id="bandeau-mobile" 
  421.                     style="{{ not user_can_show_promotion and cookie_app_promotion == '1' ? ' display:none; ' : ' '  }}">
  423.                     <div id="promo-banner"  {{ stimulus_controller('mission--mobile') }} >
  424.                         <img src="https://my-flow.fr/wp-content/uploads/2025/04/tel.png" loading="lazy" width="24" height="50" alt="App Icon">
  425.                         <div class="text" >Téléchargez l’application myFlow pour améliorer votre productivité, suivre vos projets et interagir avec nos experts, où que vous soyez.</div>
  427.                         <div style="display: grid;grid-template-columns: 1fr 32px;align-items: center;" class="mobile-w100">
  428.                             <span {{ stimulus_action('mission--mobile', 'showModalMobile', 'click') }} class="button display-desktop">Télécharger l'application</span>
  429.                             <a href="https://app.my-flow.fr/get-myflow-mobil-application"  target="_blank" class="button display-mobile">Télécharger l'application</a>
  430.                             <button 
  431.                                 id="close-button-promotion-base"
  432.                                 style="font-size: 29px;background: transparent;color: white;border: none;padding: 0 10px;"
  433.                             >&times;</button>
  434.                         </div>
  436.                     </div>
  437.                 </div>
  439.                 
  441.                 <div id="app-promotion-icon-base" style="background: #07075b;z-index: 111;display: inline-block;width: auto;padding: 5px;border-radius: 5px;margin-left: 5px;position: fixed;bottom: 3px;left: 0;">
  442.                     <img src="https://my-flow.fr/wp-content/uploads/2025/04/tel.png" loading="lazy" width="24" height="50" alt="App Icon" style="height: 58px;border-radius: 4px;">
  444.                 </div> 
  445.             
  446.             {% endif  %}
  447.         {# {% endif %} #}
  448.         <script>
  449.             // for application promotion
  450.             
  451.         
  452.             function handleCheckboxClick(checkbox) {
  453.                 var checkboxValue = checkbox.value;
  454.                 var isChecked = checkbox.checked;
  455.                 var checkboxesContent1 = document.querySelectorAll('.content-1 input[type="checkbox"][value="' + checkboxValue + '"]');
  456.                 var checkboxesContent2 = document.querySelectorAll('.content-2 input[type="checkbox"][value="' + checkboxValue + '"]');
  457.                 var checkboxesContent3 = document.querySelectorAll('.content-3 input[type="checkbox"][value="' + checkboxValue + '"]');
  458.                 var checkboxesContent4 = document.querySelectorAll('.content-4 input[type="checkbox"][value="' + checkboxValue + '"]');
  459.                 checkboxesContent1.forEach(function (checkbox) {
  460.                 checkbox.checked = false;
  461.                 });
  462.                 checkboxesContent2.forEach(function (checkbox) {
  463.                 checkbox.checked = false;
  464.                 });
  465.                 checkboxesContent3.forEach(function (checkbox) {
  466.                 checkbox.checked = false;
  467.                 });
  468.                 checkboxesContent4.forEach(function (checkbox) {
  469.                 checkbox.checked = false;
  470.                 });
  471.                 checkbox.checked = isChecked;
  472.             }
  474.             var activeLink = document.querySelector('.menu-item .menu-link.active');
  475.             if (activeLink) {
  476.                 var parentMenuItem = activeLink.closest('.menu-sub');
  477.                 var parentMenuItems = activeLink.closest('.menu-accordion');
  478.                 if (parentMenuItem) {
  479.                 parentMenuItem.classList.add('show');
  480.                 parentMenuItems.classList.add('show');
  481.                 }
  482.             
  483.             }
  484.             $('[data-toggle="collapse"]').on('click', function(event) {
  485.                  if ($(this).attr('id') === 'show-filter') {
  486.                     return;
  487.                 }
  488.                 var isExpanded = $(this).attr('aria-expanded') === 'true';
  490.                 if (isExpanded) {
  491.                     event.stopPropagation();
  492.                     event.preventDefault();
  493.                 }
  494.             });
  496.             function goTo(location, rmcache) {
  497.                 if (rmcache && 'caches' in window) {
  498.                     caches.open('my-cache-name').then(cache => { // alert('Cache supprimé')
  499.                     cache.delete(location); // Suppression d'une entrée du cache
  500.                     });
  501.                 }
  502.                 window.location.href = location;
  503.             }
  504.         </script>
  505.         <script>
  506.             function handleCheckboxClick(checkbox) {
  507.                 var checkboxValue = checkbox.value;
  508.                 var isChecked = checkbox.checked;
  509.                 var checkboxesContent1 = document.querySelectorAll('.content-1 input[type="checkbox"][value="' + checkboxValue + '"]');
  510.                 var checkboxesContent2 = document.querySelectorAll('.content-2 input[type="checkbox"][value="' + checkboxValue + '"]');
  511.                 var checkboxesContent3 = document.querySelectorAll('.content-3 input[type="checkbox"][value="' + checkboxValue + '"]');
  512.                 var checkboxesContent4 = document.querySelectorAll('.content-4 input[type="checkbox"][value="' + checkboxValue + '"]');
  513.                 checkboxesContent1.forEach(function (checkbox) {
  514.                 checkbox.checked = false;
  515.                 });
  516.                 checkboxesContent2.forEach(function (checkbox) {
  517.                 checkbox.checked = false;
  518.                 });
  519.                 checkboxesContent3.forEach(function (checkbox) {
  520.                 checkbox.checked = false;
  521.                 });
  522.                 checkboxesContent4.forEach(function (checkbox) {
  523.                 checkbox.checked = false;
  524.                 });
  525.                 checkbox.checked = isChecked;
  526.             }
  528.             var activeLink = document.querySelector('.menu-item .menu-link.subcontrat.active');
  529.             if (activeLink) {
  530.                 var parentMenuItem = activeLink.closest('.menu-sub');
  531.                 var parentMenuItems = activeLink.closest('.menu-accordion');
  532.                 if (parentMenuItem) {
  533.                 parentMenuItem.classList.add('show');
  534.                 parentMenuItems.classList.add('show');
  535.                 }
  536.             }
  539.             function goTo(location, rmcache) {
  540.                 if (rmcache && 'caches' in window) {
  541.                     caches.open('my-cache-name').then(cache => { // alert('Cache supprimé')
  542.                     cache.delete(location); // Suppression d'une entrée du cache
  543.                     });
  544.                 }
  545.                 window.location.href = location;
  546.             }
  547.             $(document).ready(function() {
  548.                 var base_url = window.location.origin;
  549.                 var search = window.location.search;
  550.                 var search_art_nb = search.match(/\d+/);
  551.                 var search_nb = search_art_nb ? search_art_nb[0] : '';
  552.                 var url = base_url;
  554.                 if (window.location.pathname === '/faq' && search === "?id=23") {
  555.                     var targetElement = $('#25');
  556.                     if (targetElement.length) {
  557.                         $('html, body').animate(
  558.                             {
  559.                                 scrollTop: targetElement.offset().top,
  560.                             },
  561.                             800 // speed
  562.                         );
  563.                     }
  564.                 }
  567.                 //--------------- Password
  570.                     $('.toggle-password').wrap("<div class='p-relative container-password'></div>")
  572.                     $('.toggle-password').after("<button id='toggle-password-sb' class='toggle-password-sb' type='button' style='position: absolute;top: 10px;right: 20px;background-color: transparent;border: none;'><img  alt='img_toggle_password' src='https://my-flow.fr/wp-content/themes/astra-child/assets/images/view-password.png'/></button>")
  573.                     
  574.                     $('body').on('click','.toggle-password-sb',function(e){
  575.                         
  576.                         const parentDiv = $(this).parent('.container-password'); 
  577.                         const passwordInput = parentDiv.children('input')[0]; 
  578.                         const isPassword = passwordInput.type === 'password';
  579.                         const imgUrl = !isPassword ?'https://my-flow.fr/wp-content/themes/astra-child/assets/images/view-password.png' : 'https://my-flow.fr/wp-content/themes/astra-child/assets/images/hide-password.png'; 
  580.                         
  581.                         passwordInput.type = isPassword ? 'text' : 'password';
  582.                         parentDiv.children('button').children('img').attr('src', imgUrl); 
  585.                     })
  590.                 //-----------------------
  591.             });
  594.         {# Coloris({
  595.         el: '.color-picker',
  596.         swatches: [
  597.         "#ffffff",
  598.         "#000000",
  599.         "#f975c4",
  600.         "#08085c",
  601.         "#1968cd",
  602.         '#264653',
  603.         '#2a9d8f',
  604.         '#e9c46a',
  605.         '#f4a261',
  606.         '#e76f51',
  607.         '#d62828',
  608.         '#023e8a',
  609.         '#0077b6',
  610.         '#0096c7',
  611.         '#00b4d8',
  612.         '#48cae4'
  613.         ]
  614.         }); #}
  615. </script>
  616.     </body>
  617. </html>