Cambios menores

src/components/Inicio/curso.vue

@@ -2,8 +2,9 @@
     div.info_curso
         h4.titulo_curso(@mouseenter="resaltarTodasCeldas" @mouseleave="quitarResaltadoCeldas"
             title="Agregar curso a mi horario."
-            @click="agregarCursoAMiHorario"
+            @click.stop="agregarCursoAMiHorario"
         )
+            input.marcador_curso(type="checkbox" v-model="cursoAgregado")
             span.ancho {{ curso.abreviado }} > 
             | {{ curso.nombre }}
         table.datos
@@ -48,6 +49,8 @@
     export default
         name: "curso"
         components: { bloque }
+        data: ->
+            cursoAgregado: no
         props:
             curso:
                 type: Object
@@ -88,6 +91,11 @@
                 estaVacio
         methods:
             agregarCursoAMiHorario: ->
+                if @cursoAgregado
+                    @cursoAgregado = false
+                    @$store.commit "removerCursoMiHorario", @nombreCurso
+                else
+                    @cursoAgregado = true
                     nombre = @nombreCurso
                     datos = @curso
                     @$store.commit "agregarCursoAMiHorario", { nombre, datos }
@@ -129,6 +137,12 @@
 
 <style scoped lang="sass">
 
+    .marcador_curso
+        display: inline-block
+        margin-right: 0.45rem
+        font-size: 1rem
+
+
     .titulo_curso
         display: inline-block
         cursor: pointer

src/store/index.js

@@ -14,12 +14,19 @@ export default new Vuex.Store({
         },
         agregarACelda(state, {idCelda, datos}) {
             state.celdas[idCelda].push(datos);
+        },
+        quitarDeCelda(state) {
+
         },
         agregarCursoAMiHorario(state, {nombre, datos} ) {
             if (!state.horarioUsuario[nombre]) {
                 state.horarioUsuario[nombre] = datos;
                 state.horarioUsuario = Object.assign({}, state.horarioUsuario);
             }
+        },
+        removerCursoMiHorario(state, nombre) {
+            delete state.horarioUsuario[nombre];
+            state.horarioUsuario = Object.assign({}, state.horarioUsuario);
         }
     },
     actions: {