templates/templates/pages/center/CLM/CLM-language.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_courses'), title: 'Linguas' }
  13.         ],
  14.         title: 'Unha lingua',
  16.     } %}
  17. {% endblock %}
  19. {% block pageContent %}
  20.     <article class="course-wrapper">
  21.         <div class="course-header">
  22.             <div class="course-tech-info">
  23.                 <div class="at-lead-text">
  24.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  25.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam.</p>
  26.                 </div>
  27.             </div>
  28.             <div class="course-description">
  29.                 <div class="at-text">
  30.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  31.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis, vel
  32.                         varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolor consectetur at.
  33.                         Aliquam mollis diam mauris, quis fringilla ante feugiat sed. Donec consectetur elit ex, ac
  34.                         aliquam neque hendrerit et. Nunc tincidunt tincidunt urna et efficitur. Duis rhoncus nunc nibh,
  35.                         et malesuada est pulvinar vitae. In sed ex urna. Fusce efficitur diam sit amet lectus
  36.                         condimentum lacinia. Aenean mollis dui et fermentum tincidunt.</p>
  37.                 </div>
  38.             </div>
  41.             <aside class="course-attachments">
  42.                 <ul class="ml-buttons-list is-vertical is-intranet">
  43.                     <li>
  44.                         <a href="" class="at-button is-tertiary at-icon-intranet">Acceso ao campus virtual</a>
  45.                     </li>
  46.                 </ul>
  47.                 <ul class="ml-buttons-list is-vertical">
  48.                     <li>
  49.                         <a href="" class="at-button is-tertiary at-icon-external-link">Enlace externo</a>
  50.                     </li>
  51.                     <li>
  52.                         <a href="" class="at-button is-tertiary at-icon-external-link">Enlace externo</a>
  53.                     </li>
  54.                     <li>
  55.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Documento anexo</a>
  56.                     </li>
  57.                 </ul>
  58.             </aside>
  59.         </div>
  61.         <usc-tabs id="uscTabs01" name="UscTabList">
  62.             <template v-slot:header>
  63.                 <usc-tabs-header-item :is-active="true" controls="tab01">
  64.                     Presentación
  65.                 </usc-tabs-header-item>
  66.                 <usc-tabs-header-item controls="tab02">
  67.                     Cursos e conversas
  68.                 </usc-tabs-header-item>
  69.                 <usc-tabs-header-item controls="tab03">
  70.                     Acceso e matrícula
  71.                 </usc-tabs-header-item>
  72.                 <usc-tabs-header-item controls="tab04">
  73.                     Acreditación
  74.                 </usc-tabs-header-item>
  75.                 <usc-tabs-header-item controls="tab05">
  76.                     Créditos ETCS
  77.                 </usc-tabs-header-item>
  78.                 <usc-tabs-header-item controls="tab06">
  79.                     Programas
  80.                 </usc-tabs-header-item>
  81.                 <usc-tabs-header-item controls="tab07">
  82.                     Actividades
  83.                 </usc-tabs-header-item>
  84.             </template>
  86.             <template v-slot:body>
  87.                 <usc-tabs-body-item :is-active="true" name="tab01">
  88.                     <template v-slot:mobile-header>Presentación</template>
  89.                     <div class="at-text">
  90.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  91.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  92.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolor
  93.                             consectetur at. Aliquam mollis diam mauris, quis fringilla ante feugiat sed. Donec
  94.                             consectetur elit ex, ac aliquam neque hendrerit et. Nunc tincidunt tincidunt urna et
  95.                             efficitur. Duis rhoncus nunc nibh, et malesuada est pulvinar vitae. In sed ex urna. Fusce
  96.                             efficitur diam sit amet lectus condimentum lacinia. Aenean mollis dui et fermentum
  97.                             tincidunt.</p>
  98.                     </div>
  99.                 </usc-tabs-body-item>
  100.                 <usc-tabs-body-item name="tab02">
  101.                     <template v-slot:mobile-header>Cursos e conversas</template>
  102.                     <div class="ml-filters-group">
  103.                         <usc-dropdown-filter
  104.                                 label="Curso"
  105.                                 target-container="#filtered-container-1"
  106.                                 target-items=".ml-academic-subject"
  107.                                 :initial-value="{key: 'school-year-1', value: 'Curso 2023-2024'}"
  108.                         >
  109.                             <template v-slot:default="slotProps">
  110.                                 <li>
  111.                                     <button type="button" @click="slotProps.filter" data-value="school-year-1">
  112.                                         Curso 2023-2024
  113.                                     </button>
  114.                                 </li>
  115.                                 <li>
  116.                                     <button type="button" @click="slotProps.filter" data-value="school-year-2">
  117.                                         Curso 2022-2023
  118.                                     </button>
  119.                                 </li>
  120.                                 <li>
  121.                                     <button type="button" @click="slotProps.filter" data-value="school-year-3">
  122.                                         Curso 2021-2022
  123.                                     </button>
  124.                                 </li>
  125.                             </template>
  126.                         </usc-dropdown-filter>
  127.                         <usc-dropdown-filter
  128.                                 label="Tipo"
  129.                                 target-container="#filtered-container-1"
  130.                                 target-items=".ml-academic-subject"
  131.                         >
  132.                             <template v-slot:default="slotProps">
  133.                                 <li>
  134.                                     <button type="button" @click="slotProps.reset">Todos</button>
  135.                                 </li>
  136.                                 <li>
  137.                                     <button type="button" @click="slotProps.filter" data-value="type-1">
  138.                                         Cursos
  139.                                     </button>
  140.                                 </li>
  141.                                 <li>
  142.                                     <button type="button" @click="slotProps.filter" data-value="type-2">
  143.                                         Conversas
  144.                                     </button>
  145.                                 </li>
  146.                             </template>
  147.                         </usc-dropdown-filter>
  148.                         <usc-dropdown-filter
  149.                                 label="Nivel"
  150.                                 target-container="#filtered-container-1"
  151.                                 target-items=".ml-academic-subject"
  152.                                 :initial-value="{key: 'level-1', value: 'B1'}"
  153.                         >
  154.                             <template v-slot:default="slotProps">
  155.                                 <li>
  156.                                     <button type="button" @click="slotProps.filter" data-value="level-1">
  157.                                         B1
  158.                                     </button>
  159.                                 </li>
  160.                                 <li>
  161.                                     <button type="button" @click="slotProps.filter" data-value="level-2">
  162.                                         B2
  163.                                     </button>
  164.                                 </li>
  165.                                 <li>
  166.                                     <button type="button" @click="slotProps.filter" data-value="level-3">
  167.                                         C1
  168.                                     </button>
  169.                                 </li>
  170.                             </template>
  171.                         </usc-dropdown-filter>
  172.                         <usc-dropdown-filter
  173.                                 label="Campus"
  174.                                 target-container="#filtered-container-1"
  175.                                 target-items=".ml-academic-subject"
  176.                                 :initial-value="{key: 'campus-1', value: 'Campus de Santiago'}"
  177.                         >
  178.                             <template v-slot:default="slotProps">
  179.                                 <li>
  180.                                     <button type="button" @click="slotProps.filter" data-value="campus-1">
  181.                                         Campus de Santiago
  182.                                     </button>
  183.                                 </li>
  184.                                 <li>
  185.                                     <button type="button" @click="slotProps.filter" data-value="campus-2">
  186.                                         Campus de Lugo
  187.                                     </button>
  188.                                 </li>
  189.                             </template>
  190.                         </usc-dropdown-filter>
  191.                     </div>
  192.                     <div id="filtered-container-1">
  193.                         {% include 'molecules/academic-subject/summary-CLM.html.twig' with { class: 'school-year-1 type-1 level-1 campus-2', title: 'B1[nivel] | Semestral [carácter] | 1º Semestre [periodo] | Lugo [campus]' } %}
  194.                         {% include 'molecules/academic-subject/summary-CLM.html.twig' with { class: 'school-year-1 type-1 level-1 campus-1', title: 'B1[nivel] | Semestral [carácter] | 1º Semestre [periodo] | Santiago [campus]' } %}
  195.                         {% include 'molecules/academic-subject/summary-CLM.html.twig' with { class: 'school-year-1 type-1 level-2 campus-1', title: 'B2[nivel] | Semestral [carácter] | 1º Semestre [periodo] | Santiago [campus]' } %}
  196.                         {% include 'molecules/academic-subject/summary-CLM.html.twig' with { class: 'school-year-1 type-2 level-1 campus-2', title: 'B1[nivel] | Semestral [carácter] | 1º Semestre [periodo] | Lugo [campus]' } %}
  197.                         {% include 'molecules/academic-subject/summary-CLM.html.twig' with { class: 'school-year-1 type-2 level-2 campus-1', title: 'B2[nivel] | Semestral [carácter] | 1º Semestre [periodo] | Santiago [campus]' } %}
  198.                     </div>
  199.                     <div class="at-text">
  200.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  201.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  202.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolor
  203.                             consectetur at. Aliquam mollis diam mauris, quis fringilla ante feugiat sed. Donec
  204.                             consectetur elit ex, ac aliquam neque hendrerit et. Nunc tincidunt tincidunt urna et
  205.                             efficitur. Duis rhoncus nunc nibh, et malesuada est pulvinar vitae. In sed ex urna. Fusce
  206.                             efficitur diam sit amet lectus condimentum lacinia. Aenean mollis dui et fermentum
  207.                             tincidunt.</p>
  208.                     </div>
  209.                 </usc-tabs-body-item>
  210.                 <usc-tabs-body-item name="tab03">
  211.                     <template v-slot:mobile-header>Acceso e matrícula</template>
  212.                     <h3 class="at-title is-subhead">Nivel inicial</h3>
  213.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  214.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis, vel
  215.                         varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolot.</p>
  216.                     <ul class="ml-buttons-list is-vertical">
  217.                         <li><a href="#" class="at-button is-tertiary at-icon-external-link">Acceso secretaría
  218.                                 virtual</a></li>
  219.                     </ul>
  220.                     <h3 class="at-title is-subhead">Outros niveis</h3>
  221.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  222.                         condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis, vel
  223.                         varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolot.</p>
  224.                     <usc-accordion id="accordion01">
  225.                         <usc-accordion-item :is-open="false">
  226.                             <template v-slot:header>Con nivel acreditado no CLM
  227.                             </template>
  228.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  229.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  230.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  231.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  232.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  233.                             <ul class="ml-buttons-list is-vertical">
  234.                                 <li><a href="#" class="at-button is-tertiary at-icon-external-link">Acceso secretaría
  235.                                         virtual</a></li>
  236.                             </ul>
  237.                         </usc-accordion-item>
  238.                         <usc-accordion-item>
  239.                             <template v-slot:header>Sen nivel acreditado no CLM</template>
  240.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  241.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  242.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  243.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  244.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  245.                             <table class="ml-table is-primary has-align-top">
  246.                                 <thead>
  247.                                 <tr>
  248.                                     <th>Convocatoria</th>
  249.                                     <th>Hora e lugar</th>
  250.                                     <th>Matrícula</th>
  251.                                 </tr>
  252.                                 </thead>
  253.                                 <tbody>
  254.                                 <tr>
  255.                                     <td>Convocatoria</td>
  256.                                     <td>Hora e lugar</td>
  257.                                     <td>00/00/0000<br>00/00/0000</td>
  258.                                 </tr>
  259.                                 <tr>
  260.                                     <td>Convocatoria</td>
  261.                                     <td>Hora e lugar</td>
  262.                                     <td>00/00/0000<br>00/00/0000</td>
  263.                                 </tr>
  264.                                 <tr>
  265.                                     <td>Convocatoria</td>
  266.                                     <td>Hora e lugar</td>
  267.                                     <td>00/00/0000<br>00/00/0000</td>
  268.                                 </tr>
  269.                                 </tbody>
  270.                             </table>
  271.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  272.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  273.                                 a tortor. </p>
  274.                             <ul class="ml-buttons-list is-vertical">
  275.                                 <li><a href="#" class="at-button is-tertiary at-icon-external-link">Acceso secretaría
  276.                                         virtual</a></li>
  277.                                 <li><a href="#" class="at-button is-tertiary at-icon-external-link">Acceso secretaría
  278.                                         virtual</a></li>
  279.                             </ul>
  280.                         </usc-accordion-item>
  282.                     </usc-accordion>
  284.                 </usc-tabs-body-item>
  285.                 <usc-tabs-body-item name="tab04">
  286.                     <template v-slot:mobile-header>
  287.                         Acreditación
  288.                     </template>
  289.                     <div class="at-text">
  290.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  291.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  292.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolot. Lorem
  293.                             ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  294.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam.</p>
  295.                     </div>
  296.                     <ul class="ml-buttons-list is-vertical">
  297.                         <li><a href="../acreditacion" class="at-button is-tertiary at-icon-external-link">Máis
  298.                                 información</a></li>
  299.                     </ul>
  300.                 </usc-tabs-body-item>
  301.                 <usc-tabs-body-item name="tab05">
  302.                     <template v-slot:mobile-header>Créditos ECTS</template>
  303.                     <div class="at-text">
  304.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  305.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  306.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolot.</p>
  307.                     </div>
  308.                     <usc-accordion id="accordion01">
  309.                         <usc-accordion-item :is-open="false">
  310.                             <template v-slot:header>Información
  311.                             </template>
  312.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  313.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  314.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  315.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  316.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  317.                         </usc-accordion-item>
  318.                         <usc-accordion-item>
  319.                             <template v-slot:header>Información</template>
  320.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  321.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  322.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  323.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  324.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  325.                         </usc-accordion-item>
  326.                         <usc-accordion-item>
  327.                             <template v-slot:header>Información</template>
  328.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  329.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  330.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  331.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  332.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  333.                         </usc-accordion-item>
  334.                         <usc-accordion-item>
  335.                             <template v-slot:header>Información</template>
  336.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  337.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  338.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  339.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  340.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  341.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex
  342.                                 malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur
  343.                                 a tortor. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  344.                                 tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
  345.                                 ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
  346.                         </usc-accordion-item>
  347.                     </usc-accordion>
  348.                     <div class="at-text">
  349.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae iaculis tortor, et
  350.                             condimentum nisl. Nunc eget risus a leo suscipit aliquam. In consectetur malesuada felis,
  351.                             vel varius elit consequat ac. Pellentesque mollis porttitor nunc, et suscipit dolot.</p>
  352.                     </div>
  353.                 </usc-tabs-body-item>
  354.                 <usc-tabs-body-item name="tab06">
  355.                     <template v-slot:mobile-header>Programas</template>
  356.                     <div class="ml-filters-group">
  357.                         <usc-dropdown-filter
  358.                                 label="Curso"
  359.                                 target-container="#filtered-container-1"
  360.                                 target-items=".school-year"
  361.                                 :initial-value="{key: 'school-year-1', value: 'Curso 2023-2024'}"
  362.                         >
  363.                             <template v-slot:default="slotProps">
  364.                                 <li>
  365.                                     <button type="button" @click="slotProps.filter" data-value="school-year-1">Curso
  366.                                         2023-2024
  367.                                     </button>
  368.                                 </li>
  369.                                 <li>
  370.                                     <button type="button" @click="slotProps.filter" data-value="school-year-2">Curso
  371.                                         2022-2023
  372.                                     </button>
  373.                                 </li>
  374.                                 <li>
  375.                                     <button type="button" @click="slotProps.filter" data-value="school-year-3">Curso
  376.                                         2021-2022
  377.                                     </button>
  378.                                 </li>
  379.                             </template>
  380.                         </usc-dropdown-filter>
  381.                     </div>
  382.                     <div class="row">
  383.                         <div class="col-lg-6">
  384.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  385.                                 icon: 'at-icon-paperclip',
  386.                                 title: 'Programa B1',
  387.                                 modifiers: 'is-type-1 is-course-1'
  388.                             } %}
  389.                         </div>
  390.                         <div class="col-lg-6">
  391.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  392.                                 icon: 'at-icon-paperclip',
  393.                                 title: 'Programa B2',
  394.                                 modifiers: 'is-type-1 is-course-1'
  395.                             } %}
  396.                         </div>
  397.                         <div class="col-lg-6">
  398.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  399.                                 icon: 'at-icon-paperclip',
  400.                                 title: 'Programa C1',
  401.                                 modifiers: 'is-type-1 is-course-1'
  402.                             } %}
  403.                         </div>
  404.                     </div>
  405.                 </usc-tabs-body-item>
  406.                 <usc-tabs-body-item name="tab07">
  407.                     <template v-slot:mobile-header>Actividades</template>
  408.                     <div class="row">
  409.                         <div class="col">
  410.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  411.                                 icon: 'at-icon-external-link',
  412.                                 title: 'Actividade',
  413.                                 text: 'Descrición da actividade',
  414.                                 modifiers: 'is-type-1 is-course-1',
  415.                                 link: path('CLM_activity')
  416.                             } %}
  417.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  418.                                 icon: 'at-icon-external-link',
  419.                                 title: 'Actividade',
  420.                                 text: 'Descrición da actividade',
  421.                                 modifiers: 'is-type-1 is-course-1',
  422.                                 link: path('CLM_activity')
  423.                             } %}
  424.                             {% include 'molecules/generic-summary/summary.html.twig' with {
  425.                                 icon: 'at-icon-external-link',
  426.                                 title: 'Actividade',
  427.                                 text: 'Descrición da actividade',
  428.                                 modifiers: 'is-type-1 is-course-1',
  429.                                 link: path('CLM_activity')
  430.                             } %}
  431.                         </div>
  432.                     </div>
  433.                 </usc-tabs-body-item>
  435.             </template>
  436.         </usc-tabs>
  437.     </article>
  438. {% endblock %}
  440. {% block siteFooter %}
  441.     {% include 'organisms/site-footer.html.twig' %}
  442. {% endblock %}