templates/templates/pages/center/center-schedule-subject.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     <usc-page-header>
  11.         <template v-slot:breadcrumb>
  12.             <ol class="at-breadcrumb">
  13.                 <li class="breadcrumb-item"><a href="{{ path('center-schedule') }}">Horarios</a></li>
  14.                 <li class="breadcrumb-item"><a href="{{ path('center-schedule-subject-list') }}">Materias</a></li>
  15.             </ol>
  16.         </template>
  18.         <h1 class="at-title">Nome da materia</h1>
  20.         <template v-slot:filters>
  21.             <div class="ml-filters-group">
  23.                 <usc-dropdown-filter
  24.                         label="Curso"
  25.                         target-container="#filtered-container-1"
  26.                         target-items=".school-year"
  27.                         :initial-value="{value: 'Curso 2019-2020'}"
  28.                 >
  29.                     <template v-slot:default="slotProps">
  30.                         <li>
  31.                             <a href="">Curso 2019-2020</a>
  32.                         </li>
  33.                         <li>
  34.                             <a href="">Curso 2018-2019</a>
  35.                         </li>
  36.                         <li>
  37.                             <a href="">Curso 2017-2018</a>
  38.                         </li>
  39.                         <li>
  40.                             <a href="">Curso 2016-2017</a>
  41.                         </li>
  42.                         <li>
  43.                             <a href="">Curso 2015-2016</a>
  44.                         </li>
  45.                         <li>
  46.                             <a href="">Curso 2014-2015</a>
  47.                         </li>
  48.                         <li>
  49.                             <a href="">Curso 2013-2014</a>
  50.                         </li>
  51.                         <li>
  52.                             <a href="">Curso 2012-2013</a>
  53.                         </li>
  54.                     </template>
  55.                 </usc-dropdown-filter>
  57.                 <usc-dropdown-filter
  58.                         label="Cuadrimestre"
  59.                         :initial-value="{value: 'Primeiro cuadrimestre'}"
  60.                         id="filtro-cuadrimestre"
  61.                 >
  62.                     <template v-slot:default="slotProps">
  63.                         <li>
  64.                             <button type="button" @click="slotProps.filter" data-value="primeiro-cuadrimestre">Primeiro cuadrimestre</button>
  65.                         </li>
  66.                         <li>
  67.                             <button type="button" @click="slotProps.filter" data-value="segundo-cuadrimestre">Segundo cuadrimestre</button>
  68.                         </li>
  69.                     </template>
  70.                 </usc-dropdown-filter>
  72.                 <usc-dropdown-filter
  73.                         label="Semana"
  74.                         :initial-value="{value: '1ª semana (23out/30out)'}"
  75.                         parent="#filtro-cuadrimestre"
  76.                         id="filtro-semana"
  77.                 >
  78.                     <template v-slot:default="slotProps">
  79.                         <li data-parent="primeiro-cuadrimestre">
  80.                             <button type="button" @click="slotProps.filter" data-value="semana-44">1ª semana (26out/1nov)</button>
  81.                         </li>
  82.                         <li data-parent="primeiro-cuadrimestre">
  83.                             <button type="button" @click="slotProps.filter" data-value="semana-45">2ª semana (2nov/8nov)</button>
  84.                         </li>
  85.                         <li class="is-hidden" data-parent="segundo-cuadrimestre">
  86.                             <button type="button" @click="slotProps.filter" data-value="semana-5">1ª semana (1feb/7feb)</button>
  87.                         </li>
  88.                         <li class="is-hidden" data-parent="segundo-cuadrimestre">
  89.                             <button type="button" @click="slotProps.filter" data-value="semana-6">2ª semana (8feb/14feb)</button>
  90.                         </li>
  91.                     </template>
  92.                 </usc-dropdown-filter>
  94.                 <usc-dropdown-filter
  95.                         label="Tipo"
  96.                         target-container="#filtered-container-selector"
  97.                         target-items=".target-items-selector"
  98.                         id="filtro-tipo"
  99.                 >
  100.                     <template v-slot:default="slotProps">
  101.                         <li>
  102.                             <button type="button" @click="slotProps.reset">Todos os tipos</button>
  103.                         </li>
  104.                         <li>
  105.                             <button type="button" @click="slotProps.filter" data-value="expositiva">Expositivas</button>
  106.                         </li>
  107.                         <li>
  108.                             <button type="button" @click="slotProps.filter" data-value="seminario">Seminarios</button>
  109.                         </li>
  110.                         <li>
  111.                             <button type="button" @click="slotProps.filter" data-value="laboratorio">Laboratorio
  112.                             </button>
  113.                         </li>
  114.                         <li>
  115.                             <button type="button" @click="slotProps.filter" data-value="titorias">Titorías</button>
  116.                         </li>
  117.                     </template>
  118.                 </usc-dropdown-filter>
  120.                 <usc-dropdown-filter
  121.                         label="Grupo"
  122.                         target-container="#filtered-container-selector"
  123.                         target-items=".target-items-selector"
  124.                         parent="#filtro-tipo"
  125.                 >
  126.                     <template v-slot:default="slotProps">
  127.                         <li>
  128.                             <button type="button" @click="slotProps.reset">Todos os grupos</button>
  129.                         </li>
  130.                         <li data-parent="expositiva">
  131.                             <button type="button" @click="slotProps.filter" data-value="cle_1">Grupo /CLE_1</button>
  132.                         </li>
  133.                         <li data-parent="expositiva">
  134.                             <button type="button" @click="slotProps.filter" data-value="cle_2">Grupo /CLE_2</button>
  135.                         </li>
  136.                         <li data-parent="expositiva">
  137.                             <button type="button" @click="slotProps.filter" data-value="cle_3">Grupo /CLE_3</button>
  138.                         </li>
  139.                         <li data-parent="seminario">
  140.                             <button type="button" @click="slotProps.filter" data-value="clis_1">Grupo /CLIS_1</button>
  141.                         </li>
  142.                         <li data-parent="seminario">
  143.                             <button type="button" @click="slotProps.filter" data-value="clis_2">Grupo /CLIS_2</button>
  144.                         </li>
  145.                         <li data-parent="laboratorio">
  146.                             <button type="button" @click="slotProps.filter" data-value="clil_1">Grupo /CLIL_1</button>
  147.                         </li>
  148.                         <li data-parent="laboratorio">
  149.                             <button type="button" @click="slotProps.filter" data-value="clil_2">Grupo /CLIL_2</button>
  150.                         </li>
  151.                     </template>
  152.                 </usc-dropdown-filter>
  154.             </div>
  155.         </template>
  156.     </usc-page-header>
  157. {% endblock %}
  159. {% block pageContent %}
  161.     <section class="org-tier is-minimal">
  162.         <div class="tier-content" id="filtered-container-selector">
  163.             <div class="row">
  164.                 <div class="col-md-6" id="weeks-container">
  165.                     <table
  166.                             class="ml-table is-primary"
  167.                             v-table-hide-headers="[{header: '.luns-header', items: '.luns-content'}, {header: '.martes-header', items: '.martes-content'}, {header: '.mercores-header', items: '.mercores-content'}]"
  168.                     >
  169.                         <caption>1º Cuadrimestre - 1ª semana (23out/30out)</caption>
  170.                         <tbody>
  171.                         <tr class="luns-header">
  172.                             <th colspan="3">Luns</th>
  173.                         </tr>
  174.                         <tr class="target-items-selector expositiva cle_1 luns-content">
  175.                             <td>00:00-00:00</td>
  176.                             <td>Grupo CLE_1</td>
  177.                             <td>Nome da aula</td>
  178.                         </tr>
  179.                         <tr class="target-items-selector expositiva cle_2 luns-content">
  180.                             <td>00:00-00:00</td>
  181.                             <td>Grupo CLE_2</td>
  182.                             <td>Nome da aula</td>
  183.                         </tr>
  184.                         <tr class="target-items-selector expositiva cle_3 luns-content">
  185.                             <td>00:00-00:00</td>
  186.                             <td>Grupo CLE_3</td>
  187.                             <td>Nome da aula</td>
  188.                         </tr>
  189.                         <tr class="target-items-selector seminario clis_2 luns-content">
  190.                             <td>00:00-00:00</td>
  191.                             <td>Grupo CLIS_2</td>
  192.                             <td>Nome da aula</td>
  193.                         </tr>
  194.                         <tr class="target-items-selector seminario clis_1 luns-content">
  195.                             <td>00:00-00:00</td>
  196.                             <td>Grupo CLIS_1</td>
  197.                             <td>Nome da aula</td>
  198.                         </tr>
  199.                         <tr class="target-items-selector laboratorio clil_2 luns-content">
  200.                             <td>00:00-00:00</td>
  201.                             <td>Grupo CLIL_2</td>
  202.                             <td>Nome da aula</td>
  203.                         </tr>
  204.                         <tr class="martes-header">
  205.                             <th colspan="3">Martes</th>
  206.                         </tr>
  207.                         <tr class="target-items-selector seminario clis_1 martes-content">
  208.                             <td>00:00-00:00</td>
  209.                             <td>Grupo CLIS_1</td>
  210.                             <td>Nome da aula</td>
  211.                         </tr>
  212.                         <tr class="target-items-selector seminario clis_2 martes-content">
  213.                             <td>00:00-00:00</td>
  214.                             <td>Grupo CLIS_2</td>
  215.                             <td>Nome da aula</td>
  216.                         </tr>
  217.                         <tr class="target-items-selector seminario clis_1 martes-content">
  218.                             <td>00:00-00:00</td>
  219.                             <td>Grupo CLIS1</td>
  220.                             <td>Nome da aula</td>
  221.                         </tr>
  222.                         <tr class="mercores-header">
  223.                             <th colspan="3">Mércores</th>
  224.                         </tr>
  225.                         <tr class="target-items-selector seminario clis_2 mercores-content">
  226.                             <td>00:00-00:00</td>
  227.                             <td>Grupo CLIS_2</td>
  228.                             <td>Nome da aula</td>
  229.                         </tr>
  230.                         <tr class="target-items-selector seminario clis_2 mercores-content">
  231.                             <td>00:00-00:00</td>
  232.                             <td>Grupo CLIS_2</td>
  233.                             <td>Nome da aula</td>
  234.                         </tr>
  235.                         <tr class="target-items-selector seminario clis_1 mercores-content">
  236.                             <td>00:00-00:00</td>
  237.                             <td>Grupo CLIS_1</td>
  238.                             <td>Nome da aula</td>
  239.                         </tr>
  240.                         </tbody>
  241.                     </table>
  242.                 </div>
  243.                 <div class="col-md-6">
  244.                     <table class="ml-table is-primary">
  245.                         <caption>Exames</caption>
  246.                         <tbody>
  247.                         <tr class="target-items-selector seminario clis_1">
  248.                             <td>Data+Hora</td>
  249.                             <td>Grupo CLIS_1</td>
  250.                             <td>Nome da aula</td>
  251.                         </tr>
  252.                         <tr class="target-items-selector seminario clis_2">
  253.                             <td>Data+Hora</td>
  254.                             <td>Grupo CLIS_2</td>
  255.                             <td>Nome da aula</td>
  256.                         </tr>
  257.                         <tr class="target-items-selector laboratorio clil_1">
  258.                             <td>Data+Hora</td>
  259.                             <td>Grupo CLIL_1</td>
  260.                             <td>Nome da aula</td>
  261.                         </tr>
  262.                         <tr class="target-items-selector laboratorio clil_2">
  263.                             <td>Data+Hora</td>
  264.                             <td>Grupo CLIL_2</td>
  265.                             <td>Nome da aula</td>
  266.                         </tr>
  267.                         </tbody>
  268.                     </table>
  270.                     <table class="ml-table is-primary">
  271.                         <caption>Profesorado</caption>
  272.                         <tbody>
  273.                         <tr>
  274.                             <td><a href="">Nome Apelido Apelido</a></td>
  275.                             <td>Coordinador/a</td>
  276.                         </tr>
  277.                         <tr>
  278.                             <td colspan="2"><a href="">Nome Apelido Apelido</a></td>
  279.                         </tr>
  280.                         <tr>
  281.                             <td colspan="2"><a href="">Nome Apelido Apelido</a></td>
  282.                         </tr>
  283.                         </tbody>
  284.                     </table>
  285.                 </div>
  286.             </div>
  287.         </div>
  288.     </section>
  291. {% endblock %}
  293. {% block siteFooter %}
  294.     {% include 'organisms/site-footer.html.twig' %}
  295. {% endblock %}
  297. {% block javascripts %}
  298.     {{ parent() }}
  300.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  302.     <script type="text/javascript">
  303.       $(function () {
  304.         window.uscUi.eventBus.$on('dropdown-filter-changed', function (filterId, value) {
  305.             if (filterId === 'filtro-semana' && value) {
  306.               $.get('{{ path('center-schedule-subject_ajax') }}', function (data) {
  307.                 $('#weeks-container').html(data);
  308.                 window.uscUi.render('#weeks-container');
  309.                 window.uscUi.eventBus.$emit('dropdown-reload-items');
  310.               });
  311.             }
  312.         });
  313.       });
  314.     </script>
  315. {% endblock %}