{% extends "layouts/master.html.twig" %}
{% block bodyClass %}tpl-course is-studies{% endblock %}
{% block siteHeader %}
{% include 'organisms/site-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
breadcrumb: [
{ path: path('course-grade'), title: 'Nome do plan de estudos' },
],
title: 'Nome da materia',
tags: [
'2019-2020'
]
} %}
{% endblock %}
{% block pageContent %}
<article class="course-wrapper">
<div class="course-header">
<div class="course-description">
<div class="at-lead-text">
<p>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>
</div>
<ul class="ml-buttons-list is-vertical">
<li>
<a href="https://cv.usc.es/.." class="at-button is-tertiary at-icon-access">Campus virtual | Grupo contido/Semestre 1</a>
</li>
<li>
<a href="" class="at-button is-tertiary at-icon-access">Campus virtual | Grupo contido...</a>
</li>
</ul>
</div>
</div>
<usc-tabs id="uscTabs01" name="UscTabList">
<template v-slot:header>
<usc-tabs-header-item :is-active="true" controls="tab01">
Información
</usc-tabs-header-item>
<usc-tabs-header-item controls="tab02">
Programa
</usc-tabs-header-item>
<usc-tabs-header-item controls="tab03" class="is-no-print">
Profesores
</usc-tabs-header-item>
<usc-tabs-header-item controls="tab04" class="is-no-print">
Horarios e exames
</usc-tabs-header-item>
</template>
<template v-slot:body>
<usc-tabs-body-item :is-active="true" name="tab01">
<template v-slot:mobile-header>
Información
</template>
<div class="row at-small">
<div class="col-lg-6">
<p>
<strong>Créditos ECTS</strong><br>
Créditos ECTS: 6.00
</p>
<p>
<strong>Horas ECTS Criterios/Memorias</strong><br>
Clase Expositiva: 36.00<br>
Clase Interactiva Laboratorio: 8.00<br>
Clase Interactiva Seminario: 10.00<br>
Horas de Titorías: 4.00<br>
Traballo do Alumno ECTS: 92.00<br>
Total: 150.0
</p>
<p>
<strong>Linguas de uso</strong><br>
Galego, Castelán
</p>
</div>
<div class="col-lg-6">
<p>
<strong>Tipo:</strong><br>
Materia Ordinaria Grao RD 1393/2007
</p>
<p>
<strong>Departamentos:</strong><br>
<a href="{{ path('department-frontpage') }}">Nome do departamento</a>,
<a href="{{ path('department-frontpage') }}">Nome do departamento</a>
</p>
<p>
<strong>Áreas:</strong><br>
Bioquímica e Bioloxía Molecular, Outra área
</p>
<p>
<strong>Centro: </strong><br>
<a href="{{ path('center-frontpage') }}">Facultade de Medicina e Odontoloxía </a>
</p>
<p>
<strong>Convocatoria:</strong><br>
1º Semestre de Titulacións de Grao/Máster
</p>
<p>
<strong>Docencia</strong><br>
conDocencia
</p>
<p>
<strong>Matrícula:</strong><br>
matriculable | ofertaPrimeiro
</p>
</div>
</div>
</usc-tabs-body-item>
<usc-tabs-body-item name="tab02">
<template v-slot:mobile-header>
Programa
</template>
<usc-accordion id="accordion01">
<usc-accordion-item :is-open="false">
<template v-slot:header>Obxectivos da materia</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Contidos</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Bibliografía básica e complementaria</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Competencias</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Metodoloxía da ensinanza</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Sistema de avaliación</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Tempo de estudo e traballo persoal</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Recomendacións para o estudo da materia</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
<usc-accordion-item>
<template v-slot:header>Observacións</template>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
<p>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. Vestibulum ac convalli in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin. Proin at lacinia metus. Pellentesque volutpat,
ipsum nec consequat consectetur, dui ligula suscipit enim.</p>
</usc-accordion-item>
</usc-accordion>
<usc-print-button target="app" class="is-primary is-studies">PDF do programa</usc-print-button>
</usc-tabs-body-item>
<usc-tabs-body-item name="tab03" class="is-no-print">
<template v-slot:mobile-header>
Profesores
</template>
{% include 'molecules/members/teacher.html.twig' with {
link: path ('department-staff-person'),
} %}
{% include 'molecules/members/teacher.html.twig' with {
cargo: '',
link: path ('department-staff-person'),
} %}
{% include 'molecules/members/teacher.html.twig' with {
cargo: '',
link: path ('department-staff-person'),
} %}
</usc-tabs-body-item>
<usc-tabs-body-item name="tab04" class="is-no-print">
<template v-slot:mobile-header>
Horarios e exames
</template>
<div class="ml-filters-group is-wrap">
<usc-dropdown-filter
label="Cuadrimestre"
:initial-value="{value: 'Primeiro cuadrimestre'}"
id="filtro-cuadrimestre"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.filter" data-value="primeiro-cuadrimestre">
Primeiro cuadrimestre
</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="segundo-cuadrimestre">
Segundo cuadrimestre
</button>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Semana"
:initial-value="{value: '1ª semana (23out/30out)'}"
parent="#filtro-cuadrimestre"
id="filtro-semana"
>
<template v-slot:default="slotProps">
<li data-parent="primeiro-cuadrimestre">
<button type="button" @click="slotProps.filter" data-value="semana-44">
1ª semana (26out/1nov)
</button>
</li>
<li data-parent="primeiro-cuadrimestre">
<button type="button" @click="slotProps.filter" data-value="semana-45">
2ª semana (2nov/8nov)
</button>
</li>
<li class="is-hidden" data-parent="segundo-cuadrimestre">
<button type="button" @click="slotProps.filter" data-value="semana-5">
1ª semana (1feb/7feb)
</button>
</li>
<li class="is-hidden" data-parent="segundo-cuadrimestre">
<button type="button" @click="slotProps.filter" data-value="semana-6">
2ª semana (8feb/14feb)
</button>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Expositivas"
target-container="#filtered-container"
target-items=".expositive-subject"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.reset">Todos os grupos</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clie_01">CLIE_01</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clie_02">CLIE_02</button>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Laboratorio"
target-container="#filtered-container"
target-items=".lab-subject"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.reset">Todos os grupos</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clil_01">CLIL_01</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clil_02">CLIL_02</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clil_03">CLIL_03</button>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Seminarios"
target-container="#filtered-container"
target-items=".seminar-subject"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.reset">Todos os grupos</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clis_01">CLIS_01</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clis_02">CLIS_02</button>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Titorías"
target-container="#filtered-container"
target-items=".seminar-subject"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.reset">Todos os grupos</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clis_01">CLIT_01
</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="clis_02">CLIT_02
</button>
</li>
</template>
</usc-dropdown-filter>
</div>
<div id="filtered-container">
<div id="ajax-container">
<table
v-table-hide-headers="[{header: '.luns-header', items: '.luns-content'}, {header: '.martes-header', items: '.martes-content'}, {header: '.mercores-header', items: '.mercores-content'}]"
class="ml-table is-primary"
>
<caption>1º Cuatrimestre - 1ª semana (26out/1nov)</caption>
<tbody>
<tr class="luns-header">
<th colspan="5">Luns</th>
</tr>
<tr class="seminar-subject clis_02 luns-content">
<td>00:00-00:00</td>
<td>Grupo CLIS_02</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="expositive-subject clie_01 luns-content">
<td>00:00-00:00</td>
<td>Grupo CLIE_01</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="lab-subject clil_01 luns-content">
<td>00:00-00:00</td>
<td>Grupat-buttono CLIL_01</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="martes-header">
<th colspan="5">Martes</th>
</tr>
<tr class="expositive-subject clie_02 martes-content">
<td>00:00-00:00</td>
<td>Grupo CLIE_02</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="seminar-subject clis_01 martes-content">
<td>00:00-00:00</td>
<td>Grupo CLIS_01</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="expositive-subject clie_01 martes-content">
<td>00:00-00:00</td>
<td>Grupo CLIE_01</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="mercores-header">
<th colspan="5">Mércores</th>
</tr>
<tr class="lab-subject clil_02 mercores-content">
<td>00:00-00:00</td>
<td>Grupo CLIL_02</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="expositive-subject clie_02 mercores-content">
<td>00:00-00:00</td>
<td>Grupo CLIE_02</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
<tr class="lab-subject clil_01 mercores-content">
<td>00:00-00:00</td>
<td>Grupo CLIL_01</td>
<td>Lingua<td>
<td>Nome da aula</td>
</tr>
</tbody>
</table>
</div>
<table class="ml-table is-primary">
<caption>Exames</caption>
<tbody>
<tr class="expositive-subject clie_01">
<td>Data+Hora</td>
<td colspan="2">Grupo CLIE_01</td>
<td>Nome da aula</td>
</tr>
<tr class="expositive-subject clie_02">
<td>Data+Hora</td>
<td colspan="2">Grupo CLIE_02</td>
<td>Nome da aula</td>
</tr>
</tbody>
</table>
</div>
</usc-tabs-body-item>
</template>
</usc-tabs>
</article>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(function () {
window.uscUi.eventBus.$on('dropdown-filter-changed', function (filterId, value) {
if (filterId === 'filtro-semana' && value) {
$.get('{{ path('subject_ajax') }}', function (data) {
$('#ajax-container').html(data);
window.uscUi.render('#ajax-container');
window.uscUi.eventBus.$emit('dropdown-reload-items');
});
}
});
});
</script>
{% endblock %}