templates/Articles/Article/recherche.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  2. {% block title %}Catalogue{% endblock %}
  3. {% block body %}
  4.     <!-- page content -->
  5.     <div class="right_col" id="page_form_catalogue" role="main">
  6.         <div style="margin-top:20px;">
  7.             {#
  8.             <div class="page-title">
  9.                 <div class="title_left">
  10.                     <h3>Catalogue</h3>
  11.                 </div>
  12.             </div>
  13.             #}
  15.             <script src="{{ asset('js_ep/moteur_recherche_article.js') }}"></script>
  16.             <script>
  17.                 $(document).ready(function(){
  19.                     {% if parametres.mv is defined and parametres.mv != "" and parametres.mv != "0"  %}
  20.                     var initialData = { id: {{parametres.mv}}, text: "{{parametres.mv_l}}", libelle: "{{parametres.mv_l}}" };
  21.                     {% else %}
  22.                     var initialData = { id: 0, text: "Marque", text: "Marque" };
  23.                     {% endif %}
  24.                     var option = new Option(initialData.text, initialData.id, true, true);
  25.                     $selectMarqueVehicule.append(option).trigger('change');
  28.                     {% if parametres.mov is defined and parametres.mov != "" and parametres.mov != "0"  %}
  29.                     var initialData = { id: {{parametres.mov}}, text: "{{parametres.mov_l}}" };
  30.                     {% else %}
  31.                     var initialData = { id: 0, text: "Modèle"};
  32.                     {% endif %}
  33.                     var option = new Option(initialData.text, initialData.id, true, true);
  34.                     $selectModeleVehicule.append(option).trigger('change');
  37.                     {% if parametres.tv is defined and parametres.tv != "" and parametres.tv != "0" %}
  38.                     var initialData = { id: {{parametres.tv}}, text: "{{parametres.tv_l}}" };
  39.                     {% else %}
  40.                     var initialData = { id: 0, text: "Type"};
  41.                     {% endif %}
  42.                     var option = new Option(initialData.text, initialData.id, true, true);
  43.                     $selectTypeVehicule.append(option).trigger('change');
  46.                     {% if parametres.m is defined and parametres.m != "" and parametres.m != "0" %}
  47.                     var initialData = { id: {{parametres.m}}, text: "{{parametres.m_l}}" };
  48.                     {% else %}
  49.                     var initialData = { id: 0, text: "Marque" };
  50.                     {% endif %}
  51.                     var option = new Option(initialData.text, initialData.id, true, true);
  52.                     $selectMarqueArticle.append(option).trigger('change');
  56.                     {% if parametres.c is defined and parametres.c != "" and parametres.c != "0" %}
  57.                     var initialData = { id: {{parametres.c}},  text: "{{parametres.c_l}}" };
  58.                     {% else %}
  59.                     var initialData = { id: 0, text: "Catégorie" };
  60.                     {% endif %}
  62.                     var option = new Option(initialData.text, initialData.id, true, true);
  63.                     $selectCategorieArticle.append(option).trigger('change');
  65.                     {% if parametres.cn2 is defined and parametres.cn2 != "" and parametres.cn2 != "0" %}
  66.                     var initialData = { id: {{parametres.cn2}}, text: "{{parametres.cn2_l}}" };
  67.                     {% else %}
  68.                     var initialData = { id: 0, text: "Catégorie N2" };
  69.                     {% endif %}
  70.                     var option = new Option(initialData.text, initialData.id, true, true);
  71.                     $selectCategorieArticleN2.append(option).trigger('change');
  74.                     {% if parametres.cn3 is defined and parametres.cn3 != "" and parametres.cn3 != "0" %}
  75.                     var initialData = { id: {{parametres.cn3}}, text: "{{parametres.cn3_l}}" };
  76.                     {% else %}
  77.                     var initialData = { id: 0, text: "Catégorie N3" };
  78.                     {% endif %}
  79.                     var option = new Option(initialData.text, initialData.id, true, true);
  80.                     $selectCategorieArticleN3.append(option).trigger('change');
  82.                 });
  83.             </script>
  84.             <div class="clearfix"></div>
  85.             <div class="row">
  86.             <div class="col-lg-8 mx-auto">
  87.                 <div class="container x_panel recherche_catalogue">
  88.                     <!-- Titre global du formulaire -->
  89.                     <h2 class="form-title dark" class="">Recherche de pièces</h2>
  91.                     <form id="searchForm" method="GET" style="padding-bottom:20px;">
  92.                         <div class="form-container">
  93.                             <!-- Colonne gauche -->
  94.                             <div class="form-column">
  95.                                 <div class="_off column-title"><i class="fa fa-car"></i> Véhicule</div>
  96.                                 <div class="form-group">
  97.                                     {# <label for="marque">Marque</label> #}
  98.                                     <input type="hidden" id="mv_l" name="mv_l" value="{% if parametres.mv_l is defined and parametres.mv_l != ""  %}{{ parametres.mv_l }}{% endif %}">
  99.                                     <select id="dtc_marque_vehicule_select2" class="form-control" name="mv"></select>
  100.                                 </div>
  101.                                 <div class="form-group">
  102.                                     {# <label for="modele">Modèle</label> #}
  103.                                     <input type="hidden" id="mov_l" name="mov_l" value="{% if parametres.mv_l is defined and parametres.mv_l != ""  %}{{ parametres.mv_l }}{% endif %}">
  104.                                     <select class="form-control" id="dtc_modele_vehicule_select2" name="mov"></select>
  105.                                 </div>
  106.                                 <div class="form-group">
  107.                                    {#  <label for="type">Type</label> #}
  108.                                     <input type="hidden" id="tv_l" name="tv_l" value="{% if parametres.tv_l is defined and parametres.tv_l != ""  %}{{ parametres.tv_l }}{% endif %}">
  109.                                     <select class="form-control" id="dtc_type_vehicule_select2" name="tv"></select>
  110.                                 </div>
  113.                                 <div class="_off column-title"><i class="fa fa-bars"></i> Catégories</div>
  114.                                 <div class="form-group">
  115.                                     {#  <label for="cat1">Catégorie</label>#}
  116.                                     <input type="hidden" id="c_l" name="c_l" value="{% if parametres.c_l is defined and parametres.c_l != ""  %}{{ parametres.c_l }}{% endif %}">
  117.                                     <select class="form-control" id="dtc_categorie_article_n1_select2" name="c"></select>
  118.                                 </div>
  119.                                 <div class="form-group">
  120.                                     {#  <label for="cat2">Catégorie N2</label>#}
  121.                                     <input type="hidden" id="cn2_l" name="cn2_l" value="{% if parametres.cn2_l is defined and parametres.cn2_l != ""  %}{{ parametres.cn2_l }}{% endif %}">
  122.                                     <select class="form-control" id="dtc_categorie_article_n2_select2" name="cn2"></select>
  123.                                 </div>
  124.                                 <div class="form-group">
  125.                                     {#  <label for="cat3">Catégorie N3</label>#}
  126.                                     <input type="hidden" id="cn3_l" name="cn3_l" value="{% if parametres.cn3_l is defined and parametres.cn3_l != ""  %}{{ parametres.cn3_l }}{% endif %}">
  127.                                     <select class="form-control" id="dtc_categorie_article_n3_select2" name="cn3"></select>
  128.                                 </div>
  129.                             </div>
  131.                             <!-- Séparateur vertical -->
  132.                             <div class="separator"></div>
  133.                             <!-- Colonne droite -->
  134.                             <div class="form-column">
  136.                                 <div class="form-group">
  137.                                     <div class="_off column-title"><i class="fa fa-star"></i> Marque</div>
  138.                                   {#   <label for="modele">Marque</label>#}
  139.                                     <input type="hidden" id="m_l" name="m_l" value="{% if parametres.m_l is defined and parametres.m_l != ""  %}{{ parametres.m_l }}{% endif %}">
  140.                                     <select class="form-control" id="dtc_marque_article_select2" name="m"></select>
  141.                                 </div>
  142.                                 <div class="form-group " style="margin-bottom:5px;">
  143.                                     <div class="_off column-title"><i class="fa fa-cubes"></i> Stock</div>
  144.                                     <div class="">
  145.                                         <label>
  146.                                             <input type="checkbox" name="st" value="1" class="js-switch" /> En stock uniquement
  147.                                         </label>
  148.                                     </div>
  149.                                 </div>
  150.                                 <div class="form-group">
  151.                                     <div class="_off column-title"><i class="fa fa-search"></i> Recherche</div>
  152.                                    {#  <label for="keywords">Mot clés</label>#}
  153.                                     <input type="text" class="form-control" name="mc" placeholder="Entrez un mot clé">
  154.                                 </div>
  156.                                 <div class="btn-recherche-catalogue-reponsive btn-container" style="margin-top:0px;">
  157.                                     <button style="width:100%;" type="submit" class="btn btn-success"><i class="fa fa-search"></i> Lancer la recherche </button>
  158.                                 </div>
  160.                             </div>
  161.                         </div>
  164.                     </form>
  165.                 </div>
  166.                 <!-- /.col-lg-12 -->
  167.             </div>
  168.             </div>
  169.             <div style="clear:both;"></div>
  170.         </div>
  171.         <div style="clear:both;"></div>
  172.     </div>
  173.     <style>
  174.         #dta-articles_length select {
  175.             border: 0px;
  176.             background: transparent;
  177.             box-shadow: none;
  178.             text-align: center;
  179.         }
  180.     </style>
  181.     <script>
  182.         function initDataTable() {
  183.             $(function () {
  184.                 $('[data-toggle="tooltip"]').tooltip({html: true});
  185.             });
  186.             {% if app.session.get('modeSensible') == 1 %}
  187.             $("#modeClient").trigger('click').trigger('click');
  188.             {% endif %}
  189.         }
  190.     </script>
  191.     <!-- /page content -->
  192. {% endblock %}