templates/centres/list-provinces-akimedia.html.twig line 1

Open in your IDE?
  3. {% extends "layout.html.twig" %}
  5. {#
  6.     {% use AppBundle/Helper/Apik %}
  7. #}
  10. {% block content %}
  12. <!-- #main -->
  13. <main id="main" role="main">
  14.     
  15.     <div class="uk-text-center uk-container apk-container-1200">
  16.         {% if editmode %}
  17.             <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h1>
  18.             {{ pimcore_wysiwyg("content-text") }}
  19.         {% else %}
  20.             {% if not pimcore_textarea("content-title").isEmpty() %}
  21.                 <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h1>
  22.             {% else %}
  23.                 <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ "Choisissez votre site de prélèvement"|trans }}</h1>
  24.             {% endif %}
  26.             {% if pimcore_wysiwyg("content-text")|striptags %}
  27.                 <div>
  28.                     {{ pimcore_wysiwyg("content-text")|raw }}
  29.                 </div>
  30.             {% endif %}
  31.         {% endif %}
  32.     </div>
  34.   <div class="section-sites-prelevement">
  35.     <div class="uk-container">
  36.         <ul class="uk-accordion" uk-accordion="multiple: true;">
  37.           {% set Province = "" %}
  38.           {% set i = 0 %}
  39.           {% set tabJours = {
  40.               "1" : "Lundi"|trans,
  41.               "2" : "Mardi"|trans,
  42.               "3" : "Mercredi"|trans,
  43.               "4" : "Jeudi"|trans,
  44.               "5" : "Vendredi"|trans,
  45.               "6" : "Samedi"|trans,
  46.               "7" : "Dimanche"|trans,
  47.           } %}
  48.           {% for province,centres in provinces %}
  50.             {#% if loop.first %}
  51.                 <li class="uk-open">
  52.             {% else %}
  53.                 <li>
  54.             {% endif %#}
  56.         <li>
  57.           <a class="uk-accordion-title" href="#">{{province|trans}}</a>
  58.           <div class="uk-accordion-content">
  59.             {% for centre in centres %}
  60.             
  61.               <div class="section-sites-prelevement-item uk-position-relative apk-copy-container" style="cursor:default">
  62.               
  63.                 <h4 class="h-bold">{{ centre.infos.site.name }}</h4>
  64.                 <div class="section-sites-prelevement-item-detail2">
  65.                     <button class="uk-button uk-button-default" type="button" aria-expanded="false">…</button>
  66.                     <div uk-dropdown="mode: click" class="uk-dropdown">
  67.             
  68.                             {% set openHours = "" %}
  69.                             {% for jour, hor in centre.horaires %}
  70.                                 {% if not hor %}
  71.                                     {% set hor = "fermé"|trans %}
  72.                                 {% endif %}
  73.                                 {% set openHours = openHours ~ jour|trans ~ " : " ~ ' ' ~ hor ~ ' ' ~ ' <br/>' %}
  74.                             {% endfor %}
  76.                             {% set emailInfos = {
  77.                                 'Nom' : centre.infos.site.name,
  78.                                 'Rue' : (centre.infos.site.address),
  79.                                 'Cp' : centre.infos.site.zip,
  80.                                 'Ville' : centre.infos.site.city,
  81.                                 'Horaires' : openHours,
  82.                                 'HorairesDate' : 'Horaires'|trans ~ ' ' ~ 'du'|trans ~ ' ' ~  date['weekStartDate'] ~ ' ' ~  'au'|trans ~ ' ' ~  date['weekEndDate']
  83.                             } %}
  85.                             {% set emailId = (centre.id)|slug %}
  86.                             <input type="hidden" id="email-data-{{ emailId }}" value='{{ emailInfos|json_encode() }}'>
  87.                             <a class="send-mail" href="#" onClick="emailModal('{{ emailId }}','centre')">
  88.                                 {{ "M’envoyer les informations par mail"|trans }}
  89.                             </a>
  90.                             <br/>
  91.                             <a href="#" data-apk-copy-button=".apk-copy-data">
  92.                                 {{ "Copier"|trans }}
  93.                                 <span class="copiedtext" aria-hidden="true">
  94.                                     {{ "C'est copié"|trans }}
  95.                                 </span>
  96.                             </a>
  98.                     </div>
  99.                 </div>
  101.                     <textarea class="apk-copy-data">
  102.                     {{ centre.infos.site.name }}
  103.                     {{ centre.infos.site.address }},
  104.                     {{ centre.infos.site.zip }} {{ centre.infos.site.city }}
  105.                     {% for jour, hor in centre.horaires %}
  106.                         {% if not hor %}
  107.                             {% set hor = "fermé"|trans %}
  108.                         {% endif %}
  109.                         {{ jour|trans ~ " : " }}
  110.                         {{ " " ~ hor ~ " " }}
  111.                     {% endfor %}
  112.                 </textarea>
  114.                 <div class="section-sites-prelevement-item-detail">
  115.                     <div class="uk-grid-small uk-child-width-1-2@s uk-margin-small-top" uk-grid>
  116.                         <div>
  117.                             {% if centre.availibilities|length > 0 %}
  118.                             <div class="btn-rdv-centre uk-margin-bottom">
  119.                                 <a href="{{ path("formEligibleInscription", {id: centre.id_akimedia}) }}" class="uk-button uk-text-uppercase">{{ "Je prends rendez-vous"|trans }}</a>
  120.                             </div>
  121.                             {% endif %}
  123.                             <div class="adresse">
  124.                                 <ul class="fa-ul">
  125.                                     <li>
  126.                                         <img uk-svg width="14" height="14" src="/static/img/pictos/position.svg" />
  127.                                         {{ centre.infos.site.name }}<br/>
  128.                                         {{ centre.infos.site.address }},<br/>
  129.                                         {{ centre.infos.site.zip }} {{ centre.infos.site.city }}<br/>
  130.                                     </li>
  131.                                 </ul>
  132.                             </div>
  134.                             <div>
  135.                                 <ul class="fa-ul telephone">
  136.                                     <li><img uk-svg width="14" height="14" src="/static/img/pictos/phone.svg" />
  137.                                         <a href="tel:{{ centre.infos.site.phone|replace({' ' : ''}) }}"
  138.                                            target="_blank">{{ centre.infos.site.phone }}</a>
  139.                                     </li>
  140.                                 </ul>
  141.                             </div>
  142.             
  143.                             
  144.                             <div class="horaires">
  145.                                 <ul class="fa-ul">
  146.                                     <li>
  147.                                         <img uk-svg width="14" height="14" src="/static/img/pictos/horaires.svg" />
  148.                                         {# <strong>{{ 'Horaires'|trans }} {{ 'du'|trans }} {{ date['weekStartDate'] }} {{'au'|trans}} {{ date['weekEndDate'] }}</strong><br/>#}
  149.                                         {% for jour, hor in centre.horaires %}
  150.                                             {{ jour|trans ~ " : " }}
  151.                                             {% if hor %}
  152.                                                 {{ " " ~ hor ~ " " }}<br/>
  153.                                             {% else %}
  154.                                                 {{ "Fermé"|trans }}<br/>
  155.                                             {% endif %}
  156.                                         {% endfor %}
  157.                                     </li>
  158.                                 </ul>
  159.                             </div>
  161.                         </div>
  162.                         <div class="uk-width-1-1 uk-flex-last@s uk-margin-small-bottom">
  164.                             {% if centre.infos.site.informations %}
  165.                                 <div class="note">
  166.                                     <ul class="fa-ul">
  167.                                         <li><img uk-svg width="14" height="14" src="/static/img/pictos/info-circle.svg" />
  168.                                             {{ centre.infos.site.informations|raw }}
  169.                                         </li>
  170.                                     </ul>
  171.                                 </div>
  172.                             {% endif %}
  173.                         </div>
  174.                         <div class="section-sites-prelevement-item-image uk-margin-bottom">
  175.                             {% if centre.infos.site.picture %}
  176.                                 <figure>
  177.                                     <img src="{{ centre.infos.site.picture }}" alt="{{ centre.infos.site.name }}" />
  178.                                     {% if centre.infos.site.copyright %}
  179.                                         <figcaption>{{ centre.infos.site.copyright }}</figcaption>
  180.                                     {% endif %}
  181.                                 </figure>
  182.                             {% endif %}
  183.                         </div>
  184.                     </div>
  185.                 </div>
  186.               </div>
  187.               {% set i = i + 1 %}
  188.               {% endfor %}
  189.                 </div></li>
  190.               {% endfor %}
  191.         </ul>
  192.     </div>
  194.     <div id="modal-infomail" uk-modal>
  195.         <div class="uk-modal-dialog uk-modal-body">
  196.             <input type="hidden" id="mail-data" name="mail-data" value ="">
  197.             <h2 class="uk-modal-title">{{ "Entrez votre email"|trans }} :</h2>
  198.             <input class="uk-input" type="text" id="mail-email" name="mail-email" required placeholder="{{ "Email"|trans }}">
  199.             <p class="uk-text-right">
  200.                 <button class="uk-button uk-button-default uk-modal-close" type="button">{{ "Annuler"|trans }}</button>
  201.                 <button class="uk-button uk-button-primary" type="button" onclick="emailSend()">{{ "Envoyer"|trans }}</button>
  202.             </p>
  203.         </div>
  204.     </div>
  205. </div>
  207.   {{ pimcore_areablock('contentBottom') }}
  209. </main><!-- end #main -->
  212. {% endblock %}
  214. {% block inlinescripts %}
  215.     <script>
  216.         function SaveInscription(element,idModal) {
  218.             var fields = $(element)
  219.                 .find("select, textarea, input").serializeArray();
  222.             var isOK = 1 ;
  224.             $.each(fields, function(i, field) {
  225.                 if (!field.value)
  226.                 {
  227.                     isOK = 0 ;
  228.                 }
  231.             });
  233.             var id = $("#id"+idModal).val();
  234.             var nom = $("#Nom"+idModal).val();
  235.             var prenom = $("#Prenom"+idModal).val();
  236.             var rue = $("#Rue"+idModal).val();
  237.             var cp = $("#CodeP"+idModal).val();
  238.             var ville = $("#VilleIns"+idModal).val();
  239.             var pays = $("#PaysIns"+idModal).val();
  240.             var gsm = $("#Gsm"+idModal).val();
  241.             var email = $("#Email"+idModal).val();
  242.             var code = $("#Code"+idModal).val();
  243.             var date = $("#Date"+idModal).val();
  244.             var horaire = $("#Horaire"+idModal).val();
  245.             var horaire2 = $("#HoraireToDisp"+idModal).val();
  247.             var dejadonner = 0;
  248.             var datenaissance = '';
  250.             if ($('#chkdejadonne'+idModal).prop('checked') == true){
  251.                 dejadonner = 1;
  252.                 datenaissance = $("#dtenaissance"+idModal).val();
  253.             }
  255.             $.ajax({
  256.                 dataType: "json",
  257.                 type: "POST",
  258.                 url: "/saveinscription",
  259.                 data: {id: id, nom: nom, prenom: prenom, rue: rue, cp: cp, ville: ville, pays: pays, gsm: gsm, email: email,code: code , date: date , horaire: horaire, horaire2: horaire2, dejadonner:dejadonner ,datenaissance:datenaissance },
  260.                 success: function (data) {
  261.                     if (data["type"] == "error") {
  262.                         UIkit.notification(data["msg"], {status: 'danger'});
  263.                     } else {
  264.                         UIkit.modal(element).hide();
  265.                         UIkit.notification(data["msg"], {status: 'success'});
  266.                     }
  269.                 },
  270.                 error: function (xhr, textStatus, errorThrown) {
  271.                     UIkit.notification('{{ "Oops! Une erreur s'est produite. Veuillez réessayer."|trans }}', {status: 'danger'});
  272.                     console.log(xhr, textStatus, errorThrown);
  274.                 }
  275.             });
  276.         }
  277.     </script>
  278.     <script src="/static/vendors/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
  279.     <script>
  280.         $(function () {
  282.             $(document).ready(function () {
  283.                 $('input[data-toggle="datepicker"]').mask('00/00/0000').on('change input paste', function () {
  284.                     var isValid = isValidDate($(this));
  285.                 });
  286.             });
  289.             // Copy Script pour les infos des collectes
  291.             var $this,
  292.                 toCopy,
  293.                 toCopyVal,
  294.                 btnCopy = $("[data-apk-copy-button]");
  296.             btnCopy.on('click', function (e) {
  297.                 e.preventDefault();
  298.                 $this = $(this);
  300.                 toCopy = $this.attr('data-apk-copy-button');
  302.                 toCopy = $this.parents('.apk-copy-container').find(toCopy);
  303.                 toCopyVal = toCopy.val();
  304.                 toCopyVal = toCopyVal.replace(/^\s+/g, ''); // Remove leading spaces
  305.                 toCopyVal = toCopyVal.replace(/ {1,}/g, " "); // Remove multiple spaces
  306.                 toCopy.val(toCopyVal);
  307.                 toCopy.select();
  310.                 if (document.execCommand('copy')) {
  311.                     $this.addClass('copied');
  313.                     var temp = setInterval(function () {
  314.                         $this.removeClass('copied');
  315.                         clearInterval(temp);
  316.                     }, 1500);
  318.                 } else {
  319.                     console.info('document.execCommand a rencontré un problème')
  320.                 }
  322.                 return false;
  323.             });
  326.         });
  327.     </script>
  328.     <script>
  329.         function chkdejadonneClick(chekbox,object) {
  330.             var x = document.getElementById(object);
  332.             if ($('#'+chekbox).prop('checked') == true){
  333.                 x.style.display = "block";
  334.             }
  336.             if ($('#'+chekbox).prop('checked') == false)
  337.             {
  338.                 x.style.display = "none";
  339.             }
  340.         }
  341.     </script>
  342.     <script>
  343.         function trackGASaveCollect(type_click,type_collecte){
  344.             switch (type_click){
  345.                 case 'mail':
  346.                     var event_label = "Envoi par mail";
  347.                     break;
  348.                 case 'calendrier':
  349.                     var event_label = "Ajout calendrier";
  350.                     break;
  351.                 case 'copier':
  352.                     var event_label = "Copier-coller";
  353.                     break;
  354.                 case 'inscription_collecte':
  355.                     var event_label = "M'inscrire à cette collecte";
  356.                     break;
  357.             }
  358.             window.dataLayer = window.dataLayer || [];
  359.             window.dataLayer.push({
  360.                 'event': 'action_collecte',
  361.                 'detail_action': event_label,
  362.                 'type_collecte' : type_collecte
  363.             });
  364.         }
  366.         function emailModal(id,type){
  367.             let data = $('input#email-data-'+id).val();
  368.             $('input#mail-data').val(data);
  369.             $('input#mail-email').val("");
  370.             $('input#mail-type').val(type);
  371.             UIkit.modal("#modal-infomail").show();
  372.         }
  374.         function emailSend(){
  375.             var values = {
  376.                 data: $('input#mail-data').val(),
  377.                 email: $('input#mail-email').val(),
  378.                 type: $('input#mail-type').val()
  379.             };
  380.             $.ajax({
  381.                 dataType: "json",
  382.                 type: "POST",
  383.                 url: "/api/{{ app.request.locale }}/sendemailinfo",
  384.                 data: values,
  385.                 success: function (data) {
  386.                     if (data["type"] == "error") {
  387.                         UIkit.notification(data["msg"], {status: 'danger'});
  388.                     } else {
  389.                         UIkit.modal("#modal-infomail").hide();
  390.                         UIkit.notification(data["msg"], {status: 'success'});
  391.                         $('input#mail-data').val("");
  392.                         $('input#mail-email').val("");
  393.                         $('input#mail-type').val("");
  394.                     }
  395.                 },
  396.                 error: function (xhr, textStatus, errorThrown) {
  397.                     UIkit.notification("{{ 'Oops! Une erreur s\'est produite. Veuillez réessayer.'|trans }}", {status: "danger"});
  399.                 }
  400.             });
  401.         }
  402.     </script>
  403. {% endblock inlinescripts %}