templates/front/theme1/page_ref.html.twig line 1

Open in your IDE?
  1. {% extends "front/"~ app.request.server.get('APP_THEME') ~"/base.html.twig" %}
  3. {% block preload %}
  4.     {% if post.image is defined  and post.image is not empty %}
  5.         {% if post.image %}
  6.             <link rel="preload" as="image" href="{{asset_image(post.image)}}" />
  7.         {% endif %}
  8.     {% endif %}
  10.      {% if galleries is defined and galleries is not empty %}
  11.            {% for item in galleries %}
  12.                 {% if item.path is defined %}
  13.                     <link rel="preload" as="image" href="{{asset_image_gallery(item.path)}}" />
  14.                 {% endif %}
  15.            {% endfor %}
  16.     {% endif %}
  18. {% endblock %}
  20. {% block stylesheets %}
  21.     {{parent()}}
  22.     {% if modele_galerie[0].type == 4 %}
  23.         <link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/flexslider/flexslider.css')}}" media="screen" >
  24.     {% endif %}
  25. {% endblock %}
  27. {% block body %}
  29.     <div class="page_cms page_activite pt-5">
  30.         <div class="breadcrumb-style-default">
  31.             <div class="container">
  32.                 <div class="row">
  33.                     <div class="col-lg-12">
  34.                         <div class="inner text-center">
  35.                             {% if breadcrumb is defined and breadcrumb is not empty %}
  36.                                 {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/breadcrumb.html.twig')}}
  37.                                 <h1 class="page-title">{{breadcrumb|last.name}}</h1>
  38.                             {% endif %}
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </div>
  43.         </div>
  45.         <div class="container-fluid wrapper mt-3">
  46.             <div class="row gx-5 py-2">
  47.                 {% if post.summary is not empty and post.summary != "" %}
  48.                     <div class="col-sm-12 text-center">
  49.                         <h2 class="sub-title wow">{{post.summary}}</h2>
  50.                     </div>
  51.                 {% endif %}
  52.                 
  53.                 {% if post.image and post.image is not empty  %}
  54.                     <div class="col-sm-12 text-center my-4">
  55.                         <img class="lazyload img-fluid principal-img" data-srcset="{{asset_image(post.image)}}" src="{{asset_image(post.image)}}" alt="{{post.title}}" />
  56.                     </div>
  57.                 {% endif %}
  59.                 {% if post.content is not empty and post.content != "" %}
  60.                     <div class="col-lg-12 content_post">
  61.                         {{post.content|raw}}
  63.                         {% if post.typelien == null %}
  64.                             {% if categorieTree is defined and categorieTree[0] is defined  %}
  65.                                 <div class="text-center py-2">
  66.                                     <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
  67.                                 </div>
  68.                             {% endif %}
  69.                         {% elseif post.typelien != 1 %}
  70.                                 {% if post.typelien == '4' %}
  71.                                     <div class="text-center py-2">
  72.                                         <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{post.telephone}}';" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  73.                                     </div>
  74.                                 {% elseif post.typelien == '2' %}
  75.                                     <div class="text-center py-2">
  76.                                         <a href="{{post.lieninterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  77.                                     </div>
  78.                                 {% elseif post.typelien == '3' %}
  79.                                     <div class="text-center py-2">
  80.                                         <a href="{{post.lienexterne}}" target="_blank" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  81.                                     </div>
  82.                                 {% endif %}
  83.                         {% endif %}
  85.                         {% if docs and docs is not empty %}
  86.                             <div class="col-md-12 bloc-docs d-flex justify-content-center">
  87.                                 {% for doc in docs %}
  88.                                     <a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.fileName|slice(0, -4)}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.fileName|slice(0, -4)}}</a>   
  89.                                 {% endfor %}
  90.                             </div>
  91.                         {% endif %}
  94.                     </div>
  95.                 {% endif %}
  96.             </div>
  98.             {% if next_article is defined and next_article is not empty or prev_article is defined and prev_article is not empty %}
  99.                <div class="row gx-5 py-4">
  100.                     <div class="col-lg-12 d-flex justify-content-between">
  101.                         <div class="">
  102.                             {% if prev_article is defined and prev_article is not empty %}
  103.                               <a href="{{path('page',{'slug':prev_article.slug})}}" title="{{prev_article.title}}"><span class="signe1"><i class="fa fa-arrow-left"></i></span> {{prev_article.title}}</a>
  104.                             {% endif %}
  105.                         </div>
  106.                         <div class="">
  107.                             {% if next_article is defined and next_article is not empty %}
  108.                               <a href="{{path('page',{'slug':next_article.slug})}}"  title="{{next_article.title}}">{{next_article.title}}  <span class="signe1"><i class="fa fa-arrow-right"></i></span></a>
  109.                             {% endif %}
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             {% endif %}
  114.         </div>
  116.         {# {% if actualite_ref is defined and actualite_ref is not empty %}
  117.             <div class="container-fluid wrapper mt-3">
  118.                 <div class="row gx-5 py-2">
  119.                     <div class="col-sm-12 text-center">
  120.                         <h2 class="sub-title wow">Nos autres prestations autour de {{secteur.titre}}</h2>
  121.                     </div>
  122.                     <div class="col-sm-12">
  123.                          <div class="list_blocs pos1">
  124.                             <div class="blocs">
  125.                                 <section id="results" class="results dynam-affichage affichage1 type_affiche3">
  126.                                     {% for item in actualite_ref %}
  127.                                         {% set duree = 0.1 %}
  128.                                         {% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
  129.                                         <a class="article wow zoomIn animated" data-wow-delay="{{duree}}s" href="{{path('page',{slug:item.slug})}}" title="" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
  130.                                             <span class="article-image lazyloaded"  style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>                 
  131.                                             <span class="article-cnt">
  132.                                                 <h3 class="article-titre">{{item.title}}</h3>
  133.                                                 <span class="article-txt">
  134.                                                     {% if item.summary is not empty %}
  135.                                                           {{item.summary|raw}}
  136.                                                     {% else %}
  137.                                                           {{cutText(item.content)|raw}}
  138.                                                     {% endif %}
  139.                                                 </span>
  140.                                                 <span class="article-bts">
  141.                                                     <span class="article-plus btn-fade">En savoir plus</span>
  142.                                                 </span>
  143.                                             </span>
  144.                                         </a>
  145.                                         {% set duree = duree + 0.2 %}
  146.                                     {% endfor %}
  147.                                 </section>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  152.                 </div>
  153.             </div>
  154.         {% endif %} #}
  156.         {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  157.             {{ include(template_from_string(template_model_gallerie)) }}
  158.         {% endif %}
  160.         {% if post.urlvideo is not empty %}
  161.             <div class="container-fluid wrapper mt-3">
  162.                 <div class="col-md-12 mt-1">
  163.                     <div class="video">
  164.                         {% set id_video_externe = post.urlvideo|split('?v=')[1] %}
  165.                         <a class="video-thumbnail m-0" href="{{post.urlvideo}}" data-fancybox="video">
  166.                             <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  167.                         </a>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.         {% endif %}
  173.         {% if blocs is defined  %}
  174.             {% for bloc in blocs.Bloc %}
  175.                 {% if is_mobile() and  bloc.mobile == true   %}
  176.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  177.                         bloc: bloc,
  178.                     }, with_context = false)}}
  179.                 {% endif %}
  180.                 
  181.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  182.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  183.                         bloc: bloc,
  184.                     }, with_context = false)}}
  185.                 {% endif %}
  186.             {% endfor %}
  187.         {% endif %} 
  188.     </div> 
  190. {% endblock %}
  192. {% block javascripts %}
  193.     {{parent()}}
  194.     <script src="{{ asset('assets-admin/plugins/form-builder-io/formio.full.min.js') }}"></script>
  195.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  196.     <script>
  197.     
  198.         var current_fs, next_fs, previous_fs;
  199.         var left, opacity, scale; 
  200.         var animating; 
  202.         $(".next").click(function(){
  204.             current_fs = $(this).parent();
  205.             next_fs = $(this).parent().next();
  206.             
  207.             if (!validateForm(current_fs)) {
  208.                 return false;
  209.             }
  211.             if(animating) return false;
  212.             animating = true;
  213.         
  214.             $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
  215.             next_fs.show(); 
  216.             //hide the current fieldset with style
  217.             current_fs.animate({opacity: 0}, {
  218.                         step: function(now, mx) {
  219.                             //as the opacity of current_fs reduces to 0 - stored in "now"
  220.                             //1. scale current_fs down to 80%
  221.                             scale = 1 - (1 - now) * 0.2;
  222.                             //2. bring next_fs from the right(50%)
  223.                             left = (now * 50)+"%";
  224.                             //3. increase opacity of next_fs to 1 as it moves in
  225.                             opacity = 1 - now;
  226.                             current_fs.css({
  227.                         'transform': 'scale('+scale+')',
  228.                         'position': 'absolute'
  229.                     });
  230.                     next_fs.css({'left': left, 'opacity': opacity});
  231.                 }, 
  232.                 duration: 1000, 
  233.                 complete: function(){
  234.                     current_fs.hide();
  235.                     animating = false;
  236.                 }, 
  237.                 //this comes from the custom easing plugin
  238.                 easing: 'easeInOutBack'
  239.             });
  240.         });
  242.         $(".previous").click(function(){
  243.             current_fs = $(this).parent();
  244.             previous_fs = $(this).parent().prev();
  246.             // if (!validateForm(current_fs)) {
  247.             //     return false;
  248.             // }
  250.             if(animating) return false;
  251.             animating = true;
  252.             
  253.             //de-activate current step on progressbar
  254.             $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
  255.             
  256.             //show the previous fieldset
  257.             previous_fs.show(); 
  258.             //hide the current fieldset with style
  259.             previous_fs.css({'transform': 'scale(1)', 'opacity': '1','position':'relative'});
  260.             current_fs.hide();
  261.             animating = false;
  262.             // current_fs.animate({opacity: 0}, {
  263.             //     step: function(now, mx) {
  264.             //         //as the opacity of current_fs reduces to 0 - stored in "now"
  265.             //         //1. scale previous_fs from 80% to 100%
  266.             //         scale = 0.8 + (1 - now) * 0.2;
  267.             //         //2. take current_fs to the right(50%) - from 0%
  268.             //         left = ((1-now) * 50)+"%";
  269.             //         //3. increase opacity of previous_fs to 1 as it moves in
  270.             //         opacity = 1 - now;
  271.             //         current_fs.css({'left': left});
  272.             //         previous_fs.css({'transform': 'scale('+scale+')', 'opacity': opacity,'position':'relative'});
  273.             //     }, 
  274.             //     duration: 800, 
  275.             //     complete: function(){
  276.             //         current_fs.hide();
  277.             //         animating = false;
  278.             //     }, 
  279.             //     //this comes from the custom easing plugin
  280.             //     easing: 'easeInOutBack'
  281.             // });
  282.         });
  284.         // $(".form-wizrd .submit.action-button").click(function(e){
  285.         //      current_fs = $(this).parent();
  286.         //      if (!validateForm(current_fs)) {
  287.         //         return false;
  288.         //      }
  289.         // });
  291.         function validateForm(current_fs) {
  292.             let formTabs, formInputs, i, valid = true;
  293.             formInputs = current_fs[0].querySelectorAll('[data-form-input]');
  294.      
  295.             for (i = 0; i < formInputs.length; i++) {
  296.                 if (formInputs[i].hasAttribute("required") && $(formInputs[i]).attr('type') != 'checkbox') {
  297.                     formInputs[i].addEventListener('keyup', (event) => {
  298.                         event.target.classList.remove("has-error");
  299.                         $(event.target.parentElement).find('.invalid-feedback').css('display','none');
  300.                        // event.target.nextElementSibling.style.display = "none";
  301.                     });
  302.                 }
  304.                 if (formInputs[i].hasAttribute("required") && $(formInputs[i]).attr('type') == 'checkbox') {
  305.                     formInputs[i].addEventListener('change', (event) => {
  306.                         if($(event.target).is(':checked')){
  307.                             $(event.target).attr('checked', true);
  308.                         }else{
  309.                             $(event.target).attr('checked', false);
  310.                         }
  311.                         event.target.classList.remove("has-error");
  312.                         $(event.target.parentElement).find('.invalid-feedback').css('display','none');
  313.                         //event.target.nextElementSibling.style.display = "none";
  314.                     });
  315.                 }
  317.                 if (formInputs[i].hasAttribute("required") && formInputs[i].nodeName == 'SELECT') {
  318.                     formInputs[i].addEventListener('change', (event) => {
  319.                         console.log('select change');
  320.                         event.target.classList.remove("has-error");
  321.                         $(event.target.parentElement).find('.invalid-feedback').css('display','none');
  322.                         //event.target.nextElementSibling.style.display = "none";
  323.                     });
  324.                 }
  326.                 if (formInputs[i].hasAttribute("required") && $(formInputs[i]).attr('type') == 'email') {
  327.                     formInputs[i].addEventListener('keyup', (event) => {
  328.                         console.log(isEmail(event.target.value));
  329.                         if (isEmail(event.target.value) == true) {
  330.                            event.target.classList.remove("has-error");
  331.                            $(event.target.parentElement).find('.invalid-feedback').css('display','none');
  332.                         }else{
  333.                             if (!event.target.classList.contains('has-error')) {
  334.                                 event.target.className += " has-error";
  335.                             }
  337.                             $(event.target.parentElement).find('.invalid-feedback').html('Veuillez choisir un email valide.');
  338.                             $(event.target.parentElement).find('.invalid-feedback').css('display','block');
  339.                         }
  340.                        // event.target.nextElementSibling.style.display = "none";
  341.                     });
  342.                 }
  344.                 if(formInputs[i].hasAttribute("required")){
  346.                     if ($(formInputs[i]).attr('type') == 'checkbox' && $(formInputs[i]).is(':checked') == false) {
  347.                         if (!formInputs[i].classList.contains('has-error')) {
  348.                             formInputs[i].className += " has-error";
  349.                         }
  351.                         $(formInputs[i].parentElement).find('.invalid-feedback').css('display','block');
  352.                         valid = false;
  353.                     }else if(formInputs[i].value == "" && ($(formInputs[i]).attr('type') == 'text' || formInputs[i].nodeName == 'SELECT' || formInputs[i].nodeName == 'TEXTAREA')){
  354.                         if (!formInputs[i].classList.contains('has-error')) {
  355.                             formInputs[i].className += " has-error";
  356.                         }
  358.                         $(formInputs[i].parentElement).find('.invalid-feedback').css('display','block');
  359.                          valid = false;
  360.                     }else if(!isEmail(formInputs[i].value) && $(formInputs[i]).attr('type') == 'email'){
  361.                         if (!formInputs[i].classList.contains('has-error')) {
  362.                             formInputs[i].className += " has-error";
  363.                         }
  365.                         $(formInputs[i].parentElement).find('.invalid-feedback').css('display','block');
  366.                          valid = false;
  367.                     }
  369.                     //formInputs[i].nextElementSibling.style.display = "block";                   
  370.                 }
  371.             }
  373.             return valid;
  374.         }
  376.         function isEmail(email) {
  377.             var EmailRegex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  378.             return EmailRegex.test(email);
  379.         }
  380.     </script>
  382.     <script>
  383.        if(document.getElementById("builder")){
  384.         var data_fields = document.getElementById("builder").getAttribute('data-config');
  385.         if(data_fields != ''){
  386.            data_fields = JSON.parse(data_fields);
  387.            console.log(JSON.parse(data_fields));
  388.            Formio.createForm(document.getElementById('builder'), 
  389.               JSON.parse(data_fields),
  391.            ).then(function(form) {
  392.                 // Prevent the submission from going to the form.io server.
  393.                 form.nosubmit = true;
  395.                 // Triggered when they click the submit button.
  396.                 form.on('submit', function(submission) {
  397.                     var data = submission.data;
  398.                     grecaptcha.execute('{{ParametreSite().clekey}}', {action: 'create_comment'}).then(token => {
  399.                         $('#builder').find('[name=g-recaptcha-response]').val(token);
  400.                         data['g-recaptcha-response'] = token;
  401.                         data['IdForm'] = $('#builder').parent().find('input[name="IdForm"]').val();
  402.                         $('#builder').parent().find('button[type="submit"]').attr('disabled','true');
  403.                         $.ajax({
  404.                             type:"POST",
  405.                             cache:false,
  406.                             url:"{{path('save_form')}}",
  407.                             data:data,   
  408.                             success: function (data) {
  409.                                window.location = data
  410.                             }
  411.                         });
  412.                     });
  413.                 });
  414.             });
  415.         }
  416.        }
  417.     </script>
  419.     {% if modele_galerie[0].type == 4 %}
  420.         {{parent()}}
  421.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  422.         <script>    
  423.             /*-------------------------------------------------*/
  424.             /* =  Sx flexslider 
  425.             /*-------------------------------------------------*/
  426.             if ($(".sx_flexslider").length) {
  427.             $('.flex-carousel').flexslider({
  428.             animation: "slide",
  429.             controlNav: false,
  430.             animationLoop: true,
  431.             slideshow: false,
  432.             itemWidth: 150,
  433.             asNavFor: '.flex-slider'
  434.             });
  435.             $('.flex-slider').flexslider({
  436.             animation: "slide",
  437.             controlNav: false,
  438.             animationLoop: true,
  439.             slideshow: false,
  440.             sync: ".flex-carousel"
  441.             });
  442.             }
  443.         </script>
  444.     {% endif %}
  445.     
  446. {% endblock %}