templates/content/structure/index.html.twig line 1

Open in your IDE?
  1. {% extends 'content/baseImmemory.html.twig' %}
  3. {% block title %}Stacks index{% endblock %}
  5. {% block body %}
  7.   {{ app.session.set('test', path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))) }}
  9.     {% include "content/structure/breadcrumb.html.twig" %}
  10.     {% include "content/structure/categorieNavBar.html.twig" %}
  11.     {% include "content/structure/titrePage.html.twig" %}
  13.     {% if seq is not defined %}
  14.       {% if app.user is not null %}
  15.         {% include "content/structure/pagination.html.twig" %}
  16.       {% else %}
  17.         {% include "content/structure/paginationV.html.twig" %}
  18.       {% endif %}
  19.     {% endif %}
  21.     {% include "content/structure/tableauResult.html.twig" %}
  23.     {% if seq is not defined %}
  24.       {% if app.user is not null %}
  25.         {% include "content/structure/pagination.html.twig" %}
  26.       {% else %}
  27.         {% include "content/structure/paginationV.html.twig" %}
  28.       {% endif %}
  29.     {% endif %}
  31.     <br>
  33.     <a class="btn btnImmemoryShowAjout mObile" href="{{ path('admin_stacks_new') }}">Ajouter une card</a>
  35.     </div>
  37.     <div id="fondForm" class="fondForm" style="
  38.     background-color: black;
  39.     position: fixed;
  40.     display: none;
  41.     width: 100%;
  42.     height: 100%; color:white;
  43.     top:0; left:0; z-index:200; opacity:1; padding:60px 0; overflow:auto;">
  45.       <div class="container">
  46.         <div class="row justify-content-center">
  48.           <div id="contenuForm" class="col-12">
  49.           </div>
  51.         </div>
  52.       </div>
  53.     </div>
  55.     {% include "content/structure/commentaires/caseModal.html.twig" %}
  58. {% endblock %}
  61. {% block javascripts %}
  62. <script type="text/javascript">
  63.   $(function(){
  65.     {% include 'content/structure/commentaires/jquery/script.html.twig' %}
  67.     // gestion du bouton verif pour le status
  68.     $('[id ^= "btnStatus"]').click(function(){
  70.       // recup code
  71.       monBtn = $(this).attr('id');
  72.       macase = $(this).parent().html();
  73.       maligne = $(this).parent().parent().parent();
  75.       // AJAX change le status de la stack $(this).attr('id').substr(9)
  76.       $.ajax({
  77.         type: "POST",
  78.         url: "{{ path('admin_stacks_changeStatus') }}",
  79.         data: {
  80.           id: $(this).attr('id').substr(9),
  81.         },
  82.         success: function(msg){
  83.           if(msg == 1)
  84.           {
  85.             maligne.find('td').css('background-color', 'green');
  86.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-1");
  87.             if(btn1.is(':checked') === false) {
  88.               btn1.prop('checked', true);
  89.             }
  90.           }
  91.           else if(msg == 2)
  92.           {
  93.             maligne.find('td').css('background-color', 'crimson');
  94.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-2");
  95.             if(btn1.is(':checked') === false) {
  96.               btn1.prop('checked', true);
  97.             }
  98.           }
  99.           else if(msg == 3)
  100.           {
  101.             maligne.find('td').css('background-color', 'orange');
  102.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-3");
  103.             if(btn1.is(':checked') === false) {
  104.               btn1.prop('checked', true);
  105.             }
  106.           }
  107.           else if(msg == 4)
  108.           {
  109.             maligne.find('td').css('background-color', 'lightskyblue');
  110.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-4");
  111.             if(btn1.is(':checked') === false) {
  112.               btn1.prop('checked', true);
  113.             }
  114.           }
  115.           else if(msg == 5)
  116.           {
  117.             maligne.find('td').css('background-color', 'yellow');
  118.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-5");
  119.             if(btn1.is(':checked') === false) {
  120.               btn1.prop('checked', true);
  121.             }
  122.           }
  123.           else if(msg == 6)
  124.           {
  125.             maligne.find('td').css('background-color', 'mediumpurple');
  126.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-6");
  127.             if(btn1.is(':checked') === false) {
  128.               btn1.prop('checked', true);
  129.             }
  130.           }
  131.           else if(msg == 7)
  132.           {
  133.             maligne.find('td').css('background-color', 'grey');
  134.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-7");
  135.             if(btn1.is(':checked') === false) {
  136.               btn1.prop('checked', true);
  137.             }
  138.           }
  139.           else if(msg == 8)
  140.           {
  141.             maligne.find('td').css('background-color', 'white');
  142.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-8");
  143.             if(btn1.is(':checked') === false) {
  144.               btn1.prop('checked', true);
  145.             }
  146.           }
  147.           else
  148.           {
  149.             maligne.find('td').css('background-color', '#999');
  150.             var btn1 = $("#statusRadioz"+monBtn.substr(9)+"-1");
  151.             var btn2 = $("#statusRadioz"+monBtn.substr(9)+"-2");
  152.             var btn3 = $("#statusRadioz"+monBtn.substr(9)+"-3");
  153.             var btn4 = $("#statusRadioz"+monBtn.substr(9)+"-4");
  154.             var btn5 = $("#statusRadioz"+monBtn.substr(9)+"-5");
  155.             var btn6 = $("#statusRadioz"+monBtn.substr(9)+"-6");
  156.             var btn7 = $("#statusRadioz"+monBtn.substr(9)+"-7");
  157.             var btn8 = $("#statusRadioz"+monBtn.substr(9)+"-8");
  158.             btn1.prop('checked', false);
  159.             btn2.prop('checked', false);
  160.             btn3.prop('checked', false);
  161.             btn4.prop('checked', false);
  162.             btn5.prop('checked', false);
  163.             btn6.prop('checked', false);
  164.             btn7.prop('checked', false);
  165.             btn8.prop('checked', false);
  166.           }
  168.           //alert(msg + "polop" + $(this).html() );
  169.           //alert(maligne + "polop" + msg );
  170.         }
  171.       });
  174.       //alert( $(this).attr('id').substr(9) );
  175.     });
  177.     // gestion des btnRadio pour le status
  178.     $('[name^=statusRadioz]').change(function(){
  179.       // recup code
  180.       monBtn = $(this).attr('id');
  181.       //console.log("monBtn : "+monBtn);
  182.       macase = $(this).parent().html();
  183.       //console.log("macase : "+macase);
  184.       maligne = $(this).parent().parent().parent().parent();
  185.       //console.log("maligne : "+maligne);
  186.       monoption = $(this).val();
  187.       //console.log("monoption : "+monoption);
  189.       // AJAX change le status de la stack $(this).attr('id').substr(9)
  190.       $.ajax({
  191.         type: "POST",
  192.         url: "{{ path('admin_stacks_changeStatusRadio') }}",
  193.         data: {
  194.           id: $(this).attr('name').substr(12),
  195.           val: $(this).val(),
  196.         },
  197.         success: function(msg){
  198.           if(msg == 1)
  199.           {
  200.             maligne.find('td').css('background-color', 'green');
  201.           }
  202.           else if(msg == 2)
  203.           {
  204.             maligne.find('td').css('background-color', 'crimson');
  205.           }
  206.           else if(msg == 3)
  207.           {
  208.             maligne.find('td').css('background-color', 'orange');
  209.           }
  210.           else if(msg == 4)
  211.           {
  212.             maligne.find('td').css('background-color', 'lightskyblue');
  213.           }
  214.           else if(msg == 5)
  215.           {
  216.             maligne.find('td').css('background-color', 'yellow');
  217.           }
  218.           else if(msg == 6)
  219.           {
  220.             maligne.find('td').css('background-color', 'mediumpurple');
  221.           }
  222.           else if(msg == 7)
  223.           {
  224.             maligne.find('td').css('background-color', 'grey');
  225.           }
  226.           else if(msg == 8)
  227.           {
  228.             maligne.find('td').css('background-color', 'white');
  229.           }
  230.           else
  231.           {
  232.             maligne.find('td').css('background-color', '#999');
  233.           }
  234.           //alert(msg + "polop" + $(this).html() );
  235.           //alert(maligne + "polop" + msg );
  236.         }
  237.       });
  239.       //console.log($(this).attr("name").substr(12));
  240.     });
  243.     // ---------------------------------------
  245.     // gestion du bouton ajouter un commentaire
  246.     $('[id ^= "btnAjouteComm_"]').click(function(){
  248.       // recup code
  249.       monid = $(this).attr('id').substr(14);
  250.       console.log( monid );
  252.       // affiche le fond du formulaire
  253.       $("#fondForm").show(500);
  255.       // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  256.       $.ajax({
  257.         type: "POST",
  258.         url: "{{ path('membre_stacks_commentaire_formAjoute') }}",
  259.         data: {
  260.           cardId: $(this).attr('id').substr(14),
  261.         },
  262.         success: function(msg)
  263.         {
  264.           // affiche le code de la stack
  265.           $( "#contenuForm" ).html( msg );
  267.           // action des btns CloseForm
  268.           $("#btnCloseForm").click(function(){
  269.             $("#fondForm").hide(145);
  270.           });
  271.           $("#btnCloseForm2").click(function(){
  272.             $("#fondForm").hide(145);
  273.           });
  275.           // action de soumission du formulaire
  276.           $('[name ^= "form"]').submit(function(evt){
  277.             evt.preventDefault();
  279.             // recup données
  280.             texte = CKEDITOR.instances['form_texte'].getData()
  282.             $.ajax({
  283.               type: "POST",
  284.               url: "{{ path('membre_stacks_commentaire_formTraitement') }}",
  285.               data: {
  286.                 texte: texte,
  287.                 monid: monid,
  288.               },
  289.               success: function(msg2)
  290.               {
  291.                 console.log("formTraitement " + msg2['ok']);
  292.                 $("#fondForm").hide(145);
  293.                 location.reload(true);
  294.               }
  295.             });
  297.             console.log("submit form " + texte);
  298.           });
  300.         }
  301.       });
  303.     });
  305.     // gestion du bouton ajouter un commentaire
  306.     $('[id ^= "btnModifComm_"]').click(function(){
  307.       // recup code
  308.       monid = $(this).attr('id').substr(13);
  309.       console.log( monid );
  311.       // affiche le fond du formulaire
  312.       $("#fondForm").show(145);
  314.       // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  315.       $.ajax({
  316.         type: "POST",
  317.         url: "{{ path('membre_stacks_commentaire_formModif') }}",
  318.         data: {
  319.           commId: monid,
  320.         },
  321.         success: function(msg)
  322.         {
  323.           // affiche le code de la stack
  324.           $( "#contenuForm" ).html( msg );
  326.           $("#btnCloseForm").click(function(){
  327.             $("#fondForm").hide(145);
  328.             $( "#contenuForm" ).html( "" );
  329.           });
  331.           $("#btnCloseForm2").click(function(){
  332.             $("#fondForm").hide(145);
  333.             $( "#contenuForm" ).html( "" );
  334.           });
  336.           //
  337.           $('[name ^= "form"]').submit(function(evt){
  338.             evt.preventDefault();
  340.             // recup données
  341.             texte = CKEDITOR.instances['form_texte'].getData()
  343.             $.ajax({
  344.               type: "POST",
  345.               url: "{{ path('membre_stacks_commentaire_formModifTraitement') }}",
  346.               data: {
  347.                 texte: texte,
  348.                 monid: monid,
  349.               },
  350.             /*
  351.             */
  352.               success: function(msg2)
  353.               {
  354.                 console.log("formModifTraitement " + msg2['ok']);
  355.                 $("#fondForm").hide(145);
  356.                 $( "#contenuForm" ).html( "" );
  357.                 location.reload(true);
  358.               }
  359.             });
  361.             console.log("submit form " + texte);
  362.           });
  364.         }
  365.       });
  367.     });
  369.     // gestion du bouton ajouter un commentaire
  370.     $('[id ^= "btnSupprComm_"]').click(function(){
  371.       // recup code
  372.       monid = $(this).attr('id').substr(13);
  373.       console.log( monid );
  375.       // affiche le fond du formulaire
  376.       $("#fondForm").show(145);
  378.       // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  379.       $.ajax({
  380.         type: "POST",
  381.         url: "{{ path('membre_stacks_commentaire_formSuppr') }}",
  382.         data: {
  383.           commId: monid,
  384.         },
  385.         success: function(msg)
  386.         {
  387.           // affiche le code de la stack
  388.           $( "#contenuForm" ).html( msg );
  390.           $("#btnCloseForm").click(function(){
  391.             $("#fondForm").hide(145);
  392.             $( "#contenuForm" ).html( "" );
  393.           });
  395.           $("#btnCloseForm2").click(function(){
  396.             $("#fondForm").hide(145);
  397.             $( "#contenuForm" ).html( "" );
  398.           });
  400.           //
  401.           $('[id ^= "btnSuppCommOui_"]').click(function(){
  402.             console.log("oui");
  404.             $.ajax({
  405.               type: "POST",
  406.               url: "{{ path('membre_stacks_commentaire_formSupprTraitement') }}",
  407.               data: {
  408.                 monid: monid,
  409.               },
  410.               success: function(msg2)
  411.               {
  412.                 console.log("formSupprTraitement " + msg2['ok']);
  413.                 $("#fondForm").hide(145);
  414.                 $( "#contenuForm" ).html( "" );
  415.                 location.reload(true);
  416.               }
  417.               /*
  418.               */
  419.             });
  421.           });
  423.         }
  424.       });
  426.     });
  432.   });
  433. </script>
  434. {% endblock %}