From 5b1e387e91e05d5f439b8d0ab7d44c6eb9f32e18 Mon Sep 17 00:00:00 2001
From: Araozu <tbyuyfcjjll@gmail.com>
Date: Tue, 2 Jun 2020 19:17:05 -0500
Subject: [PATCH] Cambiado checkbox por boton para agregar/eliminar curso.

---
 .../2020_1_fps_ingenieriadesistemas.yaml      |  5 +++
 src/components/Inicio/curso.vue               | 37 ++++++++++++++++---
 src/views/Inicio.vue                          |  1 +
 3 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/public/horarios/2020_1_fps_ingenieriadesistemas.yaml b/public/horarios/2020_1_fps_ingenieriadesistemas.yaml
index 380adea..900caec 100644
--- a/public/horarios/2020_1_fps_ingenieriadesistemas.yaml
+++ b/public/horarios/2020_1_fps_ingenieriadesistemas.yaml
@@ -495,6 +495,11 @@ años:
             - Lu1640
             - Lu1740
       Laboratorio:
+        A:
+          Docente: Juan C. Juarez
+          Horas:
+            - Lu0850
+            - Lu0940
         C:
           Docente: T. Ramires (?)
           Horas:
diff --git a/src/components/Inicio/curso.vue b/src/components/Inicio/curso.vue
index 0cfcf21..127852b 100644
--- a/src/components/Inicio/curso.vue
+++ b/src/components/Inicio/curso.vue
@@ -1,10 +1,9 @@
 <template lang="pug">
-    div.info_curso
+    div.info_curso(:style="estiloCurso")
         h4.titulo_curso(@mouseenter="resaltarTodasCeldas" @mouseleave="quitarResaltadoCeldas"
-            :title="cursoAgregado? 'Remover de mi horario': 'Agregar curso a mi horario'"
-            @click.stop="agregarCursoAMiHorario"
+
         )
-            input.marcador_curso(type="checkbox" v-model="cursoAgregado")
+            // input.marcador_curso(type="checkbox" v-model="cursoAgregado")
             span.ancho {{ curso.abreviado }} >&nbsp;
             | {{ curso.nombre }}
         table.datos
@@ -32,6 +31,11 @@
                     td
                         span.ancho | _
 
+        div.acciones-cursos
+            span.material-icons(@click.stop="agregarCursoAMiHorario" :title="cursoAgregado? 'Quitar': 'Agregar'")
+                | {{ cursoAgregado? "remove": "add" }}
+
+
     //
 </template>
 
@@ -103,6 +107,9 @@
                     if idCurso is @idCurso then return true
 
                 false
+            estiloCurso: ->
+                if @cursoAgregado then { backgroundColor: "var(--colorHover)" }
+                else {}
         methods:
             agregarCursoAMiHorario: ->
                 if @cursoAgregado
@@ -171,6 +178,21 @@
 
 <style scoped lang="sass">
 
+    .acciones-cursos
+        margin-top: 0.15rem
+        display: inline-table
+        .material-icons
+            display: table-cell
+            user-select: none
+            cursor: pointer
+            font-size: 1.5rem
+            border: solid 1px transparent
+            border-radius: 2px
+            &:hover
+                border: solid 1px var(--colorTexto)
+                background-color: var(--colorHover)
+
+
     .marcador_curso
         display: inline-block
         margin-right: 0.45rem
@@ -186,11 +208,14 @@
 
     .info_curso
         display: inline-block
-        padding: 1rem
+        padding: 0.5rem 0.75rem
         vertical-align: top
+        border-radius: 2px
+        margin-right: 0.2rem
+        margin-bottom: 0.2rem
 
         h4
-            margin-top: 1rem
+            margin-top: 0.5rem
             margin-bottom: 0.25rem
 
     .teoria, .laboratorio, .datos
diff --git a/src/views/Inicio.vue b/src/views/Inicio.vue
index 6ae8ae5..999f89b 100644
--- a/src/views/Inicio.vue
+++ b/src/views/Inicio.vue
@@ -16,6 +16,7 @@
         br
 
         anio(:año="horarioUsuario" nombreAño="Mi horario")
+
         anio(v-for="(año, i) in datos.años" :key="i"
             :año="año" :nombreAño="i"
         )