templates/content/structure/show.html.twig line 70

Open in your IDE?
  1. {% extends 'content/baseImmemory.html.twig' %}
  2. {# extends 'realisations/immemory/base.html.twig' #}
  4. {% block title %}{{ stack.nom }} {% endblock %}
  6. {% block body %}
  7.   <div class="col-12 menuShow">
  8.     {% include "content/structure/breadcrumb.html.twig" %}
  9.   </div>
  12.   <div class="container-fluid">
  13.     <div class="row fondintro">
  15.       <div class="col-12 titreCard">
  16.         <h1>
  17.           {{ stack.nom }}
  18.         </h1>
  19.       </div>
  21.       <div class="col-12 col-md-6 showAdmin">
  22.         <div class="zonesImg{{ stack.id }}" style="position:relative; ">
  23.           <img src="{{ pathLocal }}/{{ stack.urlImage }}" alt="{{ stack.urlImage }}" class=" img-fluid">
  24.           {% include "content/structure/zonesActives.html.twig" %}
  25.         </div>
  26.       </div>
  28.       <div class="col-12 col-md-6">
  30.         <div class="col-12 details">
  31.           <ul>
  32.             <li>Id : <span class="categorie_details">{{ stack.id }}</span></li>
  33.             <li>Catégorie : <span class="categorie_details">{{ stack.Scategorie.nom }}</span></li>
  34.             <li>Séquence : <span class="categorie_details">{{ stack.Ssequence.nom }}</span></li>
  35.             <li>Card : <span class="categorie_details">{{ stack.nom }}</span></li>
  36.           </ul>
  37.         </div>
  39.         <div class="col-12 showBtns">
  40.           <a class="btn btnImmemory" href="{{ path('front_cdrom_900_ciblebif', {'id': stack.id}) }}" target="_blank">
  41.             voir dans CDRom
  42.           </a>
  44.           {% if app.user is not null %}
  45.             {% for role in app.user.roles  %}
  46.               {% if role == "ROLE_ADMIN" %}
  47.                 <a class="btn btnImmemory" href="{{ path('admin_stacks_edit', {'id': stack.id}) }}">
  48.                   Modifier
  49.                 </a>
  50.                 <a class="btn btnImmemory" href="{{ path('admin_stacks_delete', {'id': stack.id}) }}">
  51.                   Supprimer
  52.                 </a>
  53.               {% else %}
  54.               {% endif %}
  55.             {% endfor %}
  56.           {% endif %}
  58.           {% if recherche == 0 %}
  59.             <a class="btn btnImmemory rouge" href="{{ urlBack }}">
  60.           {% else %}
  61.             <a class="btn btnImmemory rouge" href="{{ path('webSite_stacks_sequence_recherche', {'page': 1, 'search': recherche }) }}">
  62.           {% endif %}
  63.               Retour
  64.             </a>
  65.         </div>
  67.         <div class="listNav">
  68.           <h3>Navigation :</h3>
  69.           <div id="navigationImmemory" class="">
  70.             {% include "content/structure/menuZonesActives.html.twig" %}
  71.           </div>
  72.         </div>
  74.         {% if app.user is not null %}
  75.           <h3>Commentaires :</h3>
  76.           {% if stack.commentaires|length == 0 %}
  77.             Pas de Commentaire
  78.           {% else %}
  79.             {% for comm in stack.commentaires %}
  80.               <div class="commentaire" style="background-color:beige; padding:7px 7px 0 7px;border: 1px solid grey;">
  81.                 {{ comm.texte|raw }}
  82.                 <div class="row" style="padding:4px 0; border-top:1px solid grey; ">
  84.                   <div class="col-6" style="text-align: left;">
  85.                     <small> {{ comm.userCrea[0].username|slice(0, 1) | capitalize }}{{ comm.userCrea[0].id }} le {{ comm.dateModif|date("d m Y") }} à {{ comm.dateModif|date("H:i:s") }} </small>
  86.                   </div>
  88.                   <div class="col-6" style="text-align:right;">
  89.                     {% if app.user.id == comm.userCrea[0].id or app.user.roles[0] == "ROLE_ADMIN" %}
  90.                       <a id="btnModifComm_{{ comm.id }}" href="#ligne_{{ stack.id }}" class="btn btn-sm btn-warning" title="Modifier">
  91.                         <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
  92.                       </a>
  93.                       <a id="btnSupprComm_{{ comm.id }}" href="#ligne_{{ stack.id }}" class="btn btn-sm btn-danger" title="Effacer">
  94.                         <i class="fa fa-trash" aria-hidden="true"></i>
  95.                       </a>
  96.                     {% endif %}
  97.                   </div>
  99.                 </div>
  100.               </div>
  101.             {% endfor %}
  102.           {% endif %}
  103.         {% else %}
  104.         {% endif %}
  105.         <br><br>
  108.         <h3>Médias :</h3>
  109.         {% if stack.film.nom is defined and stack.film.nom != "-" and stack.film.nom != "Vide" and stack.film.id != 1 %}
  110.           <!-- film -->
  111.           <h3>Movies :</h3>
  112.           <h5> {{ stack.film.id }}. {{ stack.film.nom }} </h5>
  113.         {% else %}
  114.           <i> No clip</i> <br>
  115.         {% endif %}
  116.         <br><br>
  119.         {% if stack.transitIn.son0 is defined and stack.transitIn.son0 is not null %}
  120.           <!-- Son -->
  121.           <h3>Sound :</h3>
  122.           <h5>  {{ stack.transitIn.son0 }} </h5>
  123.         {% else %}
  124.           <i>No sound </i><br>
  125.         {% endif %}
  127.       </div>
  129.       <div id="txt" class=" col-12 textShowAdmin">
  130.         {% if stack.texte is defined and stack.texte is not null %}
  131.           <!-- Texte -->
  132.           <h3>Text :</h3>
  133.           <p>  {{ stack.texte|raw }} </p>
  134.         {% else %}
  135.           <i> No text</i> <br>
  136.         {% endif %}
  137.       </div>
  139.     </div>
  140.   </div>
  142.   <div id="fondForm" class="fondForm" style="
  143.                 background-color: black;
  144.                 position: fixed;
  145.                 display: none;
  146.                 width: 100%;
  147.                 height: 100%; color:white;
  148.                 top:0; left:0; z-index:200; opacity:1;">
  150.       <div class="container">
  151.         <div class="row justify-content-center">
  153.           <div id="contenuForm" class="col-12">
  154.           </div>
  156.         </div>
  157.       </div>
  159.   </div>
  162. {% endblock %}
  165. {% block javascripts %}
  166. <script type="text/javascript">
  167.   $(function(){
  169. // ---------------------------------------
  171. // gestion du bouton ajouter un commentaire
  172. $('[id ^= "btnAjouteComm_"]').click(function(){
  174.   // recup code
  175.   monid = $(this).attr('id').substr(14);
  176.   console.log( monid );
  178.   // affiche le fond du formulaire
  179.   $("#fondForm").show(145);
  181.   // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  182.   $.ajax({
  183.     type: "POST",
  184.     url: "{{ path('membre_stacks_commentaire_formAjoute') }}",
  185.     data: {
  186.       cardId: $(this).attr('id').substr(14),
  187.     },
  188.     success: function(msg)
  189.     {
  190.       // affiche le code de la stack
  191.       $( "#contenuForm" ).html( msg );
  193.       $("#btnCloseForm").click(function(){
  194.         $("#fondForm").hide(145);
  195.       });
  197.       $("#btnCloseForm2").click(function(){
  198.         $("#fondForm").hide(145);
  199.       });
  201.       $('[name ^= "form"]').submit(function(evt){
  202.         evt.preventDefault();
  204.         // recup données
  205.         texte = CKEDITOR.instances['form_texte'].getData()
  207.         $.ajax({
  208.           type: "POST",
  209.           url: "{{ path('membre_stacks_commentaire_formTraitement') }}",
  210.           data: {
  211.             texte: texte,
  212.             monid: monid,
  213.           },
  214.           success: function(msg2)
  215.           {
  216.             console.log("formTraitement " + msg2['ok']);
  217.             $("#fondForm").hide(145);
  218.             location.reload(true);
  219.           }
  220.         });
  222.         console.log("submit form " + texte);
  223.       });
  225.     }
  226.   });
  228. });
  230. // gestion du bouton ajouter un commentaire
  231. $('[id ^= "btnModifComm_"]').click(function(){
  232.   // recup code
  233.   monid = $(this).attr('id').substr(13);
  234.   console.log( monid );
  236.   // affiche le fond du formulaire
  237.   $("#fondForm").show(145);
  239.   // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  240.   $.ajax({
  241.     type: "POST",
  242.     url: "{{ path('membre_stacks_commentaire_formModif') }}",
  243.     data: {
  244.       commId: monid,
  245.     },
  246.     success: function(msg)
  247.     {
  248.       // affiche le code de la stack
  249.       $( "#contenuForm" ).html( msg );
  251.       $("#btnCloseForm").click(function(){
  252.         $("#fondForm").hide(145);
  253.         $( "#contenuForm" ).html( "" );
  254.       });
  256.       $("#btnCloseForm2").click(function(){
  257.         $("#fondForm").hide(145);
  258.         $( "#contenuForm" ).html( "" );
  259.       });
  261.       //
  262.       $('[name ^= "form"]').submit(function(evt){
  263.         evt.preventDefault();
  265.         // recup données
  266.         texte = CKEDITOR.instances['form_texte'].getData()
  268.         $.ajax({
  269.           type: "POST",
  270.           url: "{{ path('membre_stacks_commentaire_formModifTraitement') }}",
  271.           data: {
  272.             texte: texte,
  273.             monid: monid,
  274.           },
  275.         /*
  276.         */
  277.           success: function(msg2)
  278.           {
  279.             console.log("formModifTraitement " + msg2['ok']);
  280.             $("#fondForm").hide(145);
  281.             $( "#contenuForm" ).html( "" );
  282.             location.reload(true);
  283.           }
  284.         });
  286.         console.log("submit form " + texte);
  287.       });
  289.     }
  290.   });
  292. });
  294. // gestion du bouton ajouter un commentaire
  295. $('[id ^= "btnSupprComm_"]').click(function(){
  296.   // recup code
  297.   monid = $(this).attr('id').substr(13);
  298.   console.log( monid );
  300.   // affiche le fond du formulaire
  301.   $("#fondForm").show(145);
  303.   // charge le formulaire d'ajout de commentaire dans le fond du formulaire
  304.   $.ajax({
  305.     type: "POST",
  306.     url: "{{ path('membre_stacks_commentaire_formSuppr') }}",
  307.     data: {
  308.       commId: monid,
  309.     },
  310.     success: function(msg)
  311.     {
  312.       // affiche le code de la stack
  313.       $( "#contenuForm" ).html( msg );
  315.       $("#btnCloseForm").click(function(){
  316.         $("#fondForm").hide(145);
  317.         $( "#contenuForm" ).html( "" );
  318.       });
  320.       $("#btnCloseForm2").click(function(){
  321.         $("#fondForm").hide(145);
  322.         $( "#contenuForm" ).html( "" );
  323.       });
  325.       //
  326.       $('[id ^= "btnSuppCommOui_"]').click(function(){
  327.         console.log("oui");
  329.         $.ajax({
  330.           type: "POST",
  331.           url: "{{ path('membre_stacks_commentaire_formSupprTraitement') }}",
  332.           data: {
  333.             monid: monid,
  334.           },
  335.           success: function(msg2)
  336.           {
  337.             console.log("formSupprTraitement " + msg2['ok']);
  338.             $("#fondForm").hide(145);
  339.             $( "#contenuForm" ).html( "" );
  340.             location.reload(true);
  341.           }
  342.           /*
  343.           */
  344.         });
  346.       });
  348.     }
  349.   });
  351. });
  357. });
  358. </script>
  360. {% endblock %}