templates/seance/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Seance{% endblock %}
  4. {% block breakcumb %}
  5.     <li class="breadcrumb-item text-muted">
  6.         <a href="{{ path('app_sequence_index') }}" class="text-muted">Sequence</a>
  7.     </li>
  8.     <li class="breadcrumb-item text-muted">
  9.         <a href="{{ path('app_sequence_show',{'id' : seance.refSequence.id}) }}" class="text-muted">Séance</a>
  10.     </li>
  11.     <li class="breadcrumb-item text-dark">Index</li>
  12. {% endblock %}
  13. {% block javascripts %}
  14.     {{ parent() }}
  15.     <script>
  16.         function copyToClipboard(){
  17.             var urlField = document.getElementById("tableToClipboard")
  18.             console.log(urlField)
  19.             var range = document.createRange()
  20.             range.selectNode(urlField)
  21.             window.getSelection().addRange(range)
  22.             navigator.clipboard
  23.                 .writeText(document.querySelector("#tableToClipboard").outerHTML);
  24.             console.log("hey ! ")
  26.         }
  27.     </script>
  28. {% endblock %}
  29. {% block body %}
  30.     <div class="card shadow-sm  mb-5 mb-xl-10">
  31.         <div class="card-header">
  32.             <h3 class="card-title">Séance : {{ seance.titre }} ({{ seance.duree }} h)</h3>
  33.             <div class="card-toolbar">
  34.                 <a type="button" class="btn btn-sm btn-light" href="{{ path('app_seance_edit', {'id': seance.id}) }}">
  35.                     Editer la Séance
  36.                 </a>
  37.                 <a type="button" class="btn btn-sm btn-light" href="{{ path('app_seance_pdf', {'id': seance.id}) }}">
  38.                     <i class="las la-print fs-1"></i>
  39.                 </a>
  40.                 <a type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#kt_modal_1">
  41.                      Pronote
  42.                 </a>
  43.                 <a type="button" class="btn btn-sm btn-light" onclick="copyToClipboard()">
  44.                     c2c
  45.                 </a>
  46.             </div>
  47.         </div>
  48.         <div class="card-body">
  49.             <div class="row ">
  50.                 <!--begin::Col-->
  51.                 <div class="col-xl-6 mb-15 mb-xl-0 pe-5">
  52.                     <h4 class="mb-0">Objectif</h4>
  53.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.objectifIntermediaire }}
  54.                 </div>
  55.                 <!--end::Col-->
  56.                 <!--begin::Col-->
  57.                 <div class="col-xl-6">
  58.                     <h4 class="text-gray-800 mb-0">Prerequis</h4>
  59.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.prerequis }}
  61.                 </div>
  62.                 <!--end::Col-->
  63.             </div>
  64.             <div class="row ">
  65.                 <!--begin::Col-->
  66.                 <div class="col-xl-6 mb-15 mb-xl-0 pe-5">
  67.                     <h4 class="mb-0">Compétences</h4>
  68.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.refCompetences|join(", ") }}
  69.                 </div>
  70.                 <!--end::Col-->
  71.                 <!--begin::Col-->
  72.                 <div class="col-xl-6">
  73.                     <h4 class="text-gray-800 mb-0">Savoir associés</h4>
  74.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.refSavoirTechnologique|join(", ") }}
  76.                 </div>
  77.                 <!--end::Col-->
  78.             </div>
  79.             <div class="row ">
  80.                 <!--begin::Col-->
  81.                 <div class="col-xl-6 mb-15 mb-xl-0 pe-5">
  82.                     <h4 class="mb-0">Déroulé</h4>
  83.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.deroule|nl2br }}
  84.                 </div>
  85.                 <!--end::Col-->
  86.                 <!--begin::Col-->
  87.                 <div class="col-xl-6">
  88.                     <h4 class="text-gray-800 mb-0">Ressources Fournies</h4>
  89.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.ressourcesFournies }}
  91.                 </div>
  92.                 <!--end::Col-->
  93.             </div>
  94.             <div class="row ">
  95.                 <!--begin::Col-->
  96.                 <div class="col-xl-6 mb-15 mb-xl-0 pe-5">
  97.                     <h4 class="mb-0">Remarque</h4>
  98.                     <p class="fs-6 fw-bold text-gray-600 py-4 m-0">{{ seance.remarque }}
  99.                 </div>
  100.                 <!--end::Col-->
  101.             </div>
  102.         </div>
  103.     </div>
  105. <div class="card shadow-sm">
  106.     <div class="card-header">
  107.         <h3 class="card-title">Détail de la séance</h3>
  108.         <div class="card-toolbar">
  109.             <a type="button" class="btn btn-sm btn-light" href="{{ path('app_seance_detail_new',{'id': seance.id}) }}">
  110.                 Ajouter une phase
  111.             </a>
  112.         </div>
  113.     </div>
  114.     <div class="card-body">
  115.         <table id="kt_datatable_example_1" class="table table-striped  table-row-bordered gy-5 gs-7">
  117.         <thead>
  118.         <tr>
  119.             <th>Phase</th>
  120.             <th>Duree</th>
  121.             <th>Materiel</th>
  122.             <th>Deroulement</th>
  123.             <th>ActiviteEleve</th>
  124.             <th>ActiviteProf</th>
  125.             <th>actions</th>
  126.         </tr>
  127.         </thead>
  128.         <tbody>
  129.         {% for seance_detail in seance.refSeancesDetails %}
  130.             <tr>
  131.                 <td>{{ seance_detail.phase }}</td>
  132.                 <td>{{ seance_detail.duree }}</td>
  133.                 <td>{{ seance_detail.materiel }}</td>
  134.                 <td>{{ seance_detail.deroulement }}</td>
  135.                 <td>{{ seance_detail.activiteEleve }}</td>
  136.                 <td>{{ seance_detail.activiteProf }}</td>
  137.                 <td>
  138.                     <a href="{{ path('app_seance_detail_edit', {'id': seance_detail.id}) }}"><i class="lar la-edit fs-1"></i></a>
  139.                 </td>
  140.             </tr>
  141.         {% else %}
  142.             <tr>
  143.                 <td colspan="8">no records found</td>
  144.             </tr>
  145.         {% endfor %}
  146.         </tbody>
  147.     </table>
  149.     </div>
  150.     <div style="display: none">
  151.         <table id="tableToClipboard">
  152.             <tr >
  153.                 <td colspan="2">test</td>
  154.                 <td colspan="2">test</td>
  155.                 <td colspan="2">test</td>
  156.                 <td colspan="2">test</td>
  157.             </tr>
  158.             <tr >
  159.                 <td>test</td>
  160.                 <td>test</td>
  161.             </tr>
  162.             <tr>
  163.                 <td rowspan="2">test</td>
  164.             </tr>
  165.         </table>
  166.     </div>
  167. </div>
  168. {% endblock %}
  169. {% block modal %}
  170.     <div class="modal fade" tabindex="-1" id="kt_modal_1">
  171.         <div class="modal-dialog">
  172.             <div class="modal-content">
  173.                 <div class="modal-header">
  174.                     <h5 class="modal-title">Messgage Pronote</h5>
  176.                     <!--begin::Close-->
  177.                     <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
  178.                         <span class="svg-icon svg-icon-2x"></span>
  179.                     </div>
  180.                     <!--end::Close-->
  181.                 </div>
  183.                 <div class="modal-body">
  184.                     <div class="row">
  185.                         <h3>{{ seance.refSequence.titre }}</h3>
  186.                         <p>
  187.                             <u>Domaine :</u> {{ seance.refSequence.mainCompetences|join(", ") }}<br>
  188.                             <u>Objectif :</u><br> {{ seance.refSequence.objectif|nl2br }}<br>
  189.                             <u>Attendu :</u> {{ seance.refSequence.attendu }}<br>
  190.                             <u>Prérequis :</u> {{ seance.refSequence.prerequis }}<br>
  191.                         </p>
  192.                     </div>
  193.                     <div class="separator my-5"></div>
  194.                     <div class="row ">
  195.                         <h3>{{ seance.titre }}</h3><br>
  196.                         <p>
  197.                             <u>Duree :</u> {{ seance.duree }}<br>
  198.                             <u>Compétences :</u> {{ seance.refSequence.refCompetence|join(", ") }}<br>
  199.                             <u>Savoir Technologiques :</u> {{ seance.refSequence.refSavoirTechnologique|join(", ") }}<br>
  200.                             <u>Objectif Intermediaire :</u><br> {{ seance.objectifIntermediaire|nl2br }}<br>
  201.                             <u>Prérequis :</u> {{ seance.prerequis }}<br><br>
  202.                             <u>Déroule :</u><br> {{ seance.deroule|nl2br }}<br><br>
  203.                             <u>Ressources fournies :</u> {{ seance.ressourcesFournies }}<br>
  204.                             <u>Remarque :</u> {{ seance.remarque }}<br>
  205.                         </p>
  206.                     </div>
  207.                     <div class="separator my-5"></div>
  209.                     <div class="row ">
  210.                         <h3>Detail de la séance</h3><br>
  211.                         {% for seance_detail in seance.refSeancesDetails %}
  212.                         <p><u>Phase {{ seance_detail.phase }} :</u>({{ seance_detail.duree }} min) {{ seance_detail.deroulement }}<br>
  213.                             <i>Activite élève :</i>{{ seance_detail.activiteEleve }}
  214.                             <i>Activite Professeur :</i>{{ seance_detail.activiteProf }}
  215.                         </p>
  216.                             <br>
  217.                         {% endfor %}
  218.                     </div>
  219.                 </div>
  221.                 <div class="modal-footer">
  222.                     <button type="button" class="btn btn-light" data-bs-dismiss="modal">Fermer</button>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.     </div>
  227. {% endblock %}