Agregada funcionalidad para ocultar cursos

src/components/Inicio/curso.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
 div.info_curso(:style="estiloCurso")
+    div(:style="cursoOculto? {opacity: '0.5'}: {}")
         h4.titulo_curso(@mouseenter="resaltarTodasCeldas" @mouseleave="quitarResaltadoCeldas")
             // input.marcador_curso(type="checkbox" v-model="cursoAgregado")
             span.ancho {{ curso.abreviado }} >&nbsp;
@@ -32,13 +33,15 @@ div.info_curso(:style="estiloCurso")
     div.acciones-cursos
         span.material-icons(@click.stop="agregarCursoAMiHorario" :title="cursoAgregado? 'Quitar': 'Agregar'")
             | {{ cursoAgregado? "remove": "add" }}
+        span.material-icons(@click.stop="ocultar_mostrarCursoV" :title="cursoOculto? 'Mostrar': 'Ocultar'")
+            | {{ cursoOculto? 'visibility_off': 'visibility' }}
 
 
 //
 </template>
 
 <script lang="coffee">
-    import {computed, onMounted, onUnmounted} from "vue"
+    import {ref, computed, onMounted, onUnmounted} from "vue"
     import {useStore} from "vuex"
     import {
         resaltarCurso
@@ -46,11 +49,13 @@ div.info_curso(:style="estiloCurso")
         resaltarGrupoCurso
         removerResaltadoGrupo
         obtenerClaseGrupoCurso
+        ocultar_mostrarCurso
     } from "./tablaHorarios/funcionesResaltado.coffee"
     import bloque from "./curso/bloque"
 
     setup = (props) =>
         store = useStore()
+        cursoOculto = ref false
 
         esMiHorario = computed (=> props.nombreAño is "Mi horario")
         teoria = computed (=>
@@ -113,6 +118,10 @@ div.info_curso(:style="estiloCurso")
                     datos: props.curso
                 }
 
+        ocultar_mostrarCursoV = =>
+            cursoOculto.value = !cursoOculto.value
+            ocultar_mostrarCurso props.nombreAño, props.curso.abreviado
+
         obtenerClase = (grupo, esLab) =>
             obtenerClaseGrupoCurso props.nombreAño, props.curso.abreviado, grupo, esLab
 
@@ -165,6 +174,7 @@ div.info_curso(:style="estiloCurso")
         onUnmounted desprocesarTeoria
 
         {
+            cursoOculto
             esMiHorario
             teoria
             laboratorio
@@ -179,6 +189,7 @@ div.info_curso(:style="estiloCurso")
             desprocesarTeoria
             resaltarTodasCeldas
             quitarResaltadoCeldas
+            ocultar_mostrarCursoV
         }
 
     export default {

src/components/Inicio/tablaHorarios/funcionesResaltado.coffee

@@ -4,6 +4,22 @@ ejecutarEnElementos = (clase, funcion) =>
         funcion elemento
 
 
+#: Txt -> Txt -> ()
+export ocultar_mostrarCurso = (nombreAnio, cursoAbreviado) =>
+    nombreAnioF = nombreAnio.substring 0, (nombreAnio.indexOf " ")
+    clase = "_#{ nombreAnioF }_#{ cursoAbreviado }"
+
+    ejecutarEnElementos clase, (el) =>
+        clases = el.className
+        if (clases.indexOf "cursor_click") == -1
+            if (el.getAttribute "oculto") == "true"
+                el.removeAttribute "oculto"
+                clases = clases.replace "celda-oculta", ""
+                el.className = clases
+            else
+                el.setAttribute "oculto", "true"
+                el.className += " celda-oculta"
+
 
 #: Txt -> Txt -> ()
 export resaltarCurso = (nombreAño, cursoAbreviado) =>

src/sass/Global.sass

@@ -69,6 +69,9 @@ $duracionTransicion: 100ms
   color: white
 
 
+.celda-oculta
+  display: none
+
 
 @media only screen and (min-width: 777px)
   .mostrar-en-tablet