Arreglado problema con el que el color del footer no se actualizaba al recargar la pagina.

master
Fernando 2018-12-12 21:30:11 -05:00
parent b8ef835aa3
commit 48cf239d6d
6 changed files with 20 additions and 12 deletions

View File

@ -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 {

View File

@ -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
View File

@ -0,0 +1,3 @@
export let global = {
color: '#23bf87'
};

View File

@ -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';
})(); })();

View File

@ -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;
} }

View File

@ -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 }`);
} }
}); });