Agregada funcionalidad para seleccionar un curso.

src/components/Inicio/tablaHorarios/celda-curso.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script lang="coffee">
-    import { resaltarGrupoCurso, removerResaltadoGrupo } from "./funcionesResaltado.coffee"
+    import { resaltarGrupoCurso, removerResaltadoGrupo, activarGrupoCurso } from "./funcionesResaltado.coffee"
 
     export default
         name: "celda-curso"
@@ -44,21 +44,12 @@
             nombreGrupo: -> @datos.nombreGrupo
             esLab: -> @datos.esLab
         methods:
-            resaltarCeldasGrupo: () ->
+            resaltarCeldasGrupo: ->
                 resaltarGrupoCurso @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab
-            quitarResaltadoGrupo: () ->
+            quitarResaltadoGrupo: ->
                 removerResaltadoGrupo @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab
-            activarGrupo: () ->
+            toggleActivo: ->
-                resaltarGrupoCurso @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab
+                activarGrupoCurso @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab
-            desactivarGrupo: () ->
-                removerResaltadoGrupo @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab
-            # TODO: Hacer que el state se almacene en los elementos HTML en si
-            toggleActivo: () ->
-                @celdaCursoActiva = !@celdaCursoActiva
-                if @celdaCursoActiva
-                    @activarGrupo()
-                else
-                    @desactivarGrupo()
 
 
 #

src/components/Inicio/tablaHorarios/funcionesResaltado.coffee

@@ -1,26 +1,31 @@
+ejecutarEnElementos = (clase, funcion) =>
+    elementos = document.getElementsByClassName clase
+    for elemento in elementos
+        funcion elemento
+
+
+
 #: Txt -> Txt -> ()
 export resaltarCurso = (nombreAño, cursoAbreviado) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }"
 
-    elementos = document.getElementsByClassName clase
+    ejecutarEnElementos clase, (elementos) =>
+        for elemento in elementos
+            nuevaClase =
+                if (elemento.getAttribute "eslab") is "true"
+                    "celda__lab--resaltado"
+                else
+                    "celda__teoria--resaltado"
+            elemento.className += " #{nuevaClase}"
 
-    for elemento in elementos
-        nuevaClase =
-            if (elemento.getAttribute "eslab") is "true"
-                "celda__lab--resaltado"
-            else
-                "celda__teoria--resaltado"
-        elemento.className += " #{nuevaClase}"
 
 
 export removerResaltadoCurso = (nombreAño, cursoAbreviado) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }"
 
-    elementos = document.getElementsByClassName clase
+    ejecutarEnElementos clase, (elemento) =>
-
-    for elemento in elementos
         clases = elemento.className
         clasesNueva = clases.replace "celda__lab--resaltado", ""
         clasesNueva = clasesNueva.replace "celda__teoria--resaltado", ""
@@ -28,57 +33,69 @@ export removerResaltadoCurso = (nombreAño, cursoAbreviado) =>
         elemento.className = clasesNueva
 
 
+resaltarElemento = (elemento, esLab) =>
+    nuevaClase = "celda__#{ if esLab then 'lab' else 'teoria' }--resaltado"
+    elemento.className += " #{nuevaClase}"
+
+
 export resaltarGrupoCurso = (nombreAño, cursoAbreviado, grupo, esLab) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }_#{ (if esLab then 'L' else '') + grupo }"
 
-    elementos = document.getElementsByClassName clase
+    ejecutarEnElementos clase, (elemento) => resaltarElemento elemento, esLab
 
-    for elemento in elementos
+
-        if (elemento.getAttribute "eslab") is esLab.toString()
+removerResaltadoElemento = (elemento) =>
-            nuevaClase = "celda__#{ if esLab then 'lab' else 'teoria' }--resaltado"
+    clases = elemento.className
-            elemento.className += " #{nuevaClase}"
+    clasesNueva = clases.replace "celda__lab--resaltado", ""
+    clasesNueva = clasesNueva.replace "celda__teoria--resaltado", ""
+
+    elemento.className = clasesNueva
 
 
 export removerResaltadoGrupo = (nombreAño, cursoAbreviado, grupo, esLab) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }_#{ (if esLab then 'L' else '') + grupo }"
 
-    elementos = document.getElementsByClassName clase
+    ejecutarEnElementos clase, (elemento) => removerResaltadoElemento elemento, esLab
-
-    for elemento in elementos
-        if (elemento.getAttribute "eslab") is esLab.toString()
-            clases = elemento.className
-            clasesNueva = clases.replace "celda__lab--resaltado", ""
-            clasesNueva = clasesNueva.replace "celda__teoria--resaltado", ""
-
-            elemento.className = clasesNueva
 
 
 export registrarCurso = (nombreAño, cursoAbreviado, grupo, esLab) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }_#{ (if esLab then 'L' else '') + grupo }"
 
-    elementos = document.getElementsByClassName clase
+    ejecutarEnElementos clase, (elemento) =>
+        nuevaClase = "celda__#{ if esLab then 'lab' else 'teoria' }--activo"
 
-    for elemento in elementos
+        elemento.className += " #{nuevaClase}"
-        if (elemento.getAttribute "eslab") is esLab.toString()
-            nuevaClase = "celda__#{ if esLab then 'lab' else 'teoria' }--activo"
-
-            elemento.className += " #{nuevaClase}"
 
 
 export desregistrarCurso = (nombreAño, cursoAbreviado, grupo, esLab) =>
     nombreAñoF = nombreAño.substring 0, (nombreAño.indexOf " ")
     clase = "_#{ nombreAñoF }_#{ cursoAbreviado }_#{ (if esLab then 'L' else '') + grupo }"
 
+    ejecutarEnElementos clase, (elemento) =>
+        clases = elemento.className
+        clasesNueva = clases.replace "celda__lab--activo", ""
+        clasesNueva = clasesNueva.replace "celda__teoria--activo", ""
+
+        elemento.className = clasesNueva
+
+
+
+export activarGrupoCurso = (nombreAño, cursoAbreviado, grupo, esLab) =>
+    nombreAñoF = nombreAño.substring 0, nombreAño.indexOf " "
+    clase = "_#{ nombreAñoF }_#{ cursoAbreviado }_#{ (if esLab then 'L' else '') + grupo }"
+
     elementos = document.getElementsByClassName clase
 
     for elemento in elementos
-        if (elemento.getAttribute "eslab") is esLab.toString()
+        estaActivo = ((elemento.getAttribute "activo") ? "no") is "si"
-            clases = elemento.className
+        if estaActivo
-            clasesNueva = clases.replace "celda__lab--activo", ""
+            removerResaltadoElemento elemento, esLab
-            clasesNueva = clasesNueva.replace "celda__teoria--activo", ""
+            elemento.setAttribute "activo", "no"
+        else
+            resaltarElemento elemento, esLab
+            elemento.setAttribute "activo", "si"
 
-            elemento.className = clasesNueva