From 8ddd80d22dde80b51bafdfd64feb54cea23ef87b Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Tue, 11 Aug 2020 08:02:18 -0500
Subject: [PATCH] Agregada funcionalidad para ocultar cursos

---
 src/components/Inicio/curso.vue               | 55 +++++++++++--------
 .../tablaHorarios/funcionesResaltado.coffee   | 16 ++++++
 src/sass/Global.sass                          |  3 +
 3 files changed, 52 insertions(+), 22 deletions(-)

diff --git a/src/components/Inicio/curso.vue b/src/components/Inicio/curso.vue
index 4ba7596..f7f13b3 100644
--- a/src/components/Inicio/curso.vue
+++ b/src/components/Inicio/curso.vue
@@ -1,44 +1,47 @@
 <template lang="pug">
 div.info_curso(:style="estiloCurso")
-    h4.titulo_curso(@mouseenter="resaltarTodasCeldas" @mouseleave="quitarResaltadoCeldas")
-        // input.marcador_curso(type="checkbox" v-model="cursoAgregado")
-        span.ancho {{ curso.abreviado }} >&nbsp;
-        | {{ curso.nombre }}
-    table.datos
-        tr
-            bloque(v-for="(grupos, profesor) in teoria"
-                :grupos="grupos"
-                :profesor="profesor"
-                :nombreAño="nombreAño"
-                :abreviado="curso.abreviado"
-                :key="profesor"
-            )
-
-        tr
-            template(v-if="!laboratorioVacio")
-                bloque(v-for="(grupos, profesor) in laboratorio"
+    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;
+            | {{ curso.nombre }}
+        table.datos
+            tr
+                bloque(v-for="(grupos, profesor) in teoria"
                     :grupos="grupos"
                     :profesor="profesor"
-                    :esLab="true"
                     :nombreAño="nombreAño"
                     :abreviado="curso.abreviado"
                     :key="profesor"
                 )
 
-            template(v-else)
-                td
-                    span.ancho | _
+            tr
+                template(v-if="!laboratorioVacio")
+                    bloque(v-for="(grupos, profesor) in laboratorio"
+                        :grupos="grupos"
+                        :profesor="profesor"
+                        :esLab="true"
+                        :nombreAño="nombreAño"
+                        :abreviado="curso.abreviado"
+                        :key="profesor"
+                    )
+
+                template(v-else)
+                    td
+                        span.ancho | _
 
     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 {
diff --git a/src/components/Inicio/tablaHorarios/funcionesResaltado.coffee b/src/components/Inicio/tablaHorarios/funcionesResaltado.coffee
index 14add21..121e943 100644
--- a/src/components/Inicio/tablaHorarios/funcionesResaltado.coffee
+++ b/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) =>
diff --git a/src/sass/Global.sass b/src/sass/Global.sass
index 66d4851..73cd93a 100644
--- a/src/sass/Global.sass
+++ b/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