templates/Theme/Projet/Projet/Projet/mplaceslocal.html.twig line 73

Open in your IDE?
  1. {% extends "Theme/Users/User/layoutuser.html.twig" %}
  2. {% block meta %}
  4.     {{ parent() }}
  5.     <meta name="keywords" content="{{ site }}, Catalogue, Produit,{{ keywords }}"/>
  6.     <meta name="author" content="Noel Kenfack"/>
  7.     <meta name="description" content="{{ site }} | Liste des boutiques {{ site }}"/>
  8.     <link rel="stylesheet" href="{{ asset('autocomplete/css/jquery.auto-complete.css') }}">
  10. {% endblock %}
  12. {% block title %}
  13.     {{ parent() }} | Boutiques
  14. {% endblock %}
  16. {% block stylesheets %}
  17.     {{ parent() }}
  19.     <style>
  20.         .selectpicker_hidden .nice-select{
  21.             display: none!important;
  22.         }
  24.         .select2-container--default .select2-selection--single {
  25.             padding-top: 4px!important;
  26.             height: 40px!important;
  27.         }
  28.         .select2-container--default .select2-selection--single .select2-selection__rendered {
  29.             line-height: 28px!important;
  30.             font-size: 15px;
  31.         }
  32.         .select2-container--default .select2-selection--single .select2-selection__arrow b {
  33.             margin-top: 7px!important;
  34.         }
  35.     </style>
  36. {% endblock %}
  38. {% block userblog_body %}
  40. <section style="padding: 15px 0px 5px 0px; background: #f7f7f7;">
  41.     <div class="container">
  42.         <div class="row">
  43.             <div class="col-md-8">
  44.                 <ul class="breadcrumbs">
  45.                     <li><a href="{{ path('users_user_acces_plateforme') }}"><i class="fa fa-home" style="font-size: 11px;"></i> {{ 'Accueil'|trans }}</a></li>
  46.                     <li><a href="{{ path('projet_projet_mplaces_local') }}">{{ 'Boutiques'|trans }}</a></li>
  47.                     <li>{{ 'Toutes les boutiques'|trans }}</li>
  48.                 </ul>
  49.             </div>
  50.             <div class="col-md-4 text-right">
  51.                 {% include "Theme/General/Template/Menu/contacts.html.twig" %}
  52.             </div>
  53.         </div>
  54.     </div>
  55. </section>
  58. <div class="section-content">
  59. <div class="container">
  60. <div class="row">
  61.     <div class="col-md-12">
  62.         <div class="animecourant-panel" style="display: block;">
  63.                 
  64.         </div>
  65.     </div>
  66. </div>
  67. <div class="row">
  68.     <div class="col-md-3" style="padding: 3px;">
  69.         <div class="toutleblock">
  70.         <div style="margin:0px; box-shadow:0px 0px 2px rgba(0,0,0,0.01); background: #fff;">
  71.         <ul class="list-group">
  72.             
  73.             {{ render(controller("App\\Controller\\Produit\\Produit\\CategorieController:menusouscategorie", {'taille': 10})) }}
  74.             
  75.         </ul>
  76.         </div>
  77.         
  78.         <div style="margin: 7px 0px 0px 0px; box-shadow:0px 0px 2px rgba(0,0,0,0.01); background: #fff;">
  79.          <ul class="list-group">
  80.             
  81.             {{ render(controller("App\\Controller\\Produit\\Produit\\MarqueproduitController:menumarque", {'taille': 10, 'position': 'produit'})) }}
  82.             
  83.          </ul>
  84.         </div>
  85.         
  86.          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 stop-courant-panel">
  88.          </div>
  89.          </div>
  90.     </div>
  91.     
  92.     <div class="col-md-9" style="padding: 3px;">
  93.         <div class="row" style="margin: 0px 0px 15px 0px;">
  94.             <div class="col-md-12">
  95.                 <h3 class="breadcrumbs-title">
  96.                  {% if pays != null %}{{ pays.nom }} <span class="fa fa-angle-right" style="font-size: 12px;"></span>{% endif %} {% if ville != null %}{{ ville.nom }} <span class="fa fa-angle-right" style="font-size: 12px;"></span>{% endif %}{% if typeprojet != null %}{{ typeprojet.nom }} <span class="fa fa-angle-right" style="font-size: 12px;"></span>{% endif %} {% if ville == null and pays == null and typeprojet == null %}Boutiques <span class="fa fa-angle-right" style="font-size: 12px;"></span> Liste complète{% else %}Boutiques {% endif %}
  97.                 </h3>
  98.                 <div class="divider"></div>
  99.             </div>
  100.         </div>
  101.         <form class="row search-form-top-side"  action="{{ path('projet_projet_select_filtre_projet') }}" method="post" id="submit-form-filter">
  102.           <div class="form-group col-md-3 selectpicker_hidden">
  103.             <select name="paysid" id="struct_pays_filtre" class="form-control" style="width: 100%!important;">
  104.               <option value="0">{{ 'Tous les pays'|trans }}</option>
  105.               {% for p in liste_pays %}
  106.               <option value="{{ p.id }}" {% if p == pays %}selected{% else %}{% if p.nom == 'cameroun' %}selected{% else %}{% endif %}{% endif %}>{{ p.nom }}</option>
  107.               {% endfor %}
  108.             </select>
  109.           </div>
  110.           <div class="form-group col-md-3">
  111.             <select name="secteurid" id="struct_typefiltre" class="form-control" style="min-width: 100%!important;">
  112.               <option value="0">{{ 'Tous les secteurs'|trans }}</option>
  113.               {% for t in liste_type %}
  114.               <option value="{{ t.id }}" {% if t == typeprojet %}selected{% else %}{% endif %}>{{ t.nom }}</option>
  115.               {% endfor %}
  116.             </select>
  117.           </div>
  118.           <div class="form-group col-md-3 zone-recherche-quartier" value="0" name="">
  119.             <input type="text" name="villename" id="departement_etab" class="form-control" placeholder="Ville" value="{% if ville != null %}{{ ville.nom }}{% endif %}" style="height: 40px;"/>
  120.           </div>
  121.           <div class="form-group col-md-3">
  122.             <button class="btn waves-effect waves-light bg-struct" title="{{ 'Filtrer'|trans }}" style="margin-top: -5px; float: right; width: 100%; border-radius: 7px;" type="submit">Envoyer <i class="fa fa-search"></i></button>
  123.           </div>
  124.         </form>
  125.         
  126.         
  127.         <div class="card-body" style="margin: 0px; padding: 0px;">
  128.         <div class="basis-member staff" style="margin: 0px; padding: 0px;">
  129.         <div class="row">
  130.         {% for projet in liste_projet %}
  131.             <div class="col-md-4">
  132.                 {% include 'Theme/Projet/Projet/Projet/projetdescription.html.twig' %}
  133.             </div>
  134.         {% else %}
  135.             <div class="col-md-12">
  136.                 <ul class="collapsible collapsible-accordion" data-collapsible="accordion" style="box-shadow: none;">
  137.                     <div style="height: 400px; border-left: 4px solid #3565ae; padding: 5px;">
  138.                         <div style="border-left: 5px solid #3565ae; padding: 3px; background: #f5f5f5; color: red;">{{ 'Aucune information disponible pour cette section'|trans }}</div>
  139.                     </div>
  140.                 </ul>            
  141.             </div>
  142.         {% endfor %}
  143.         </div>
  144.         </div>
  145.         </div>
  146.         
  147.         <div class="clearfix"></div>
  148.           {% if nombrepage > 0 %}
  149.                         
  150.             {% if page > 1 and page <= nombrepage %}
  151.             {% set pagepre = page - 1 %}
  152.             {% else %}
  153.                 {% set pagepre = nombrepage %}
  154.             {% endif %}
  156.             {% if page < nombrepage %}
  157.                 {% set pagesuiv = page + 1 %}
  158.             {% else %}
  159.                 {% set pagesuiv =  1 %}
  160.             {% endif %}
  162.             {% if nombrepage < 5 %}
  163.                 {% set debut = 1 %}
  164.                 {% set fin = nombrepage %}
  165.             {% else %}
  166.                 {% if page > 2 and page < (nombrepage - 2) %}
  167.                     {% set debut = page - 2 %}
  168.                     {% if page + 2 >= nombrepage %}
  169.                         {% set fin = nombrepage %}
  170.                     {% else %}
  171.                         {% set fin = page + 2 %}
  172.                     {% endif %}
  173.                 {% else %}
  174.                     {% if page <= 2 %}
  175.                         {% if page == 1 %}
  176.                             {% set debut = 1 %}
  177.                             {% set fin = page + 3 %}
  178.                         {% else %}
  179.                             {% set debut = 1 %}
  180.                             {% set fin = page + 2 %}
  181.                         {% endif %}
  182.                     {% else %}
  183.                         {% set debut = page - 2 %}
  184.                         {% if page + 2 >= nombrepage %}
  185.                             {% set fin = nombrepage %}
  186.                         {% else %}
  187.                             {% set fin = page + 2 %}
  188.                         {% endif %}
  189.                     {% endif %}
  190.                 {% endif %}
  191.                 
  192.             {% endif %}
  193.             
  195.             <div class="row" style="margin: 15px  0px;">
  196.                <div class="col-md-12">
  197.                <div class="flex-container" style="background: #fafafa; ">
  198.                   <div class="paginate-ctn">
  199.                     <a href="{{ path('produit_produit_marques_prod', {'page': 1 }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-fast-backward"></span> </a>
  200.                     <a href="{{ path('produit_produit_marques_prod', {'page': pagepre }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-step-backward"></span> </a>
  201.                     {% for p in debut..fin %}
  202.                         <a href="{{ path('produit_produit_marques_prod', {'page': p }) }}" style="display: inline-block;" class="round-effect {% if p == page %}activepage{% endif %}">{{ p }}</a>
  203.                     {% endfor %}
  204.                     <a href="{{ path('produit_produit_marques_prod', {'page': pagesuiv }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-step-forward"></span> </a>
  205.                     <a href="{{ path('produit_produit_marques_prod', {'page': nombrepage }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-fast-forward"></span> </a>
  206.                  </div>
  207.                </div>
  208.                </div>
  209.             </div>
  210.             <div class="clearfix"></div>
  211.             {% else %}
  213.             <div class="row" style="margin: 15px  0px;">
  214.                <div class="col-md-12">
  215.                <div class="flex-container" style="background: #fafafa; ">
  216.                   <div class="paginate-ctn">
  217.                     <a href="{{ path('produit_produit_marques_prod', {'page': page }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-fast-backward"></span> </a>
  218.                     <a href="{{ path('produit_produit_marques_prod', {'page': page }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-step-backward"></span> </a>
  219.                         <a href="{{ path('produit_produit_marques_prod', {'page': 1 }) }}" style="display: inline-block;" class="round-effect activepage">1</a>
  220.                     <a href="{{ path('produit_produit_marques_prod', {'page': page }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-step-forward"></span> </a>
  221.                     <a href="{{ path('produit_produit_marques_prod', {'page': page }) }}" style="display: inline-block;" class="round-effect"> <span class="fa fa-fast-forward"></span> </a>
  222.                 </div>
  223.                 </div>
  224.             </div>
  225.             </div>
  227.             <div class="clearfix"></div>
  228.             {% endif %}
  229.     </div>
  230. </div>
  232. </div>
  233. </div>
  235. {% endblock %}
  237. {% block srcjavascripttemplate %}
  238. <script src="{{ asset('template/js/onvisible.js') }}" type="text/javascript"></script>
  239. <script src="{{ asset('autocomplete/js/jquery.auto-complete.js') }}"></script>
  240. <link href="{{ asset('template/css/select2.min.css') }}" rel="stylesheet"/>
  241. <script src="{{ asset('template/js/select2.min.js') }}"></script>
  242. {% endblock %}
  244. {% block javascripttemplate %}
  246. var $disabledResults = $("#struct_pays_filtre");
  247. $disabledResults.select2();
  249. var bouge = 1;
  250. var dimension = 200;
  251. function activateelement()
  252. {
  253. var visibility = visibleElement('.animecourant-panel');
  255. if(visibility && bouge == 0){
  256.     bouge = 1;
  257.     $('.toutleblock').css('position','relative');
  258.     $('.toutleblock').css('bottom','0px');
  259.     $('.toutleblock').css('margin-bottom','0px');
  260. }
  261. }
  263. function stopelement()
  264. {
  265. var visibility = visibleElement('.stop-courant-panel');
  267. if(visibility && bouge == 1){
  268.     if(visibleElement('.animecourant-panel') && visibleElement('.stop-courant-panel'))
  269.     {
  270.     }else{
  271.     bouge = 0;
  272.     $('.toutleblock').css('position','fixed');
  273.     $('.toutleblock').css('width',dimension+'px');
  274.     $('.toutleblock').css('bottom','7px');
  275.     $('.toutleblock').css('margin-bottom','0px');
  276.     }
  277. }
  278. }
  280. function controlScroll()
  281. {
  282.     var largeur = ($(window).width());
  283.     dimension = $('.toutleblock').width();
  284.     if (largeur >= 768)
  285.     {
  286.         if(visibleElement('.animecourant-panel') && visibleElement('.stop-courant-panel'))
  287.         {
  288.         $('.toutleblock').css('position','fixed');
  289.         $('.toutleblock').css('width',dimension+'px');
  290.         }else{
  291.         window.setInterval(function() { stopelement(); }, 100);
  292.         window.setInterval(function() { activateelement(); }, 100);
  293.         }
  294.         
  295.     }
  296. }
  297. controlScroll();
  299. $('.modal-trigger-add-pme').click(function(){
  300.     openformNewProjet();
  301. });
  303. {% if add == 1 %}
  304.     openformNewProjet();
  305. {% endif %}
  307. function openformNewProjet()
  308. {
  309.     $('#modal-souscription-offert').modal('show');
  310.     
  311.     $('.wait-chargement-content-module').show();
  312.     $('.content-module-loading').hide();
  313.     $.post('{{ path('projet_projet_form_add_new_projet') }}', function(data){
  314.         $('.wait-chargement-content-module').hide();
  315.         $('.content-module-loading').html(data);
  316.         $('.content-module-loading').show();
  317.     });
  318. }
  319. var jsonresult = {{ render(controller("App\\Controller\\Produit\\Service\\VilleController:autorechercheville", {'taille': 500})) }};
  320. var j = 0;
  321. var departchoices = [];
  322. for(var n in jsonresult){
  323.     nom = jsonresult[n].nom;
  324.     drapeau = jsonresult[n].drapeau;
  325.     id = jsonresult[n].id;
  326.     num = nom+":"+drapeau;
  327.     courantelem = [nom,drapeau,id];
  328.     departchoices[j] = courantelem;
  329.     j++;
  330. }
  332. $('#departement_etab').autoComplete({
  333.     minChars: 0,
  334.     source: function(term, suggest){
  335.         term = term.toLowerCase();
  336.         var suggestions = [];
  337.         for (i=0;i< departchoices.length;i++)
  338.             if (~(departchoices[i][0]+' '+departchoices[i][1]).toLowerCase().indexOf(term)) suggestions.push(departchoices[i]);
  339.         suggest(suggestions);
  340.     },
  341.     renderItem: function (item, search){
  342.         search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
  343.         var re = new RegExp("(" + search.split(' ').join('|') + ")", "gi");
  344.         return '<div class="autocomplete-suggestion" data-langname="'+item[0]+'" data-lang="'+item[1]+'" data-id="'+item[2]+'"  data-val="'+search+'" data-img="'+item[1]+'"><img src="{{ asset('') }}'+item[1]+'" style="width: 30px; height: 20px; padding: 2px; margin-bottom: -5px!important;"> '+item[0].replace(re, "<b>$1</b>")+'</div>';
  345.     },
  346.     onSelect: function(e, term, item){
  347.         $('#departement_etab').val(item.data("langname"));
  348.     },
  349.     cache: false
  350. });
  352. $("#departement_etab").focus(function(){
  353.     rechercheutilisateur(); 
  354. });
  356. function rechercheutilisateur()
  357. {
  358.     if($('#departement_etab').val().length >= 2)// on vérifier si l'utilisateur a entré plus de 5 caractères
  359.     {
  360.       var libre = $('.zone-recherche-quartier').attr('value'); // on initialise la variable libre
  361.       var donnee = $('#departement_etab').val();  //on récupère la donnée
  362.       if (libre == 0 && donnee != $('.zone-recherche-quartier').attr('name')){ // on vérifier si la requête précedente est rétournée et que la recherche ne corespnd pas à la dernière effectuée
  363.       $('.zone-recherche-quartier').attr('value',1); // on bloque d'autres recherches
  364.       $('.zone-recherche-quartier').attr('name',donnee); // on enregistre la recherche effectuer.
  365.      
  366.       $.ajax({
  367.             url : '{{ path('produit_service_auto_recherche_ville') }}',
  368.             data : 'donnee='+donnee+'',
  369.             type : 'POST',
  370.             dataType : 'json',
  371.             success : function(data, statut){
  372.                 
  373.                 $('.zone-recherche-quartier').attr('value',0); // on libère d'autre recherches
  375.                 compt = departchoices.length;
  376.                 jsonresulta =  data;
  377.                 
  378.                 
  379.                 for(var n in jsonresulta){
  380.                     nom = jsonresulta[n].nom;
  381.                     drapeau = jsonresulta[n].drapeau;
  382.                     id = jsonresulta[n].id;
  383.                     num = nom+":"+drapeau;
  384.                     courantelem = [nom,drapeau,id];
  385.                     departchoices[compt] = courantelem;
  386.                     compt++;
  387.                 }
  388.               setTimeout(function(){ rechercheutilisateur(); }, 100);  // on relance la fonction après 200 ms.
  389.               
  390.             }
  391.         });
  392.       }else{
  393.         setTimeout(function() { rechercheutilisateur(); }, 100);
  394.       }
  395.     }else{
  396.         setTimeout(function() { rechercheutilisateur(); }, 100);
  397.     }
  398. }
  399. {% endblock %}