templates/Theme/Users/Adminuser/Accueil/accueiladmin.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 Article</a>
  17.                   <a href="#!" data-toggle="modal" data-target="#categoryModalCenter" class="btn btn-primary mt-2">Ajouter Une catégorie</a>
  18.                 </span>
  19.                 
  20.                 <h1>Une bonne affaire</h1>
  21.                 <div>Une bonne affaire</div>
  22.             </div>
  23.         </div>
  24.     </section>
  25. </section>
  26. <div class="container" style="min-height: calc(100vh - 150px);">
  27.     <ul class="breadcrumb_" itemprop="breadcrumb_">
  28.       <li><a href="#">Dashboard</a></li>
  29.       <li><a href="#">Paramètres</a></li>
  30.       <li><h1>Liste des paramètres {{ site }}</h1></li>
  31.     </ul>
  32.     {% for infos in app.session.flashbag.get('information') %}
  33.         {% if loop.last %}
  34.           <div class="alert alert-warning alert-dismissible fade show" role="alert">
  35.               {{ infos }}
  36.               <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  37.                   <span aria-hidden="true">&times;</span>
  38.               </button>
  39.           </div>
  40.         {% endif %}
  41.     {% endfor %}
  42.     <div style="background: #fff; min-height: calc(100vh - 200px);">
  43.       <div class="accordion">
  44.         {% for typearticle in type_article %}
  45.         <div class="accordion__item">
  46.           <h2 class="accordion__title {% if loop.index < 3 %}active{% endif %}">{{ typearticle.name }}</h2>
  47.           <div class="accordion__body">
  48.             <p>{{ typearticle.description }}</p>
  49.             
  50.             <div class="mt-3 text-right">
  51.               <a href="#!" class="update-type-article" value="{{ typearticle.id }}" style="color: green;"><span class="bi bi-pencil"></span> Modifier</a>
  52.               <a href="#!" class="suppression_current_categorie" value="{{ path('users_adminuser_supprimer_categorie_article', {'id': typearticle.id }) }}" style="color: red;"><span class="bi bi-x-lg"></span> Supprimer</a>
  53.             </div>
  54.             <div class="card mt-3">
  55.               {% set liste_article = typearticle.getFirstArticle() %}
  56.               {% for article in liste_article %}
  57.               <div class="card-body">
  58.                 <h4 class="card-title text-primary">
  59.                   {{ article.title }}
  60.                 
  61.                   <div class="dropdown" style="float: right;">
  62.                     <button type="button" class="btn dropdown-toggle" id="dropdownMenuIconButton8" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  63.                       <i class="bi bi-activity"></i>
  64.                     </button>
  65.                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton8" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 46px, 0px);">
  66.                       <h6 class="dropdown-header">Opérations</h6>
  67.                       <a class="dropdown-item update-content-article" href="#!" value="{{ article.id }}"><span class="bi bi-pencil"></span> Modifier</a>
  68.                       <a class="dropdown-item suppression_current_article" href="#!" value="{{ path('users_adminuser_delete_article', {'id': article.id }) }}"><span class="bi bi-x-lg"></span> Supprimer</a>
  69.                     </div>
  70.                   </div>
  71.                 </h4>
  72.                 <p class="card-description">
  73.                   {{ article.createdAt|date('d') }}.{{ article.createdAt|date('m') }}.{{ article.createdAt|date('Y') }}
  74.                 </p>
  75.                 <p>
  76.                   {{ article.content }}
  77.                 </p>
  78.                 <div class="mt-4">
  79.                   <a href="{{ path('users_adminuser_add_new_detail_article', {'id': article.id}) }}">En savoir plus <span class="bi bi-arrow-90deg-right"></span></a>
  80.                 </div>
  81.               </div>
  82.               
  83.               {% endfor %}
  84.             </div>
  85.           </div>
  86.           <div class="mt-4">
  87.             <a href="{{ path('users_adminuser_articles_typearticle', {'id': typearticle.id }) }}">Afficher tous les articles <span class="bi bi-arrow-90deg-right"></span></a>
  88.           </div>
  89.         </div>
  90.         <!--     END Item -->
  91.         {% endfor %}
  92.       </div>
  93.     </div>
  94. </div>
  95. <!-- content-wrapper ends -->
  96. <!-- Modal -->
  97. <div class="modal fade" id="articleModalCenter" tabindex="-1" role="dialog" aria-labelledby="articleModalCenter" aria-hidden="true">
  98.   <div class="modal-dialog modal-dialog-centered" role="document">
  99.     {{ form_start(form, {'attr': {'action': path('users_adminuser_accueil_admin_article') }}) }}    
  100.     <div class="modal-content">
  101.       <div class="modal-header">
  102.         <h5 class="modal-title" id="exampleModalLongTitle">Ajouter un article</h5>
  103.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  104.           <span aria-hidden="true">&times;</span>
  105.         </button>
  106.       </div>
  107.       <div class="modal-body">    
  108.         <div class="row">
  109.           <div class="col-md-12">
  110.             {{ form_errors(form) }}
  111.           </div>
  112.           <div class="col-md-12 mt-3">
  113.             {{ form_errors(form.title) }}
  114.             {{ form_label(form.title,'Nom de l\'article') }}
  115.             {{ form_widget(form.title) }}
  116.           </div>
  117.           <div class="col-md-12 mt-3">
  118.             {{ form_errors(form.content) }}
  119.             {{ form_label(form.content,'Détail de l\'article') }}
  120.             {{ form_widget(form.content) }}
  121.           </div>
  122.           <div class="col-md-12 mt-3">
  123.             {{ form_errors(form.rang) }}
  124.             {{ form_label(form.rang,'Rang dans le classement') }}
  125.             {{ form_widget(form.rang) }}
  126.           </div>
  127.           <div class="col-md-12 mt-3">
  128.             {{ form_errors(form.typearticle) }}
  129.             {{ form_label(form.typearticle,'Catégorie de l\'article') }}
  130.             {{ form_widget(form.typearticle) }}
  131.           </div>
  132.           <div class="col-md-12 mt-3">
  133.             {{ form_errors(form.keywords) }}
  134.             {{ form_label(form.keywords,'Mots clés de l\'article séparé par les virgule') }}
  135.             {{ form_widget(form.keywords) }}
  136.           </div>
  137.           <div class="col-md-12 mt-3">
  138.             {{ form_errors(form.imgarticle) }}
  139.             {{ form_label(form.imgarticle,'Joindre une image') }}
  140.             {{ form_widget(form.imgarticle) }}
  141.           </div>
  142.          <div class="clear"></div>
  143.         </div>
  144.       </div>
  145.       <div class="modal-footer">
  146.         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  147.         <button type="submit" class="btn btn-primary">Enregistrer</button>
  148.       </div>
  149.     </div>
  150.     {{ form_end(form) }}
  151.   </div>
  152. </div>
  153. <!-- Modal -->
  154. <div class="modal fade" id="categoryModalCenter" tabindex="-1" role="dialog" aria-labelledby="categoryModalCenter" aria-hidden="true">
  155.   <div class="modal-dialog modal-dialog-centered" role="document">
  156.     {{ form_start(formtype, {'attr': {'action': path('users_adminuser_ajout_category_article') }}) }}    
  157.     <div class="modal-content">
  158.       <div class="modal-header">
  159.         <h2 class="modal-title" id="exampleModalLongTitle">Ajouter une catégorie d'article</h2>
  160.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  161.           <span aria-hidden="true">&times;</span>
  162.         </button>
  163.       </div>
  164.       <div class="modal-body">    
  165.         <div class="row">
  166.           <div class="col-md-12">
  167.             {{ form_errors(formtype) }}
  168.           </div>
  169.           <div class="col-md-12 mt-3">
  170.             {{ form_errors(formtype.name) }}
  171.             {{ form_label(formtype.name,'Nom de l\'article') }}
  172.             {{ form_widget(formtype.name) }}
  173.           </div>
  174.           <div class="col-md-12 mt-3">
  175.             {{ form_errors(formtype.description) }}
  176.             {{ form_label(formtype.description,'Détail de l\'article') }}
  177.             {{ form_widget(formtype.description) }}
  178.           </div>
  179.           <div class="col-md-12 mt-3">
  180.             {{ form_errors(formtype.rang) }}
  181.             {{ form_label(formtype.rang,'Rang dans le classement') }}
  182.             {{ form_widget(formtype.rang) }}
  183.           </div>
  184.          <div class="clear"></div>
  185.         </div>
  186.         
  187.       </div>
  188.       <div class="modal-footer">
  189.         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  190.         <button type="submit" class="btn btn-primary">Enregistrer</button>
  191.       </div>
  192.     </div>
  193.     {{ form_end(formtype) }}
  194.   </div>
  195. </div>
  196. <div class="modal fade" id="modalGestionCatalogueSelect" tabindex="-1" role="dialog" aria-labelledby="modalGestionCatalogueSelect" aria-hidden="true">
  197.   <div class="modal-dialog modal-dialog-centered" role="document">
  198.   <div class="modal-content">
  199.     <div class="modal-header">
  200.       <h2 class="modal-title" id="exampleModalLongTitle">Mise à jour de l'article</h2>
  201.       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  202.         <span aria-hidden="true">&times;</span>
  203.       </button>
  204.     </div>
  205.     <div class="modal-body">
  206.       <div class="row">
  207.         <div class="col-md-12">
  208.           <div class="wait-chargement-content-module" style="text-align: center;">
  209.             Patientez un moment pendant le chargement de l'article</br>
  210.             <img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 40px; width: 40px;">
  211.           </div>
  212.       
  213.           <div class="content-module-loading" style="display: none;">
  214.           
  215.           </div>
  216.         </div>
  217.       </div>
  218.     </div>
  219.     <div class="modal-footer" style="display: block;">
  220.       {% include "Theme/General/Template/Menu/social.html.twig" %}
  221.     </div>
  222.   </div>
  223.   </div>
  224.   </div>
  225.   
  226. {% endblock %}
  227. {% block javascripttemplate %}
  228. $(".accordion__title.active").next().slideDown();
  229. $(".accordion__title").on("click", function () {
  230.   if( $(this).hasClass('active') ) {
  231.         $(this).removeClass("active").next().slideUp();
  232.     } else {
  233.         $(".accordion__title.active").removeClass("active").next(".accordion__body").slideUp();
  234.     $(this).addClass('active').next('.accordion__body').slideDown();
  235.     }
  236. });
  237. $('.update-type-article').click(function(){
  238.     var id = $(this).attr('value');
  239.     $('#modalGestionCatalogueSelect').modal('show');
  240.     $('.wait-chargement-content-module').show();
  241.     $('.content-module-loading').hide();
  242.     $.get('{{ path('users_adminuser_modification_categorie_produit') }}',{ id: id }, function(data){
  243.         $('.wait-chargement-content-module').hide();
  244.         $('.content-module-loading').show();
  245.         $('.content-module-loading').html(data);
  246.     });
  247. });
  248. $('.suppression_current_categorie').click(function(){
  249.     id = $(this).attr('value');
  250.     resetNotif();
  251.     alertify.confirm("Êtes-vous certain de vouloir supprimer cet catégorie ?</br></br> <span class='bi bi-info'></span> Rassurez-vous qu'aucun article n'est lié à cette catégorie </br>", function (e) {
  252.         if(e){
  253.               document.location.href= ''+id;
  254.         } else {
  255.             alertify.success("Opération annulée avec succès !");
  256.         }
  257.     });
  258. });
  259. $('.update-content-article').click(function(){
  260.     var id = $(this).attr('value');
  261.     $('#modalGestionCatalogueSelect').modal('show');
  262.     $('.wait-chargement-content-module').show();
  263.     $('.content-module-loading').hide();
  264.     $.get('{{ path('users_adminuser_update_article_categorie') }}',{ id: id }, function(data){
  265.         $('.wait-chargement-content-module').hide();
  266.         $('.content-module-loading').show();
  267.         $('.content-module-loading').html(data);
  268.     });
  269. });
  270. $('.suppression_current_article').click(function(){
  271.     id = $(this).attr('value');
  272.     resetNotif();
  273.     alertify.confirm("Êtes-vous certain de vouloir supprimer cet article ?</br></br> <span class='bi bi-info'></span> Rassurez-vous qu'aucune partie n'est liée à cette catégorie </br>", function (e) {
  274.         if(e){
  275.               document.location.href= ''+id;
  276.         } else {
  277.             alertify.success("Opération annulée avec succès !");
  278.         }
  279.     });
  280. });
  281. {% endblock %}