Arreglado problema con el que el color del footer no se actualizaba al recargar la pagina.
This commit is contained in:
parent
b8ef835aa3
commit
48cf239d6d
@ -56,6 +56,8 @@
|
|||||||
import ProximoEpisodio from './proximoEpisodio.vue'
|
import ProximoEpisodio from './proximoEpisodio.vue'
|
||||||
import AnuncioLocal from './anuncioLocal.vue'
|
import AnuncioLocal from './anuncioLocal.vue'
|
||||||
import ComponenteCarga from '../comp-cargando.vue'
|
import ComponenteCarga from '../comp-cargando.vue'
|
||||||
|
import { global } from "../../global";
|
||||||
|
|
||||||
const YAML = require('yaml');
|
const YAML = require('yaml');
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<footer class="page-footer mi-footer" :style="obtenerColor">
|
<footer class="page-footer mi-footer" :style="'background-color: ' + color">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col l6 s12">
|
<div class="col l6 s12">
|
||||||
@ -7,7 +7,8 @@
|
|||||||
<p class="grey-text text-lighten-4">
|
<p class="grey-text text-lighten-4">
|
||||||
Anime de temporada @24FPS y @60FPS, H.264 y H.265<br>
|
Anime de temporada @24FPS y @60FPS, H.264 y H.265<br>
|
||||||
Traducciones de Novelas Ligeras desde Ingles y Japones.<br>
|
Traducciones de Novelas Ligeras desde Ingles y Japones.<br>
|
||||||
Cosas varias.
|
Cosas varias.<br>
|
||||||
|
Color: {{ color }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col l4 offset-l2 s12">
|
<div class="col l4 offset-l2 s12">
|
||||||
@ -34,12 +35,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { global } from "../global";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "mi-footer",
|
name: "mi-footer",
|
||||||
computed: {
|
data: function () {
|
||||||
obtenerColor () {
|
return global
|
||||||
return 'background-color: ' + window.colorActual;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
3
src/global.ts
Normal file
3
src/global.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export let global = {
|
||||||
|
color: '#23bf87'
|
||||||
|
};
|
@ -11,8 +11,6 @@ require('./sass/main.sass');
|
|||||||
window.miRouter = router;
|
window.miRouter = router;
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
window.indiceAnimes = {};
|
window.indiceAnimes = {};
|
||||||
// @ts-ignore
|
|
||||||
window.colorActual = '#23bf87';
|
|
||||||
})();
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
@ -30,6 +30,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ComponenteCarga from '../components/comp-cargando.vue';
|
import ComponenteCarga from '../components/comp-cargando.vue';
|
||||||
|
import { global } from "../global";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "AnimeView",
|
name: "AnimeView",
|
||||||
@ -67,11 +68,14 @@
|
|||||||
if (anime.link === link) {
|
if (anime.link === link) {
|
||||||
vm.datos = anime;
|
vm.datos = anime;
|
||||||
vm.existe = true;
|
vm.existe = true;
|
||||||
|
|
||||||
if (anime.color) {
|
if (anime.color) {
|
||||||
vm.color = window.colorActual = anime.color;
|
vm.color = anime.color;
|
||||||
|
global.color = anime.color;
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
vm.color = window.colorActual = '#23bf87';
|
vm.color = '#23bf87';
|
||||||
|
global.color = '#23bf87';
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
@ -161,9 +161,10 @@ const obtenerLinks = (req: any, res: any) => {
|
|||||||
|
|
||||||
} else if (!err) {
|
} else if (!err) {
|
||||||
console.log("Error: La consulta no dio ningun resultado en obtenerLinks");
|
console.log("Error: La consulta no dio ningun resultado en obtenerLinks");
|
||||||
|
res.send('{ "exito": false }');
|
||||||
} else {
|
} else {
|
||||||
console.log("Error al ejecutar Query en obtenerLinks.\n" + err);
|
console.log("Error al ejecutar Query en obtenerLinks.\n" + err);
|
||||||
res.send(`{ "exito": false }`);
|
res.send('{ "exito": false }');
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -173,7 +174,6 @@ const obtenerLinks = (req: any, res: any) => {
|
|||||||
} else {
|
} else {
|
||||||
console.log("Hubo un error al conectarse a la base de datos :c");
|
console.log("Hubo un error al conectarse a la base de datos :c");
|
||||||
res.send(`{ "exito": false }`);
|
res.send(`{ "exito": false }`);
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user