templates/templates/pages/center/CLM/CLM-credentials-exam.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}tpl-course is-clm{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/clm-organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         breadcrumb: [
  12.             { path: path('CLM_credentials'), title: 'Acreditar' },
  13.         ],
  14.         title: 'Unha proba de competencia',
  15.     } %}
  16. {% endblock %}
  18. {% block pageContent %}
  19.     <article class="course-wrapper">
  20.         <div class="course-header">
  21.             <div class="course-tech-info">
  22.                 <div class="at-lead-text">
  23.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  24.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam.</p>
  25.                 </div>
  26.             </div>
  27.             <div class="course-description">
  28.                 <div class="at-text">
  29.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  30.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis, vel
  31.                         varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolor consectetur at.
  32.                         Aliquam mollis diam mauris, quis fringilla ante feugiat sed. Donec consectetur elit ex, ac
  33.                         aliquam neque hendrerit et. Nunc tincidunt tincidunt urna et efficitur. Duis rhoncus nunc nibh,
  34.                         et malesuada est pulvinar vitae. In sed ex urna. Fusce efficitur diam sit amet lectus
  35.                         condimentum lacinia. Aenean mollis dui et fermentum tincidunt.</p>
  36.                 </div>
  37.             </div>
  40.             <aside class="course-attachments">
  41.                 <ul class="ml-buttons-list is-vertical">
  42.                     <li>
  43.                         <a href="" class="at-button is-tertiary at-icon-external-link">Enlace externo</a>
  44.                     </li>
  45.                     <li>
  46.                         <a href="" class="at-button is-tertiary at-icon-external-link">Enlace externo</a>
  47.                     </li>
  48.                     <li>
  49.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Documento anexo</a>
  50.                     </li>
  51.                 </ul>
  52.             </aside>
  53.         </div>
  55.         <usc-tabs id="uscTabs01" name="UscTabList">
  56.             <template v-slot:header>
  57.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  58.                     Presentación e normativa
  59.                 </usc-tabs-header-item>
  60.                 <usc-tabs-header-item controls="tab02">
  61.                     Convocatorias
  62.                 </usc-tabs-header-item>
  63.                 <usc-tabs-header-item controls="tab03">
  64.                     Estrutura das probas
  65.                 </usc-tabs-header-item>
  66.                 <usc-tabs-header-item controls="tab04">
  67.                     Criterios de avaliación
  68.                 </usc-tabs-header-item>
  69.                 <usc-tabs-header-item controls="tab05">
  70.                     Contacto
  71.                 </usc-tabs-header-item>
  72.             </template>
  74.             <template v-slot:body>
  75.                 <usc-tabs-body-item :is-active="true" name="tab01">
  76.                     <template v-slot:mobile-header>
  77.                         Presentación e normativa
  78.                     </template>
  79.                     <div class="at-text">
  80.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  81.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.</p>
  82.                         <h3 class="at-title is-subhead">Subtítulo</h3>
  83.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  84.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  85.                             Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt
  86.                             mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec
  87.                             consequat consectetur, dui ligula suscipit enim.</p>
  88.                     </div>
  89.                     <ul class="ml-buttons-list is-vertical">
  90.                         <li><a href="#" class="at-button is-tertiary at-icon-paperclip">Normativa</a></li>
  91.                         <li><a href="#" class="at-button is-tertiary at-icon-paperclip">Descarga</a></li>
  92.                     </ul>
  93.                 </usc-tabs-body-item>
  94.                 <usc-tabs-body-item name="tab02">
  95.                     <template v-slot:mobile-header>
  96.                         Convocatorias
  97.                     </template>
  98.                     <div class="ml-filters-group">
  99.                         <usc-dropdown-filter
  100.                                 label="Curso"
  101.                                 target-container="#filtered-container-1"
  102.                                 target-items=".ml-academic-subject"
  103.                                 :initial-value="{key: 'school-year-1', value: 'Curso 2023-2024'}"
  104.                         >
  105.                             <template v-slot:default="slotProps">
  106.                                 <li>
  107.                                     <button type="button" @click="slotProps.filter" data-value="school-year-1">
  108.                                         Curso 2023-2024
  109.                                     </button>
  110.                                 </li>
  111.                                 <li>
  112.                                     <button type="button" @click="slotProps.filter" data-value="school-year-2">
  113.                                         Curso 2022-2023
  114.                                     </button>
  115.                                 </li>
  116.                                 <li>
  117.                                     <button type="button" @click="slotProps.filter" data-value="school-year-3">
  118.                                         Curso 2021-2022
  119.                                     </button>
  120.                                 </li>
  121.                             </template>
  122.                         </usc-dropdown-filter>
  123.                         <usc-dropdown-filter
  124.                                 label="Idioma"
  125.                                 target-container="#filtered-container-1"
  126.                                 target-items=".ml-academic-subject"
  127.                                 :initial-value="{key: 'lang-1', value: 'Galego'}"
  128.                         >
  129.                             <template v-slot:default="slotProps">
  130.                                 <li>
  131.                                     <button type="button" @click="slotProps.filter" data-value="lang-1">
  132.                                         Galego
  133.                                     </button>
  134.                                 </li>
  135.                                 <li>
  136.                                     <button type="button" @click="slotProps.filter" data-value="lang-2">
  137.                                         Castelán
  138.                                     </button>
  139.                                 </li>
  140.                                 <li>
  141.                                     <button type="button" @click="slotProps.filter" data-value="lang-3">
  142.                                         Inglés
  143.                                     </button>
  144.                                 </li>
  145.                             </template>
  146.                         </usc-dropdown-filter>
  147.                         <usc-dropdown-filter
  148.                                 label="Nivel"
  149.                                 target-container="#filtered-container-1"
  150.                                 target-items=".ml-academic-subject"
  151.                         >
  152.                             <template v-slot:default="slotProps">
  153.                                 <li>
  154.                                     <button type="button" @click="slotProps.reset">Todos</button>
  155.                                 </li>
  156.                                 <li>
  157.                                     <button type="button" @click="slotProps.filter" data-value="level-1">
  158.                                         Nivel 1
  159.                                     </button>
  160.                                 </li>
  161.                                 <li>
  162.                                     <button type="button" @click="slotProps.filter" data-value="level-2">
  163.                                         Nivel 2
  164.                                     </button>
  165.                                 </li>
  166.                                 <li>
  167.                                     <button type="button" @click="slotProps.filter" data-value="level-3">
  168.                                         Nivel 3
  169.                                     </button>
  170.                                 </li>
  171.                             </template>
  172.                         </usc-dropdown-filter>
  173.                         <usc-dropdown-filter
  174.                                 label="Campus"
  175.                                 target-container="#filtered-container-1"
  176.                                 target-items=".ml-academic-subject"
  177.                                 :initial-value="{key: 'campus-1', value: 'Campus de Santiago'}"
  178.                         >
  179.                             <template v-slot:default="slotProps">
  180.                                 <li>
  181.                                     <button type="button" @click="slotProps.filter" data-value="campus-1">
  182.                                         Campus de Santiago
  183.                                     </button>
  184.                                 </li>
  185.                                 <li>
  186.                                     <button type="button" @click="slotProps.filter" data-value="campus-2">
  187.                                         Campus de Lugo
  188.                                     </button>
  189.                                 </li>
  190.                             </template>
  191.                         </usc-dropdown-filter>
  192.                     </div>
  194.                     <div id="filtered-container-1">
  195.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-1 lang-1 level-1 campus-1', title: 'Galego | Nivel 1 | Campus de Santiago' } %}
  196.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-1 lang-2 level-1 campus-1', title: 'Castelán | Nivel 1 | Campus de Santiago' } %}
  197.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-1 lang-1 level-1 campus-2', title: 'Galego | Nivel 1 | Campus de Lugo' } %}
  198.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-2 lang-1 level-2 campus-1', title: 'Galego | Nivel 2 | Campus de Santiago' } %}
  199.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-1 lang-3 level-2 campus-1', title: 'Inglés | Nivel 2 | Campus de Santiago' } %}
  200.                         {% include 'molecules/academic-subject/summary-CLM-exam.html.twig' with { class: 'school-year-1 lang-3 level-2 campus-2', title: 'Inglés | Nivel 2 | Campus de Lugo' } %}
  201.                     </div>
  203.                     <div class="at-text">
  204.                         <h3 class="at-title is-subhead">Máis información</h3>
  205.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  206.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  207.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolor
  208.                             consectetur at. Aliquam mollis diam mauris, quis fringilla ante feugiat sed. Donec
  209.                             consectetur elit ex, ac aliquam neque hendrerit et. Nunc tincidunt tincidunt urna et
  210.                             efficitur. Duis rhoncus nunc nibh, et malesuada est pulvinar vitae. In sed ex urna. Fusce
  211.                             efficitur diam sit amet lectus condimentum lacinia. Aenean mollis dui et fermentum
  212.                             tincidunt.</p>
  213.                     </div>
  215.                 </usc-tabs-body-item>
  216.                 <usc-tabs-body-item name="tab03">
  217.                     <template v-slot:mobile-header>
  218.                         Criterios de avaliación
  219.                     </template>
  221.                     <div class="at-text">
  222.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  223.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  224.                             Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt
  225.                             mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec
  226.                             consequat consectetur, dui ligula suscipit enim.</p>
  227.                     </div>
  228.                     <usc-accordion id="accordion01">
  229.                         <usc-accordion-item :is-open="false">
  230.                             <template v-slot:header>Información
  231.                             </template>
  232.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  233.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  234.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  235.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  236.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  237.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  238.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  239.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  240.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  241.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  242.                         </usc-accordion-item>
  244.                         <usc-accordion-item>
  245.                             <template v-slot:header>Información</template>
  246.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  247.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  248.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  249.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  250.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  251.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  252.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  253.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  254.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  255.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  256.                         </usc-accordion-item>
  258.                         <usc-accordion-item>
  259.                             <template v-slot:header>Información
  260.                             </template>
  261.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  262.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  263.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  264.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  265.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  266.                         </usc-accordion-item>
  268.                         <usc-accordion-item>
  269.                             <template v-slot:header>Información</template>
  270.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  271.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  272.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  273.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  274.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  275.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  276.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  277.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  278.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  279.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  280.                         </usc-accordion-item>
  281.                     </usc-accordion>
  282.                     <div class="at-text">
  283.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  284.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  285.                             Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt
  286.                             mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec
  287.                             consequat consectetur, dui ligula suscipit enim.</p>
  288.                     </div>
  290.                 </usc-tabs-body-item>
  291.                 <usc-tabs-body-item name="tab04">
  292.                     <template v-slot:mobile-header>
  293.                         Estrutura das probas
  294.                     </template>
  295.                     <div class="at-text">
  296.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  297.                             pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  298.                             Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce tincidunt
  299.                             mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat, ipsum nec
  300.                             consequat consectetur, dui ligula suscipit enim.</p>
  301.                     </div>
  303.                     <usc-accordion id="accordion01">
  304.                         <usc-accordion-item :is-open="false">
  305.                             <template v-slot:header>Información
  306.                             </template>
  307.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  308.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  309.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  310.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  311.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  312.                         </usc-accordion-item>
  314.                         <usc-accordion-item>
  315.                             <template v-slot:header>Información</template>
  316.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  317.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  318.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  319.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  320.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  321.                         </usc-accordion-item>
  323.                         <usc-accordion-item>
  324.                             <template v-slot:header>Información
  325.                             </template>
  326.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  327.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  328.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  329.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  330.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  331.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  332.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  333.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  334.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  335.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  336.                         </usc-accordion-item>
  338.                         <usc-accordion-item>
  339.                             <template v-slot:header>Información</template>
  340.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  341.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  342.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  343.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  344.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  345.                         </usc-accordion-item>
  346.                     </usc-accordion>
  347.                 </usc-tabs-body-item>
  349.                 <usc-tabs-body-item name="tab05">
  350.                     <template v-slot:mobile-header>
  351.                         Contacto
  352.                     </template>
  353.                     <div class="row">
  354.                         <div class="col-lg-6">
  355.                             {% include 'molecules/specs/contact.html.twig'with {
  356.                                 title: 'Ficha de contacto'} %}
  357.                         </div>
  358.                         <div class="col-lg-6">
  359.                             {% include 'molecules/specs/contact.html.twig'with {
  360.                                 title: 'Ficha de contacto'} %}
  361.                         </div>
  362.                     </div>
  363.                 </usc-tabs-body-item>
  364.             </template>
  365.         </usc-tabs>
  366.     </article>
  367. {% endblock %}
  369. {% block siteFooter %}
  370.     {% include 'organisms/site-footer.html.twig' %}
  371. {% endblock %}