Agregada persistencia del estado de la barra lateral
This commit is contained in:
parent
cfead45f2f
commit
581028261a
10
src/App.vue
10
src/App.vue
@ -23,10 +23,13 @@ div.contenedor(:style="anchoBarraLateral")
|
|||||||
import barraLateral from "./components/App/barra-lateral.vue"
|
import barraLateral from "./components/App/barra-lateral.vue"
|
||||||
import YAML from "yaml"
|
import YAML from "yaml"
|
||||||
|
|
||||||
|
obtenerEstadoBarraLateralOculta = =>
|
||||||
|
(localStorage?.getItem "barra-oculta") == "true"
|
||||||
|
|
||||||
setup = =>
|
setup = =>
|
||||||
store = useStore()
|
store = useStore()
|
||||||
|
|
||||||
barraLateralOculta = ref false
|
barraLateralOculta = ref (obtenerEstadoBarraLateralOculta())
|
||||||
alto = computed (=> store.state.altoPantalla)
|
alto = computed (=> store.state.altoPantalla)
|
||||||
ancho = computed (=> store.state.anchoPantalla)
|
ancho = computed (=> store.state.anchoPantalla)
|
||||||
año = computed (=> store.state.año)
|
año = computed (=> store.state.año)
|
||||||
@ -40,7 +43,10 @@ div.contenedor(:style="anchoBarraLateral")
|
|||||||
{gridTemplateColumns: "20rem auto"}
|
{gridTemplateColumns: "20rem auto"}
|
||||||
)
|
)
|
||||||
|
|
||||||
cambiarEstadoBarraLateral = => barraLateralOculta.value = !barraLateralOculta.value
|
cambiarEstadoBarraLateral = =>
|
||||||
|
nuevoVal = !barraLateralOculta.value
|
||||||
|
localStorage?.setItem "barra-oculta", nuevoVal
|
||||||
|
barraLateralOculta.value = nuevoVal
|
||||||
|
|
||||||
setTimeout (=>
|
setTimeout (=>
|
||||||
resRaw = await fetch "/horarios/#{año.value}_#{periodo.value}_#{facultad.value}_#{escuela.value}.yaml"
|
resRaw = await fetch "/horarios/#{año.value}_#{periodo.value}_#{facultad.value}_#{escuela.value}.yaml"
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import Vuex from 'vuex'
|
import {createStore} from 'vuex'
|
||||||
|
|
||||||
const cambiarModoColor = modo => {
|
const cambiarModoColor = modo => {
|
||||||
const clases = document.body.classList;
|
const clases = document.body.classList;
|
||||||
@ -21,7 +21,7 @@ const cambiarModoColor = modo => {
|
|||||||
clases.add(modo);
|
clases.add(modo);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Vuex.createStore({
|
export default createStore({
|
||||||
state: {
|
state: {
|
||||||
celdas: {},
|
celdas: {},
|
||||||
horarioUsuario: {},
|
horarioUsuario: {},
|
||||||
|
Loading…
Reference in New Issue
Block a user