templates/Theme/Users/Adminuser/Service/accueilservice.html.twig line 1

Open in your IDE?
  1. {% extends "Theme/Users/Adminuser/layoutadmin.html.twig" %}
  2. {% block meta %}
  3.     {{ parent() }}
  4.     <meta name="author" content="Sprint-pay"/>
  5.     <meta name="description" content="{{ site }} - Connexion"/>
  6. {% endblock %}
  7. {% block title %}
  8.     {{ parent() }} | Connexion
  9. {% endblock %}
  10. {% block userblog_body %}
  11. <section class="container-fluid" style="padding-left: 0px; padding-right: 0px;">
  12.     <section style="min-height: 98px; padding: 15px 50px; background: #2fa84b; color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);">
  13.         <div class="row">
  14.             <div class="col-md-12">
  15.                 <span style="float: right;">
  16.                   <a href="#!" data-toggle="modal" data-target="#articleModalCenter" class="btn btn-primary mt-2">Ajouter un slide</a>
  17.                 </span>
  18.                 
  19.                 <h1>Une bonne affaire</h1>
  20.                 <div>Une bonne affaire</div>
  21.             </div>
  22.         </div>
  23.     </section>
  24. </section>
  25. <div class="container" style="min-height: calc(100vh - 150px);">
  26.     <ul class="breadcrumb_" itemprop="breadcrumb_">
  27.       <li><a href="#!">Dashboard</a></li>
  28.       <li><a href="#">Partenaires</a></li>
  29.       <li><h1>Tous les partenaires</h1></li>
  30.     </ul>
  31.       {% for infos in app.session.flashbag.get('information') %}
  32.           {% if loop.last %}
  33.             <div class="alert alert-warning alert-dismissible fade show" role="alert">
  34.                 {{ infos }}
  35.                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  36.                     <span aria-hidden="true">&times;</span>
  37.                 </button>
  38.             </div>
  39.           {% endif %}
  40.       {% endfor %}
  41.     <div style="background: #fff; min-height: calc(100vh - 200px);">
  42.         <div class="accordion">
  43.             
  44.             {% for service in liste_service %}
  45.             <div class="box">
  46.                 <div class="row" style="margin: 0px;">
  47.                     <div class="col-md-8">
  48.                         <h2 class="title">{% if (service.expertise == "expertise") %}Expertise{% elseif(service.expertise == "service") %}Service{% else %}Département{% endif %} > {{ service.name }}</h2>
  49.                         <h3 class="subtitle">{{ service.date|date('d') }}.{{ service.date|date('m') }}.{{ service.date|date('Y') }}</h3>
  50.                         <span class="number">
  51.                             <div class="dropdown" style="float: right;">
  52.                                 <button type="button" class="btn dropdown-toggle" id="dropdownMenuIconButton8" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  53.                                   <i class="bi bi-activity"></i>
  54.                                 </button>
  55.                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton8" x-placement="bottom-end">
  56.                                   <h6 class="dropdown-header">Opérations</h6>
  57.                                   <a class="dropdown-item update-content-article" href="#!" value="{{ service.id }}"><span class="bi bi-pencil"></span> Modifier</a>
  58.                                   <a class="dropdown-item suppression_current_article" href="#!" value="{{ path('users_adminuser_supprimer_service', {'id': service.id}) }}"><span class="bi bi-x-lg"></span> Supprimer</a>
  59.                                 </div>
  60.                             </div>
  61.                         </span>
  62.                         <p class="text" style="font-family: Open Sans;">{{ service.description }}</p>
  63.                     </div>
  64.     
  65.                     <div class="col-md-4">
  66.                         <img src="{{ vich_uploader_asset(service) }}" alt="{{ service.name }}" style="height: 200px; max-width: 100%;">
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             {% endfor %}
  71.         </div>
  72.     </div>
  73.     
  74. <div class="text-center" style="margin-bottom: 80px; margin-top: 50px;">
  75.     {% if nombrepage > 0 %}
  76.         {% if page > 1 and page <= nombrepage %}
  77.             {% set pagepre = page - 1 %}
  78.         {% else %}
  79.             {% set pagepre = nombrepage %}
  80.         {% endif %}
  81.         {% if page < nombrepage %}
  82.             {% set pagesuiv = page + 1 %}
  83.         {% else %}
  84.             {% set pagesuiv =  1 %}
  85.         {% endif %}
  86.         {% if nombrepage < 5 %}
  87.             {% set debut = 1 %}
  88.             {% set fin = nombrepage %}
  89.         {% else %}
  90.             {% if page > 2 and page < (nombrepage - 2) %}
  91.                 {% set debut = page - 2 %}
  92.                 {% if page + 2 >= nombrepage %}
  93.                     {% set fin = nombrepage %}
  94.                 {% else %}
  95.                     {% set fin = page + 2 %}
  96.                 {% endif %}
  97.             {% else %}
  98.                 {% if page <= 2 %}
  99.                     {% if page == 1 %}
  100.                         {% set debut = 1 %}
  101.                         {% set fin = page + 3 %}
  102.                     {% else %}
  103.                         {% set debut = 1 %}
  104.                         {% set fin = page + 2 %}
  105.                     {% endif %}
  106.                 {% else %}
  107.                     {% set debut = page - 2 %}
  108.                     {% if page + 2 >= nombrepage %}
  109.                         {% set fin = nombrepage %}
  110.                     {% else %}
  111.                         {% set fin = page + 2 %}
  112.                     {% endif %}
  113.                 {% endif %}
  114.             {% endif %}
  115.         {% endif %}
  116.         <div class="btn-group mb-4 text-center" role="group" aria-label="Basic example">
  117.             <a href="{{ path('users_adminuser_accueil_services', {'page': 1}) }}" title="Première page" class="btn btn-outline-primary mx-2">
  118.                 <span><i class="bi bi-chevron-double-left"></i></span>
  119.             </a>
  120.             <a href="{{ path('users_adminuser_accueil_services', {'page': pagepre}) }}" title="Page précedente" class="btn btn-outline-primary mx-2">
  121.                 <span><i class="bi bi-chevron-left"></i></span>
  122.             </a>
  123.             {% for p in debut..fin %}
  124.                 <a href="{{ path('users_adminuser_accueil_services', {'page': p}) }}" value="{{ p }}" class="btn btn-outline-primary mx-2 {% if p == page %}active{% endif %}">{{ p }}</a>
  125.             {% endfor %}
  126.         <a href="{{ path('users_adminuser_accueil_services', {'page': pagesuiv}) }}" title="Page suivante" class="btn btn-outline-primary mx-2">
  127.             <span><i class="bi bi-chevron-right"></i></span>
  128.         </a>
  129.         <a href="{{ path('users_adminuser_accueil_services', {'page': nombrepage}) }}" title="Dernière page" class="btn btn-outline-primary mx-2">
  130.             <span><i class="bi bi-chevron-double-right"></i></spam>
  131.         </a>
  132.     </div>
  133.     <div class="clearfix"></div>
  134. {% else %}
  135.     <div class="btn-group text-center" role="group" aria-label="Basic example">
  136.         <a href="#" title="Première page" class="btn btn-outline-primary mx-2">
  137.             <span><i class="bi bi-chevron-double-left"></i></span>
  138.         </a>
  139.         <a href="#" title="Page précedente" class="btn btn-outline-primary mx-2">
  140.             <span><i class="bi bi-chevron-left"></i></span>
  141.         </a>
  142.         <a href="#" class="btn btn-outline-primary mx-2 active" style="margin: 0px 0px;">1</a>
  143.         <a href="#" title="Page suivante" class="btn btn-outline-primary mx-2">
  144.             <span><i class="bi bi-chevron-right"></i></span>
  145.         </a>
  146.         <a href="#" title="Dernière page" class="btn btn-outline-primary mx-2">
  147.             <span><i class="bi bi-chevron-double-right"></i></spam>
  148.         </a>
  149.     </div>
  150.     {% endif %}
  151. </div>
  152. </div>
  153. <!-- content-wrapper ends -->
  154. <!-- Modal -->
  155. <div class="modal fade" id="articleModalCenter" tabindex="-1" role="dialog" aria-labelledby="articleModalCenter" aria-hidden="true">
  156.   <div class="modal-dialog modal-dialog-centered" role="document">
  157.     {{ form_start(form, {'attr': {'id': 'form-submit-service', 'action': path('users_adminuser_accueil_services') }}) }}    
  158.     <div class="modal-content">
  159.       <div class="modal-header">
  160.         <h5 class="modal-title" id="exampleModalLongTitle">Ajouter un service</h5>
  161.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  162.           <span aria-hidden="true">&times;</span>
  163.         </button>
  164.       </div>
  165.       <div class="modal-body">    
  166.         <div class="row">
  167.           <div class="col-md-12">
  168.             {{ form_errors(form) }}
  169.           </div>
  170.           <div class="col-md-12 mt-3">
  171.             {{ form_errors(form.name) }}
  172.             {{ form_label(form.name,'Nom du service') }}
  173.             {{ form_widget(form.name) }}
  174.           </div>
  175.           <div class="col-md-12 mt-3">
  176.             {{ form_errors(form.description) }}
  177.             {{ form_label(form.description,'Description du service') }}
  178.             {{ form_widget(form.description) }}
  179.           </div> 
  180.           <div class="col-md-12 mt-3">
  181.             {{ form_errors(form.rang) }}
  182.             {{ form_label(form.rang,'Rang dans le classement') }}
  183.             {{ form_widget(form.rang) }}
  184.           </div> 
  185.           <div class="col-md-12 mt-3">
  186.             <label for="categorie_service">Catégorie</label>
  187.             <select name="categorie" id="categorie_service" class="form-control">
  188.               <option value="expertise">Expertise</option>
  189.               <option value="service">Service</option>
  190.               <option value="departement">Département</option>
  191.             </select>
  192.           </div>
  193.           <div class="col-md-12 mt-3">
  194.             <label for="categorie_parent">Catégorie parent</label>
  195.             <select name="parentId" id="categorie_parent" class="form-control">
  196.               <option value="0">Selectionnez le parent</option>
  197.               {% for serv in liste_all_service %}
  198.                 <option value="{{ serv.id }}">{% if (serv.expertise == "expertise") %}Expertise{% elseif(serv.expertise == "service") %}Service{% else %}Département{% endif %} > {{ serv.name }}</option>
  199.               {% endfor %}
  200.             </select>
  201.           </div>
  202.           <div class="col-md-12 mt-3">
  203.             <label for="motcle_service">Mot clé d'identification</label>
  204.             <select name="motcle" id="motcle_service" class="form-control">
  205.               <option value="-">Laisser vide</option>
  206.               <option value="comptabilite">Expert comptable</option>
  207.               <option value="fiscalité">Expert Fiscalité</option>
  208.             </select>
  209.           </div>
  210.           <div class="col-md-12 mt-3">
  211.                             <label for="nb-occurrences">Objectifs du services</label>
  212.                             <select id="nb-occurrences" name="nb-occurrences" class="form-control">
  213.                                 <option value="0">0</option>
  214.                                 <option value="1">1</option>
  215.                                 <option value="2">2</option>
  216.                                 <option value="3">3</option>
  217.                                 <option value="4">4</option>
  218.                                 <option value="5">5</option>
  219.                 <option value="6">6</option>
  220.                                 <option value="7">7</option>
  221.                             </select>
  222.                             <div id="groupes-champs"></div>
  223.                     </div>
  224.           <input type="hidden" name="objectifs" id="objectifs-services"/>
  225.           <div class="col-md-12 mt-3">
  226.             {{ form_errors(form.file) }}
  227.             {{ form_label(form.file,'Joindre une image') }}
  228.             {{ form_widget(form.file) }}
  229.           </div>
  230.          <div class="clear"></div>
  231.         </div>
  232.       </div>
  233.       <div class="modal-footer">
  234.         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  235.         <button type="submit" class="btn btn-primary">Enregistrer</button>
  236.       </div>
  237.     </div>
  238.     {{ form_end(form) }}
  239.   </div>
  240. </div>
  241. <div class="modal fade" id="modalGestionCatalogueSelect" tabindex="-1" role="dialog" aria-labelledby="modalGestionCatalogueSelect" aria-hidden="true">
  242.   <div class="modal-dialog modal-dialog-centered" role="document">
  243.   <div class="modal-content">
  244.     <div class="modal-header">
  245.       <h2 class="modal-title" id="exampleModalLongTitle">Mise à jour de l'article</h2>
  246.       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  247.         <span aria-hidden="true">&times;</span>
  248.       </button>
  249.     </div>
  250.     <div class="modal-body">
  251.       <div class="row">
  252.         <div class="col-md-12">
  253.           <div class="wait-chargement-content-module" style="text-align: center;">
  254.             Patientez un moment pendant le chargement de l'article</br>
  255.             <img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 40px; width: 40px;">
  256.           </div>
  257.       
  258.           <div class="content-module-loading" style="display: none;">
  259.           
  260.           </div>
  261.         </div>
  262.       </div>
  263.     </div>
  264.     <div class="modal-footer" style="display: block;">
  265.       {% include "Theme/General/Template/Menu/social.html.twig" %}
  266.     </div>
  267.   </div>
  268.   </div>
  269.   </div>
  270. {% endblock %}
  271. {% block javascripttemplate %}
  272. $('#nb-occurrences').on('change', function () {
  273.     var count = parseInt($(this).val());
  274.     var container = $('#groupes-champs');
  275.     container.empty();
  276.     for (let i = 0; i < count; i++) {
  277.         var group = `
  278.         <div class="groupe-champs" data-index="${i}">
  279.             <h4>Objectif ${i + 1}</h4>
  280.             <div class="row">
  281.                 <div class="col-md-12">
  282.                     <input type="text" step="0.01" class="nom-base form-control" required><br>
  283.                 </div>
  284.             <div>
  285.         </div>
  286.         `;
  287.         container.append(group);
  288.     }
  289. });
  290. $("#form-submit-service").on("submit", function(){
  291.   var result = [];
  292.   $('.groupe-champs').each(function () {
  293.         var nomBase = $(this).find('.nom-base').val();
  294.         result.push({
  295.           nombase: nomBase
  296.         });
  297.     });
  298.   jsonData = JSON.stringify(result);
  299.   $("#objectifs-services").val(jsonData)
  300.   
  301. })
  302. $('.update-content-article').click(function(){
  303.     var id = $(this).attr('value');
  304.     $('#modalGestionCatalogueSelect').modal('show');
  305.     $('.wait-chargement-content-module').show();
  306.     $('.content-module-loading').hide();
  307.     $.get('{{ path('users_adminuser_update_services') }}',{ id: id }, function(data){
  308.         $('.wait-chargement-content-module').hide();
  309.         $('.content-module-loading').show();
  310.         $('.content-module-loading').html(data);
  311.     });
  312. });
  313. $('.suppression_current_article').click(function(){
  314.     id = $(this).attr('value');
  315.     resetNotif();
  316.     alertify.confirm("Êtes-vous certain de vouloir supprimer cet article ?</br></br>", function (e) {
  317.         if(e){
  318.               document.location.href= ''+id;
  319.         } else {
  320.             alertify.success("Opération annulée avec succès !");
  321.         }
  322.     });
  323. });
  324. {% endblock %}