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