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 AnuncioLocal from './anuncioLocal.vue'
|
||||
import ComponenteCarga from '../comp-cargando.vue'
|
||||
import { global } from "../../global";
|
||||
|
||||
const YAML = require('yaml');
|
||||
|
||||
export default {
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<footer class="page-footer mi-footer" :style="obtenerColor">
|
||||
<footer class="page-footer mi-footer" :style="'background-color: ' + color">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col l6 s12">
|
||||
@ -7,7 +7,8 @@
|
||||
<p class="grey-text text-lighten-4">
|
||||
Anime de temporada @24FPS y @60FPS, H.264 y H.265<br>
|
||||
Traducciones de Novelas Ligeras desde Ingles y Japones.<br>
|
||||
Cosas varias.
|
||||
Cosas varias.<br>
|
||||
Color: {{ color }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col l4 offset-l2 s12">
|
||||
@ -34,12 +35,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { global } from "../global";
|
||||
|
||||
export default {
|
||||
name: "mi-footer",
|
||||
computed: {
|
||||
obtenerColor () {
|
||||
return 'background-color: ' + window.colorActual;
|
||||
}
|
||||
data: function () {
|
||||
return global
|
||||
}
|
||||
}
|
||||
</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;
|
||||
// @ts-ignore
|
||||
window.indiceAnimes = {};
|
||||
// @ts-ignore
|
||||
window.colorActual = '#23bf87';
|
||||
})();
|
||||
|
||||
|
||||
|
@ -30,6 +30,7 @@
|
||||
|
||||
<script>
|
||||
import ComponenteCarga from '../components/comp-cargando.vue';
|
||||
import { global } from "../global";
|
||||
|
||||
export default {
|
||||
name: "AnimeView",
|
||||
@ -67,11 +68,14 @@
|
||||
if (anime.link === link) {
|
||||
vm.datos = anime;
|
||||
vm.existe = true;
|
||||
|
||||
if (anime.color) {
|
||||
vm.color = window.colorActual = anime.color;
|
||||
vm.color = anime.color;
|
||||
global.color = anime.color;
|
||||
}
|
||||
else {
|
||||
vm.color = window.colorActual = '#23bf87';
|
||||
vm.color = '#23bf87';
|
||||
global.color = '#23bf87';
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
@ -161,9 +161,10 @@ const obtenerLinks = (req: any, res: any) => {
|
||||
|
||||
} else if (!err) {
|
||||
console.log("Error: La consulta no dio ningun resultado en obtenerLinks");
|
||||
res.send('{ "exito": false }');
|
||||
} else {
|
||||
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 {
|
||||
console.log("Hubo un error al conectarse a la base de datos :c");
|
||||
res.send(`{ "exito": false }`);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user