templates/templates/pages/government-areas/government-board-PFID-detail.html.twig line 1

Open in your IDE?
  1.   {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-course is-government{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/site-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         breadcrumb: [
  12.           { path: path('government-areas-level2'), title: 'Goberno'},
  13.           { path: path('government-areas-level3'), title: 'Persoal'},
  14.           { path: path('government-board-PFID'), title: 'PFID'},
  15.         ],
  16.         title: '[Nome] Nome completo do curso',
  17.         tags: [ '2019-2020' ]
  18.     } %}
  19. {% endblock %}
  21. {% block pageContent %}
  22.     <article class="course-wrapper">
  23.         <div class="course-header">
  24.             <div class="course-description">
  25.                 <div class="at-lead-text">
  26.                     <p>[descricion]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.</p>
  27.                 </div>
  28.             </div>
  29.         </div>
  31.         <usc-tabs id="uscTabs01" name="UscTabList">
  32.             <template v-slot:header>
  33.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  34.                     Información
  35.                 </usc-tabs-header-item>
  36.                 <usc-tabs-header-item controls="tab02">
  37.                   Programa
  38.                 </usc-tabs-header-item>
  39.                 <usc-tabs-header-item controls="tab03">
  40.                   Sección TextoLongo=true
  41.                 </usc-tabs-header-item>
  42.             </template>
  44.             <template v-slot:body>
  45.                 <usc-tabs-body-item :is-active="true" name="tab01">
  46.                     <template v-slot:mobile-header>
  47.                         Información
  48.                     </template>
  50.                     <div class="row at-small">
  51.                         <div class="col-sm-6">
  53.                           <dt>Localización</dt>
  54.                           <dd>Santiago</dd>
  56.                           <dt>Datas</dt>
  57.                           <dd>Do 20 ao 29 de abril</dd>
  59.                           <dt>Horario</dt>
  60.                           <dd>16:30h a 19:30h</dd>
  62.                           <dt>Modalidade</dt>
  63.                           <dd>Presencial</dd>
  65.                           <dt>Duración</dt>
  66.                           <dd>Horas presenciais: 0</dd>
  67.                           <dd>Horas de traballo: 20</dd>
  68.                           <dd>Total: 20 horas</dd>
  71.                           <dt>Idioma</dt>
  72.                           <dd>Inglés</dd>
  74.                           <dt>Email de contacto</dt>
  75.                           <dd><a href="mailto:usc@usc.gal">usc@usc.gal</a></dd>
  78.                         </div>
  79.                         <div class="col-sm-6">
  81.                           <dt>Número total de prazas</dt>
  82.                           <dd>7</dd>
  84.                           <dt>Periodo n</dt>
  85.                           <dd>00/00/0000 - 00/00/0000</dd>
  87.                           <dt>Periodo n+1</dt>
  88.                           <dd>00/00/0000 - 00/00/0000</dd>
  90.                           <dt>Matrícula</dt>
  91.                           <dd><a href="#">Preinscrición</a></dd>
  92.                           <dd><a href="#">Matrícula</a></dd>
  94.                           <dt>Código</dt>
  95.                           <dd>PFID.19dp-02</dd>
  97.                           <dt>Seccion textoLongo=false</dt>
  98.                           <dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
  99.                         </div>
  100.                     </div>
  101.                     <div class="row at-small">
  102.                       <div class="col">
  103.                         <dt>Observacións</dt>
  104.                         <dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</dd>
  105.                       </div>
  106.                     </div>
  107.                 </usc-tabs-body-item>
  109.                 <usc-tabs-body-item name="tab02">
  110.                     <template v-slot:mobile-header>
  111.                       Programa
  112.                     </template>
  113.                     <p>[Texto de Sección de Texto Longo con Markdown] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  114.                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  115.                 </usc-tabs-body-item>
  117.                 <usc-tabs-body-item name="tab03">
  118.                     <template v-slot:mobile-header>
  119.                       Sección TextoLongo=true
  120.                     </template>
  121.                     <p>[Texto de Sección de Texto Longo con Markdown] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  122.                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  123.                 </usc-tabs-body-item>
  124.             </template>
  125.         </usc-tabs>
  126.     </article>
  128. {% endblock %}
  130. {% block siteFooter %}
  131.     {% include 'organisms/site-footer.html.twig' %}
  132. {% endblock %}
  134. {% block javascripts %}
  135.     {{ parent() }}
  137.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  139.     <script type="text/javascript">
  140.       $(function () {
  141.         window.uscUi.eventBus.$on('dropdown-filter-changed', function (filterId, value) {
  142.           if (filterId === 'filtro-semana' && value) {
  143.             $.get('{{ path('subject_ajax') }}', function (data) {
  144.               $('#ajax-container').html(data);
  145.               window.uscUi.render('#ajax-container');
  146.               window.uscUi.eventBus.$emit('dropdown-reload-items');
  147.             });
  148.           }
  149.         });
  150.       });
  151.     </script>
  152. {% endblock %}