templates/templates/pages/services/services-program-with-activities.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/services.html.twig" %}
  3. {% block bodyClass %}tpl-program has-areas-skin{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/services-area-header.html.twig' with {
  7.       logo: asset('/images/logo-neg.svg')
  8. } %}{% endblock %}
  10. {% block pageHeader %}
  11.     <div class="page-header-wrapper">
  12.         <div class="container">
  13.             {% include 'molecules/page-header-with-menu.html.twig' with {
  14.                 breadcrumb: [
  15.                     { path: path('services-strategy'), title: 'Estratexia' }
  16.                 ],
  17.                 title: 'Programa con actividades relacionadas',
  18.             } %}
  19.         </div>
  20.     </div>
  21. {% endblock %}
  23. {% block pageContent %}
  25.     <article class="program-wrapper">
  26.         <div class="program-header">
  27.             <figure class="at-image"></figure>
  29.             <div class="at-lead-text">
  30.                 <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.</p>
  31.             </div>
  33.             <div class="program-description">
  34.                 <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>
  35.             </div>
  37.             <aside class="program-attachments">
  38.                 <div class="ml-alert is-attached">
  39.                     <h3 class="at-title">Aviso</h3>
  40.                     <div class="at-text">
  41.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  42.                     </div>
  43.                 </div>
  44.                 <ul class="ml-buttons-list is-vertical">
  45.                     <li>
  46.                         <a href="https://sede.usc.es/sede/publica/index.htm" class="at-button is-tertiary at-icon-external-link">Acceso a procedemento</a>
  47.                     </li>
  48.                     <li>
  49.                         <a href="{{ path('services-procedure') }}" class="at-button is-tertiary at-icon-play">Acceso a trámite</a>
  50.                     </li>
  51.                     <li>
  52.                         <a href="" class="at-button is-tertiary at-icon-paperclip">Adxunto</a>
  53.                     </li>
  54.                 </ul>
  55.             </aside>
  56.         </div>
  57.     </article>
  59.     <section class="org-tier">
  60.         <div class="tier-header">
  61.             <h2 class="tier-title">Actividades relacionadas [servizo web]</h2>
  62.             <div class="tier-action">
  63.                 <div class="ml-filters-group">
  64.                     <usc-text-filter
  65.                         target-container="#banners-container"
  66.                         target-items=".ml-banner"
  67.                     ></usc-text-filter>
  68.                     <usc-dropdown-filter
  69.                             label="Curso"
  70.                             :initial-value="{value: 'Curso 2020-2021'}"
  71.                     >
  72.                         <template v-slot:default="slotProps">
  73.                             <li>
  74.                                 <a href="">Curso 2020-2021</a>
  75.                             </li>
  76.                             <li>
  77.                                 <a href="">Curso 2019-2020</a>
  78.                             </li>
  79.                             <li>
  80.                                 <a href="">Curso 2018-2019</a>
  81.                             </li>
  82.                         </template>
  83.                     </usc-dropdown-filter>
  84.                     <usc-dropdown-filter
  85.                             label="Tipo de actividade"
  86.                             target-container="#banners-container"
  87.                             target-items=".ml-banner"
  88.                     >
  89.                         <template v-slot:default="slotProps">
  90.                           <li>
  91.                             <button type="button" @click="slotProps.reset">Todas</button>
  92.                           </li>
  93.                             <li>
  94.                                 <button type="button" @click="slotProps.filter" data-value="tipo1">Tipo 1</button>
  95.                             </li>
  96.                             <li>
  97.                                 <button type="button" @click="slotProps.filter" data-value="tipo2">Tipo 2</button>
  98.                             </li>
  99.                         </template>
  101.                     </usc-dropdown-filter>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         <div class="tier-content">
  106.             <div class="org-modules-container has-banners" id="banners-container">
  107.                 {% include 'molecules/banners/m.html.twig' with {
  108.                     modifiers: 'is-services is-activity tipo1',
  109.                     title: 'Actividade 1',
  110.                     link: path('services-activity-auto')
  111.                 } %}
  113.                 {% include 'molecules/banners/m.html.twig' with {
  114.                     modifiers: 'is-services is-activity tipo2',
  115.                     title: 'Actividade 2',
  116.                     link: path('services-activity-auto')
  117.                 } %}
  119.                 {% include 'molecules/banners/m.html.twig' with {
  120.                     modifiers: 'is-services is-activity tipo1',
  121.                     title: 'Actividade 3',
  122.                     text: 'Data de celebración',
  123.                     link: path('services-activity-auto')
  124.                 } %}
  126.                 {% include 'molecules/banners/m.html.twig' with {
  127.                     modifiers: 'is-services is-activity tipo2',
  128.                     title: 'Actividade 4',
  129.                     link: path('services-activity-auto')
  130.                 } %}
  131.                 {% include 'molecules/banners/m.html.twig' with {
  132.                     modifiers: 'is-services is-activity tipo2',
  133.                     title: 'Actividade 1',
  134.                     link: path('services-activity-auto')
  135.                 } %}
  137.                 {% include 'molecules/banners/m.html.twig' with {
  138.                     modifiers: 'is-services is-activity tipo1',
  139.                     title: 'Actividade 2',
  140.                     link: path('services-activity-auto')
  141.                 } %}
  143.                 {% include 'molecules/banners/m.html.twig' with {
  144.                     modifiers: 'is-services is-activity tipo2',
  145.                     title: 'Actividade 3',
  146.                     link: path('services-activity-auto')
  147.                 } %}
  149.                 {% include 'molecules/banners/m.html.twig' with {
  150.                     modifiers: 'is-services is-activity tipo1',
  151.                     title: 'Actividade 4',
  152.                     link: path('services-activity-auto')
  153.                 } %}
  154.                 {% include 'molecules/banners/m.html.twig' with {
  155.                     modifiers: 'is-services is-activity tipo1',
  156.                     title: 'Actividade 1',
  157.                     link: path('services-activity-auto')
  158.                 } %}
  160.                 {% include 'molecules/banners/m.html.twig' with {
  161.                     modifiers: 'is-services is-activity tipo2',
  162.                     title: 'Actividade 2',
  163.                     link: path('services-activity-auto')
  164.                 } %}
  165.             </div>
  166.         </div>
  167.     </section>
  171.     <section class="org-tier">
  172.         <div class="tier-header">
  173.             <h2 class="tier-title">Novas relacionadas</h2>
  174.             <div class="tier-action">
  175.                 <a href="">ver máis</a>
  176.             </div>
  177.         </div>
  178.         <div class="tier-content">
  179.             <div class="org-modules-container">
  180.                 {% include 'molecules/news/m.html.twig' %}
  182.                 {% include 'molecules/news/m.html.twig' %}
  184.                 {% include 'molecules/news/m.html.twig' %}
  185.             </div>
  186.         </div>
  187.     </section>
  192. {% endblock %}
  194. {% block siteFooter %}
  195.     {% include 'organisms/site-footer.html.twig' %}
  196. {% endblock %}