templates/templates/pages/center/center-schedule-classroom.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-classroom-list') }}">Aulas</a></li>
  15.             </ol>
  16.         </template>
  18.         <h1 class="at-title">Nome da aula</h1>
  20.         <template v-slot:filters>
  21.             <div class="ml-filters-group">
  22.                 <div data-drupal-selector="edit-container" id="edit-container" class="form-group has-button is-minimal js-form-wrapper form-wrapper">
  23.                     <div class="js-form-item form-item js-form-type-date form-item-from js-form-item-from form-no-label">
  24.                         <input type="date" data-drupal-selector="edit-from" data-drupal-date-format="Y-m-d" id="edit-from" name="from" value="2021-04-14" required="required" aria-required="true" class="form-date required form-control">
  25.                     </div>
  26.                     <input data-drupal-selector="edit-view" type="submit" id="edit-view" name="op" value="Ver" class="button js-form-submit form-submit form-control load-date-filter">
  27.                     <div class="ajax-progress ajax-progress-throbber is-hidden">
  28.                         <div class="throbber">&nbsp;</div>
  29.                         <div class="message">Espere, por favor...</div>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         </template>
  34.     </usc-page-header>
  35. {% endblock %}
  37. {% block pageContent %}
  39.     <section class="org-tier">
  40.         <div class="tier-content" id="date-container">
  41.             <div class="row is-type-1">
  42.                 <div class="col-md-6 col-lg-6">
  43.                     <table class="ml-table is-primary has-align-top is-monday">
  44.                         <thead>
  45.                         <tr>
  46.                             <th colspan="2">Mañá</th>
  47.                         </tr>
  48.                         </thead>
  49.                         <tbody>
  50.                         <tr>
  51.                             <td class="col-20">00:00-00:00</td>
  52.                             <td>
  53.                                 <ul class="is-unstyled-list">
  54.                                   <li>Nome da materia agrupado polo nome de contido / Outro nome da materia agrupado polo nome de contido</li>
  55.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  56.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  57.                                 </ul>
  58.                             </td>
  59.                         </tr>
  60.                         <tr>
  61.                             <td class="col-20">00:00-00:00</td>
  62.                             <td>
  63.                                 <ul class="is-unstyled-list">
  64.                                   <li>Nome da materia agrupado polo nome de contido</li>
  65.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  66.                                 </ul>
  67.                             </td>
  68.                         </tr>
  69.                         <tr>
  70.                             <td class="col-20">00:00-00:00</td>
  71.                             <td>
  72.                                 <ul class="is-unstyled-list">
  73.                                   <li>Nome da materia agrupado polo nome de contido</li>
  74.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  75.                                 </ul>
  76.                             </td>
  77.                         </tr>
  78.                         <tr>
  79.                             <td class="col-20">00:00-00:00</td>
  80.                             <td>
  81.                                 <ul class="is-unstyled-list">
  82.                                     <li>Nome da materia agrupado polo nome de contido</li>
  83.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  84.                                 </ul>
  85.                             </td>
  86.                         </tr>
  87.                         </tbody>
  88.                     </table>
  89.                 </div>
  90.                 <div class="col-md-6 col-lg-6">
  91.                     <table class="ml-table is-primary has-align-top">
  92.                         <thead>
  93.                         <tr>
  94.                             <th colspan="2">Tarde</th>
  95.                         </tr>
  96.                         </thead>
  97.                         <tbody>
  98.                         <tr>
  99.                             <td class="col-20">00:00-00:00</td>
  100.                             <td>
  101.                                 <ul class="is-unstyled-list">
  102.                                   <li>Nome da materia agrupado polo nome de contido</li>
  103.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  104.                                 </ul>
  105.                             </td>
  106.                         </tr>
  107.                         <tr>
  108.                             <td class="col-20">00:00-00:00</td>
  109.                             <td>
  110.                                 <ul class="is-unstyled-list">
  111.                                     <li>Nome da materia agrupado polo nome de contido / Outro nome da materia agrupado polo nome de contido</li>
  112.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  113.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  114.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  115.                                 </ul>
  116.                             </td>
  117.                         </tr>
  118.                         <tr>
  119.                             <td class="col-20">00:00-00:00</td>
  120.                             <td>
  121.                                 <ul class="is-unstyled-list">
  122.                                     <li>Nome da materia agrupado polo nome de contido / Outro nome da materia agrupado polo nome de contido</li>
  123.                                     <li><a href="{{ path('department-staff-person') }}">Nome da profesora</a></li>
  124.                                 </ul>
  125.                             </td>
  126.                         </tr>
  127.                         </tbody>
  128.                     </table>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </section>
  133. {% endblock %}
  135. {% block siteFooter %}
  136.     {% include 'organisms/site-footer.html.twig' %}
  137. {% endblock %}
  139. {% block javascripts %}
  140.     {{ parent() }}
  142.     <script src="https://code.jquery.com/jquery-3.5.1.min.js"
  143.             integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  145.     <script type="text/javascript">
  146.       $(function () {
  147.         $('.load-date-filter').on('click', function (event) {
  148.           $('.ajax-progress-throbber').removeClass('is-hidden');
  150.           setTimeout(function () {
  151.             $.get('{{ path('center-schedule-classroom_ajax') }}', function (data) {
  152.               $('#date-container').html(data)
  153.               window.uscUi.render('#date-container')
  154.               $('.ajax-progress-throbber').addClass('is-hidden');
  155.             });
  156.           }, 800);
  157.         })
  158.       })
  159.     </script>
  160. {% endblock %}