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 AnuncioLocal from './anuncioLocal.vue'
import ComponenteCarga from '../comp-cargando.vue'
import { global } from "../../global";
const YAML = require('yaml');
export default {

View File

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

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

View File

@ -11,8 +11,6 @@ require('./sass/main.sass');
window.miRouter = router;
// @ts-ignore
window.indiceAnimes = {};
// @ts-ignore
window.colorActual = '#23bf87';
})();

View File

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

View File

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