danielGe/PortaFront
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rutas ajustadas

Browse Source
This commit is contained in:
DanielRamirezGe
2020-08-22 02:25:43 -05:00
parent 6863cf7306
commit 1f7f93861a
8 changed files with 108 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/carrusel.vue
+3 -2
View File
@@ -49,13 +49,14 @@ export default {
}, },
async created() { async created() {
try { try {
let path = `${config.api}/imagenCarrusel?nombre=`;
let nombres = await axios.get(`${config.api}/nombreCarrusel`); let nombres = await axios.get(`${config.api}/nombreCarrusel`);
nombres = nombres.data.data; nombres = nombres.data.data;
for (let i = 0; i < nombres.length; i++) { for (let i = 0; i < nombres.length; i++) {
console.log(` Este es el nombre ${nombres[i]}`); console.log(path);
let config = { let config = {
// example url // example url
url: `http://localhost:3000/imagenCarrusel?nombre=${nombres[i]}`, url: `${path}${nombres[i]}`,
method: "GET", method: "GET",
responseType: "blob" responseType: "blob"
}; };
src/components/cartLibro.vue
+12 -2
View File
@@ -6,6 +6,7 @@
style="width: 12rem;" style="width: 12rem;"
v-bind:key="libro.id" v-bind:key="libro.id"
v-for="libro in Libros" v-for="libro in Libros"
@click="descripcion(libro.id)"
> >
<router-link :to="{ path: 'home' }" class="textt"> <router-link :to="{ path: 'home' }" class="textt">
<img :src="libro.img" class="card-img-top rounded" alt="libro" /> <img :src="libro.img" class="card-img-top rounded" alt="libro" />
@@ -29,9 +30,18 @@ export default {
Libros: [] Libros: []
}; };
}, },
methods: {
async descripcion(idLibro) {
console.log(` Este es el id del libro ${idLibro}`);
localStorage.clear();
window.localStorage.setItem("idLibro", idLibro);
this.$router.push("/desc");
}
},
async created() { async created() {
try { try {
let novedades = await axios.get(`${config.api}/librosNovedades`); let novedades = await axios.get(`${config.api}/librosNovedades`);
let path = `${config.api}/libroImagen?idLibro=`;
novedades = novedades.data.data; novedades = novedades.data.data;
console.log(`${novedades}`); console.log(`${novedades}`);
for (let i = 0; i < novedades.length; i++) { for (let i = 0; i < novedades.length; i++) {
@@ -39,7 +49,7 @@ export default {
//this.Libros[i].title = novedades[i].titulo; //this.Libros[i].title = novedades[i].titulo;
let config = { let config = {
// example url // example url
url: `http://localhost:3000/libroImagen?idLibro=${(i % 3) + 1}`, url: `${path}${(i % 3) + 1}`,
method: "GET", method: "GET",
responseType: "blob" responseType: "blob"
}; };
@@ -48,7 +58,7 @@ export default {
reader.readAsDataURL(response.data); reader.readAsDataURL(response.data);
reader.onload = () => { reader.onload = () => {
this.Libros.push({ this.Libros.push({
id: i, id: novedades[i].idLibro,
title: novedades[i].titulo, title: novedades[i].titulo,
img: reader.result img: reader.result
}); });
src/components/descripcion.vue
+22 -26
View File
@@ -62,15 +62,16 @@
style="width: 12rem;" style="width: 12rem;"
v-bind:key="libro.id" v-bind:key="libro.id"
v-for="libro in Libros" v-for="libro in Libros"
@click="descripcion(libro.id)"
> >
<router-link :to="{ path: 'home' }" class="textt"> <div class="textt">
<img :src="libro.img" class="card-img-top rounded" alt="libro" /> <img :src="libro.img" class="card-img-top rounded" alt="libro" />
<div class="card-body cd textt"> <div class="card-body cd textt">
<p class="card-text textt"> <p class="card-text textt">
{{ libro.title }} {{ libro.title }}
</p> </p>
</div> </div>
</router-link> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -100,30 +101,20 @@ export default {
desc: ``, desc: ``,
boton2: "", boton2: "",
categoria: "", categoria: "",
Libros: [ Libros: []
{
id: 0,
title: "",
img: ""
},
{
id: 1,
title: "",
img: ""
},
{
id: 1,
title: "",
img: ""
}
]
}; };
}, },
methods: {
async descripcion(idLibro) {
localStorage.clear();
window.localStorage.setItem("idLibro", idLibro);
location.reload();
}
},
async created() { async created() {
let path = `${config.api}`;
try { try {
//this.idLibro = window.localStorage.getItem("idLibro"); this.idLibro = window.localStorage.getItem("idLibro");
this.idLibro = 1;
let detalle = await axios.get( let detalle = await axios.get(
`${config.api}/libroDetalle?idLibro=${this.idLibro}` `${config.api}/libroDetalle?idLibro=${this.idLibro}`
); );
@@ -144,11 +135,12 @@ export default {
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
this.idLibro = 1;
try { try {
let config = { let config = {
// example url // example url
url: `http://localhost:3000/libroImagen?idLibro=${this.idLibro}`, url: `${path}/libroImagen?idLibro=${this.idLibro}`,
method: "GET", method: "GET",
responseType: "blob" responseType: "blob"
}; };
@@ -169,10 +161,9 @@ export default {
similares = similares.data.data; similares = similares.data.data;
console.log(`${similares}`); console.log(`${similares}`);
for (let i = 0; i < similares.length; i++) { for (let i = 0; i < similares.length; i++) {
this.Libros[i].title = similares[i].titulo;
let config = { let config = {
// example url // example url
url: `http://localhost:3000/libroImagen?idLibro=${i + 2}`, url: `${path}/libroImagen?idLibro=${i + 2}`,
method: "GET", method: "GET",
responseType: "blob" responseType: "blob"
}; };
@@ -180,7 +171,12 @@ export default {
let reader = new FileReader(); let reader = new FileReader();
reader.readAsDataURL(response.data); reader.readAsDataURL(response.data);
reader.onload = () => { reader.onload = () => {
this.Libros[i].img = reader.result; this.Libros.push({
id: similares[i].idLibro,
title: similares[i].titulo,
img: reader.result
});
//this.Libros[i].img = reader.result;
}; };
}); });
} }
src/components/footer.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template> <template>
<footer class="container-fluid Azul-puma footer py-3 "> <footer class="container-fluid Azul-puma footer py-3 ">
<container> <div class="container">
<div row> <div row>
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno"> <button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
Comité Editorial Comité Editorial
@@ -18,7 +18,7 @@
Puntos de Venta Puntos de Venta
</button> </button>
</div> </div>
</container> </div>
<div row> <div row>
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p> <p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
<p class="my-0 "> <p class="my-0 ">
src/components/header.vue
+32 -34
View File
@@ -1,39 +1,37 @@
<template> <template>
<container> <div class="row divMaster header cl-12 azulUnam">
<div class="row divMaster header cl-12 azulUnam"> <div
<div class="logo_unam col-4 offset-1 d-inline-flex my-2 align-items-center"
class="logo_unam col-4 offset-1 d-inline-flex my-2 align-items-center" >
> <a href="https://www.unam.mx/" target="_blank">
<a href="https://www.unam.mx/" target="_blank"> <img class="sizeImg" src="../assets/Logo-UNAM.png" alt="logo unam" />
<img class="sizeImg" src="../assets/Logo-UNAM.png" alt="logo unam" /> </a>
</a>
</div>
<div
class="logo_acatlan col-4 offset-2 d-inline-flex justify-content-end my-2 align-items-center"
>
<a href="https://www.acatlan.unam.mx/" target="_blank">
<img
class="sizeImg"
src="../assets/FES-editoriales.png"
alt="logo unam"
/>
</a>
</div>
<div
class="logo_acatlan_resp col-8 offset-2 d-flex justify-content-center my-2 align-items-center"
>
<a href="https://www.acatlan.unam.mx/" target="_blank">
<img
class="sizeImg"
src="../assets/FES-editoriales.png"
alt="logo unam"
/>
</a>
</div>
</div> </div>
</container>
<div
class="logo_acatlan col-4 offset-2 d-inline-flex justify-content-end my-2 align-items-center"
>
<a href="https://www.acatlan.unam.mx/" target="_blank">
<img
class="sizeImg"
src="../assets/FES-editoriales.png"
alt="logo unam"
/>
</a>
</div>
<div
class="logo_acatlan_resp col-8 offset-2 d-flex justify-content-center my-2 align-items-center"
>
<a href="https://www.acatlan.unam.mx/" target="_blank">
<img
class="sizeImg"
src="../assets/FES-editoriales.png"
alt="logo unam"
/>
</a>
</div>
</div>
</template> </template>
<style> <style>
src/config/config.js
+1 -1
View File
@@ -1,5 +1,5 @@
const config = { const config = {
api: "http://localhost:3000" api: "http://localhost:3001"
//api: "https://venus.acatlan.unam.mx/indiana_hackaton" //api: "https://venus.acatlan.unam.mx/indiana_hackaton"
}; };
module.exports = config; module.exports = config;
src/esteticas/nav.vue
+35 -12
View File
@@ -21,11 +21,13 @@
class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around mt-0 mt-lg-0" class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around mt-0 mt-lg-0"
> >
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#">Inicio</a> <a class="nav-link text-white" href="#" @click="inicio()"
>Inicio</a
>
</li> </li>
<li class="nav-item"> <!--<li class="nav-item">
<a class="nav-link text-white" href="#">Presentacion</a> <a class="nav-link text-white" href="#">Presentacion</a>
</li> </li>-->
<li class="nav-item"> <li class="nav-item">
<div class="dropdown"> <div class="dropdown">
@@ -45,34 +47,48 @@
class="dropdown-menu azulUnam" class="dropdown-menu azulUnam"
aria-labelledby="navbarDropdown" aria-labelledby="navbarDropdown"
> >
<a class="dropdown-item text-white" href="#" <a
class="dropdown-item text-white"
@click="tema('Ciencias Socioeconomicas')"
>Ciencias Socioeconomicas</a >Ciencias Socioeconomicas</a
> >
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item text-white" href="#" <a
class="dropdown-item text-white"
@click="tema('Diseño y Edificacion')"
>Diseño y Edificacion</a >Diseño y Edificacion</a
> >
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item text-white" href="#" <a
class="dropdown-item text-white"
@click="tema('Enseñanza de Idiomas')"
>Enseñanza de Idiomas</a >Enseñanza de Idiomas</a
> >
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item text-white" href="#" <a
class="dropdown-item text-white"
@click="tema('Estudios de Posgrado')"
>Estudios de Posgrado</a >Estudios de Posgrado</a
> >
<div class="dropdown-divider "></div> <div class="dropdown-divider "></div>
<a class="dropdown-item text-white " href="#">Humanidades</a> <a
class="dropdown-item text-white "
@click="tema('Humanidades')"
>Humanidades</a
>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item text-white" href="#" <a
class="dropdown-item text-white"
@click="tema('Matematicas e Ingenieria')"
>Matematicas e Ingenieria</a >Matematicas e Ingenieria</a
> >
</div> </div>
</div> </div>
</li> </li>
<li class="nav-item"> <!--<li class="nav-item">
<a class="nav-link text-white" href="#">Difusion Editorial</a> <a class="nav-link text-white" href="#">Difusion Editorial</a>
</li> </li>-->
</ul> </ul>
</div> </div>
@@ -97,7 +113,6 @@
viewBox="0 0 16 16" viewBox="0 0 16 16"
class="bi bi-search blanco" class="bi bi-search blanco"
fill="currentColor" fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
> >
<path <path
fill-rule="evenodd" fill-rule="evenodd"
@@ -125,6 +140,14 @@ export default {
}; };
}, },
methods: { methods: {
inicio() {
this.$router.push("/").catch(() => {
location.reload();
});
},
async tema(categoria) {
window.localStorage.setItem("categoria", categoria);
},
method() { method() {
this.isExist = !this.isExist; this.isExist = !this.isExist;
} }
src/view/login.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<Header></Header> <Header />
<h1 class="my-5">Inicia Sesion</h1> <h1 class="my-5">Inicia Sesion</h1>
<div class="row d-flex justify-content-center"> <div class="row d-flex justify-content-center">
<div class="col-12 col-md-8 col-lg-6 col-xl-6"> <div class="col-12 col-md-8 col-lg-6 col-xl-6">