Compare commits
30 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 801df5d669 | |||
| 6b6bc2cd4e | |||
| 47050252d1 | |||
| 01b4aee59b | |||
| 3f8580b19a | |||
| e1527f74a0 | |||
| 5b7da58307 | |||
| 4da72ad48e | |||
| 043b92e522 | |||
| cbf47c7709 | |||
| 216cac71c8 | |||
| d1c4cc0085 | |||
| bbf6ac77af | |||
| 6b7f1d55c0 | |||
| b7e1a62b68 | |||
| 03718594c6 | |||
| ac4187e317 | |||
| 6275d586b4 | |||
| 762a0335e2 | |||
| a1d39e8c45 | |||
| fbf269e66d | |||
| d5a35a523b | |||
| c7350df32e | |||
| d0cac70d64 | |||
| bbe67324d2 | |||
| 1690545b2a | |||
| ff4af2e97c | |||
| ad38d4bf33 | |||
| 1fdfbc803d | |||
| ae0b3cc02e |
@@ -1,6 +1,5 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
|
||||
|
After Width: | Height: | Size: 278 KiB |
|
After Width: | Height: | Size: 278 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 8.4 KiB |
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.f3c1ecc3.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.c4a9c942.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.f3c1ecc3.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.c4a9c942.js></script></body></html>
|
||||
@@ -26,4 +26,8 @@ export default {
|
||||
.row {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
height: 18rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="divMaster row my-5">
|
||||
<div class="divMaster row ">
|
||||
<div
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide col-md-10 col-lg-10 col-xl-10 col-12 mx-auto"
|
||||
class="carousel slide col-md-10 col-lg-10 col-xl-10 my-5 col-12 mx-auto"
|
||||
data-ride="carousel"
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
|
||||
@@ -49,21 +49,25 @@ export default {
|
||||
//this.Libros[i].title = novedades[i].titulo;
|
||||
let config = {
|
||||
// example url
|
||||
url: `${path}${(i % 3) + 1}`,
|
||||
url: `${path}${novedades[i].idLibro}`,
|
||||
method: "GET",
|
||||
responseType: "blob"
|
||||
};
|
||||
await axios(config).then(response => {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(response.data);
|
||||
reader.onload = () => {
|
||||
this.Libros.push({
|
||||
id: novedades[i].idLibro,
|
||||
title: novedades[i].titulo,
|
||||
img: reader.result
|
||||
});
|
||||
};
|
||||
});
|
||||
try {
|
||||
await axios(config).then(response => {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(response.data);
|
||||
reader.onload = () => {
|
||||
this.Libros.push({
|
||||
id: novedades[i].idLibro,
|
||||
title: novedades[i].titulo,
|
||||
img: reader.result
|
||||
});
|
||||
};
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(`No existe esa imagen`);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(`Ocurrio un error ${error}`);
|
||||
|
||||
@@ -3,9 +3,12 @@
|
||||
<div class="row ">
|
||||
<div class="col-md-6 col-sm-12 py-5">
|
||||
<img :src="src" alt="" class="libro" />
|
||||
<button class="button pre">
|
||||
Previsualizar</button
|
||||
><br /><br />
|
||||
<button class="button pre" @click="showModal">
|
||||
Previsualizar
|
||||
</button>
|
||||
|
||||
<modal v-show="isModalVisible" @close="closeModal" :pdfPre="PDF" />
|
||||
<br /><br />
|
||||
<div class="container">
|
||||
<div class="row izq">
|
||||
<b style="font-size: 18px;" class="izq">Compartir</b><br />
|
||||
@@ -49,14 +52,18 @@
|
||||
<p>{{ version }}</p>
|
||||
<b>Descripción:</b>
|
||||
<div class="overflow-auto">{{ desc }}</div>
|
||||
<button class="button ">
|
||||
{{ boton2 }}
|
||||
</button>
|
||||
|
||||
<a
|
||||
href="https://demo-tienda.acatlan.unam.mx/"
|
||||
class="button text-white d-flex justify-content-center align-items-center"
|
||||
>
|
||||
<p class="text-center">Comprar</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<Title title="Similares" />
|
||||
<div class="divMaster row mb-5">
|
||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
||||
<div class="divMaster row ">
|
||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center mb-5">
|
||||
<div
|
||||
class="card m-3"
|
||||
style="width: 12rem;"
|
||||
@@ -82,9 +89,12 @@
|
||||
import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
import Title from "../components/titulo.vue";
|
||||
import modal from "../components/previsual.vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
Title
|
||||
Title,
|
||||
modal
|
||||
},
|
||||
|
||||
data() {
|
||||
@@ -101,7 +111,12 @@ export default {
|
||||
desc: ``,
|
||||
boton2: "",
|
||||
categoria: "",
|
||||
Libros: []
|
||||
Libros: [],
|
||||
|
||||
isModalVisible: false,
|
||||
//PDF: "http://www.ataun.eus/bibliotecagratuita/Cl%C3%A1sicos%20en%20Espa%C3%B1ol/Nicol%C3%A1s%20Maquiavelo/El%20pr%C3%ADncipe.pdf#toolbar=0&navpanes=0&scrollbar=0&zoom=80"
|
||||
PDF: "RUTA.pdf" //nombre del archivo de previsualizacion del libro
|
||||
// "https://www.imprentanacional.go.cr/editorialdigital/libros/literatura%20infantil/el_principito_edincr.pdf"
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@@ -109,6 +124,12 @@ export default {
|
||||
localStorage.clear();
|
||||
window.localStorage.setItem("idLibro", idLibro);
|
||||
location.reload();
|
||||
},
|
||||
showModal() {
|
||||
this.isModalVisible = true;
|
||||
},
|
||||
closeModal() {
|
||||
this.isModalVisible = false;
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
@@ -135,7 +156,6 @@ export default {
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
this.idLibro = 1;
|
||||
|
||||
try {
|
||||
let config = {
|
||||
@@ -163,22 +183,26 @@ export default {
|
||||
for (let i = 0; i < similares.length; i++) {
|
||||
let config = {
|
||||
// example url
|
||||
url: `${path}/libroImagen?idLibro=${i + 2}`,
|
||||
url: `${path}/libroImagen?idLibro=${similares[i].idLibro}`,
|
||||
method: "GET",
|
||||
responseType: "blob"
|
||||
};
|
||||
await axios(config).then(response => {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(response.data);
|
||||
reader.onload = () => {
|
||||
this.Libros.push({
|
||||
id: similares[i].idLibro,
|
||||
title: similares[i].titulo,
|
||||
img: reader.result
|
||||
});
|
||||
//this.Libros[i].img = reader.result;
|
||||
};
|
||||
});
|
||||
try {
|
||||
await axios(config).then(response => {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(response.data);
|
||||
reader.onload = () => {
|
||||
this.Libros.push({
|
||||
id: similares[i].idLibro,
|
||||
title: similares[i].titulo,
|
||||
img: reader.result
|
||||
});
|
||||
//this.Libros[i].img = reader.result;
|
||||
};
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(`Este libro no se encuentra: ${error}`);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(`Ocurrio un error ${error}`);
|
||||
|
||||
@@ -2,21 +2,32 @@
|
||||
<footer class="container-fluid Azul-puma footer py-3 ">
|
||||
<div class="container">
|
||||
<div row>
|
||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
|
||||
Comité Editorial
|
||||
</button>
|
||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
||||
Política Editorial y Lineamentos
|
||||
</button>
|
||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer tres">
|
||||
Proceso Editorial y Organismos
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="col-md-6 col-sm-12 btn boton-footer cuatro"
|
||||
<router-link to="/comite">
|
||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
|
||||
Comité Editorial
|
||||
</button>
|
||||
</router-link>
|
||||
<router-link to="/lineamientos">
|
||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
||||
Política Editorial y Lineamentos
|
||||
</button></router-link
|
||||
>
|
||||
Puntos de Venta
|
||||
</button>
|
||||
<router-link to="/proceso">
|
||||
<button
|
||||
type="button"
|
||||
class="col-md-6 col-sm-12 btn boton-footer tres"
|
||||
>
|
||||
Proceso Editorial y Organismos
|
||||
</button>
|
||||
</router-link>
|
||||
<router-link to="/puntos">
|
||||
<button
|
||||
type="button"
|
||||
class="col-md-6 col-sm-12 btn boton-footer cuatro"
|
||||
>
|
||||
Puntos de Venta
|
||||
</button>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
<div row>
|
||||
|
||||
@@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<transition name="modal">
|
||||
<div class="modal-backdrop" @click.self="close()">
|
||||
<div
|
||||
class="modal"
|
||||
role="dialog"
|
||||
aria-labelledby="modalTitle"
|
||||
aria-describedby="modalDescription"
|
||||
>
|
||||
<section class="modal-body rounded" id="modalDescription">
|
||||
<iframe
|
||||
:src="PDF"
|
||||
width="100%"
|
||||
height="100%"
|
||||
frameborder="0"
|
||||
></iframe>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
|
||||
export default {
|
||||
props: ["pdfPre"], //RUTA.pdf
|
||||
name: "modal",
|
||||
methods: {
|
||||
close() {
|
||||
this.$emit("close");
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
PDF: ""
|
||||
};
|
||||
},
|
||||
async created() {
|
||||
try {
|
||||
let path = `${config.api}/PDFget/${this.pdfPre}`;
|
||||
this.PDF = path;
|
||||
/*let PDF = await axios.get(`${config.api}/PDFget/${this.pdfPre}`, {
|
||||
|
||||
responseType: 'blob', //
|
||||
})
|
||||
|
||||
.then(response => {
|
||||
|
||||
this.PDF = PDF
|
||||
// this.user = response.data;
|
||||
console.log("si se pudo", response.data)
|
||||
}).catch(e => {
|
||||
console.log(e);
|
||||
})*/
|
||||
} catch (error) {
|
||||
console.log(`Ocurrio un error msj: ${error}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal {
|
||||
background: #ffffff;
|
||||
box-shadow: 2px 2px 20px 1px;
|
||||
/* overflow-x: auto; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
/* position: relative; */
|
||||
padding: 20px 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<div class="divMaster row ">
|
||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center mb-5">
|
||||
<div
|
||||
class="card m-3"
|
||||
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" />
|
||||
<div class="card-body cd textt">
|
||||
<p class="card-text textt">
|
||||
{{ libro.title }}
|
||||
</p>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
export default {
|
||||
components: {},
|
||||
|
||||
data() {
|
||||
return {
|
||||
categoria: "",
|
||||
Libros: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async descripcion(idLibro) {
|
||||
localStorage.clear();
|
||||
window.localStorage.setItem("idLibro", idLibro);
|
||||
this.$router.push("/desc");
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
let path = `${config.api}`;
|
||||
this.categoria = window.localStorage.getItem("categoria");
|
||||
try {
|
||||
let similares = await axios.get(
|
||||
`${config.api}/temaLibro?categoria=${this.categoria}`
|
||||
);
|
||||
similares = similares.data.data;
|
||||
console.log(` este es el resutlado${similares}`);
|
||||
for (let i = 0; i < similares.length; i++) {
|
||||
let config = {
|
||||
// example url
|
||||
url: `${path}/libroImagen?idLibro=${similares[i].idLibro}`,
|
||||
method: "GET",
|
||||
responseType: "blob"
|
||||
};
|
||||
try {
|
||||
await axios(config).then(response => {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(response.data);
|
||||
reader.onload = () => {
|
||||
this.Libros.push({
|
||||
id: similares[i].idLibro,
|
||||
title: similares[i].titulo,
|
||||
img: reader.result
|
||||
});
|
||||
//this.Libros[i].img = reader.result;
|
||||
};
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(`Ocurrio un error con la imagen desc: ${error}`);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(`Ocurrio un error ${error}`);
|
||||
}
|
||||
},
|
||||
beforeCreate() {
|
||||
if (!window.localStorage.getItem("categoria")) this.$router.push("/");
|
||||
else this.categoria = window.localStorage.getItem("categoria");
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.divMaster {
|
||||
height: auto;
|
||||
}
|
||||
.card {
|
||||
border: none !important;
|
||||
border-bottom: 5px solid #1b3d70 !important;
|
||||
}
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
@@ -1,5 +1,11 @@
|
||||
const config = {
|
||||
api: "http://localhost:3001"
|
||||
//api: "https://venus.acatlan.unam.mx/indiana_hackaton"
|
||||
//ngrok
|
||||
//api: "https://f8d86328e778.ngrok.io"
|
||||
|
||||
//Local
|
||||
//api: "http://localhost:3001"
|
||||
|
||||
//Pruebas
|
||||
api: "https://venus.acatlan.unam.mx/portal"
|
||||
};
|
||||
module.exports = config;
|
||||
|
||||
@@ -18,18 +18,20 @@
|
||||
|
||||
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
|
||||
<ul
|
||||
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-between mt-0 mt-lg-0"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white" href="#" @click="inicio()"
|
||||
>Inicio</a
|
||||
>
|
||||
</li>
|
||||
<!--<li class="nav-item">
|
||||
<a class="nav-link text-white" href="#">Presentacion</a>
|
||||
</li>-->
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white" href="#" @click="presentacion()"
|
||||
>Presentación</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li class="nav-item ">
|
||||
<div class="dropdown">
|
||||
<a
|
||||
class="btn nav-link dropdown-toggle text-white"
|
||||
@@ -80,22 +82,31 @@
|
||||
<a
|
||||
class="dropdown-item text-white"
|
||||
@click="tema('Matematicas e Ingenieria')"
|
||||
>Matematicas e Ingenieria</a
|
||||
>Matemáticas e Ingenieria</a
|
||||
>
|
||||
|
||||
<div class="dropdown-divider"></div>
|
||||
<a
|
||||
class="dropdown-item text-white"
|
||||
@click="tema('Educacion Abierta')"
|
||||
>Universidad Abierta y Educación a Distancia</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!--<li class="nav-item">
|
||||
<a class="nav-link text-white" href="#">Difusion Editorial</a>
|
||||
</li>-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white" href="#" @click="difusion()"
|
||||
>Difusión Editorial</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form
|
||||
id="buscador"
|
||||
v-if="isExist"
|
||||
class="form-inline my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
|
||||
class="form-inline my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
|
||||
>
|
||||
<div class="input-group input-group-sm mb-0">
|
||||
<input
|
||||
@@ -104,8 +115,9 @@
|
||||
placeholder="Buscar"
|
||||
aria-label="Recipient's username"
|
||||
aria-describedby="basic-addon2"
|
||||
v-model="nombre"
|
||||
/>
|
||||
<div class="input-group-append reDer bg-white">
|
||||
<div class="input-group-append reDer bg-white dropdown">
|
||||
<button class="btn my-0" type="submit">
|
||||
<svg
|
||||
width="1em"
|
||||
@@ -126,6 +138,29 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div>-->
|
||||
<div v-if="nombre.length > 2" class=" rescont ">
|
||||
<ul class=" dropdown-menu d-block dropdown-menu-right ">
|
||||
<li
|
||||
class=" dropdown-item dropdown-itemBusqueda text-wrap "
|
||||
v-for="item in buscarLibro"
|
||||
v-bind:key="item.idLibro"
|
||||
@click="descripcion(item.idLibro)"
|
||||
>
|
||||
{{ item.titulo }}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <ul class=" dropdown-menu d-block dropdown-menu-right">
|
||||
<li class="dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
|
||||
|
||||
<li class="dropdown-item dropdown-itemBusqueda text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||
<li class=" dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||
|
||||
<li class=" dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||
|
||||
</ul> -->
|
||||
</div>
|
||||
</form>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -133,24 +168,65 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isExist: true
|
||||
isExist: true,
|
||||
libros: [],
|
||||
nombre: ""
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async descripcion(idLibro) {
|
||||
console.log(` Este es el id del libro ${idLibro}`);
|
||||
localStorage.clear();
|
||||
window.localStorage.setItem("idLibro", idLibro);
|
||||
this.$router.push("/desc").catch(() => {
|
||||
location.reload();
|
||||
});
|
||||
},
|
||||
inicio() {
|
||||
this.$router.push("/").catch(() => {
|
||||
location.reload();
|
||||
});
|
||||
},
|
||||
difusion() {
|
||||
this.$router.push("/difusion").catch(() => {
|
||||
location.reload();
|
||||
});
|
||||
},
|
||||
presentacion() {
|
||||
this.$router.push("/presentacion").catch(() => {
|
||||
location.reload();
|
||||
});
|
||||
},
|
||||
async tema(categoria) {
|
||||
window.localStorage.setItem("categoria", categoria);
|
||||
this.$router.push("/tema").catch(() => {
|
||||
location.reload();
|
||||
});
|
||||
},
|
||||
method() {
|
||||
this.isExist = !this.isExist;
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
let path = `${config.api}`;
|
||||
try {
|
||||
let libros = await axios.get(`${path}/getLibros`);
|
||||
this.libros = await libros.data.data;
|
||||
} catch (error) {
|
||||
console.log(`Error ${error}`);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
buscarLibro: function() {
|
||||
return this.libros.filter(item =>
|
||||
item.titulo.toLowerCase().includes(this.nombre.toLowerCase())
|
||||
);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -173,6 +249,7 @@ nav {
|
||||
.azulUnam {
|
||||
background-color: #1e3c70;
|
||||
}
|
||||
|
||||
.doradoUnam {
|
||||
background-color: #bb8800;
|
||||
}
|
||||
@@ -180,6 +257,12 @@ nav {
|
||||
.dropdown-item:hover {
|
||||
background-color: #bb8800;
|
||||
}
|
||||
|
||||
.dropdown-itemBusqueda:hover {
|
||||
background-color: #1e3c70;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-link:focus {
|
||||
background-color: #1e3c70;
|
||||
border-radius: 1rem;
|
||||
@@ -188,6 +271,7 @@ nav {
|
||||
.nav-link:hover {
|
||||
background-color: #1e3c70;
|
||||
color: white;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
@@ -213,10 +297,43 @@ nav {
|
||||
border-bottom-left-radius: 20px 20px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
.dropdown-menu {
|
||||
width: 10% !important;
|
||||
} */
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
position: absolute;
|
||||
background-color: #f9f9f9;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||
/* padding: 12px 16px; */
|
||||
top: 0.8rem;
|
||||
left: -10rem;
|
||||
display: block;
|
||||
}
|
||||
.rescont {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
.menuText,
|
||||
.buscador {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
width: 80vw !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -2,10 +2,22 @@ import home from "./view/home.vue";
|
||||
import login from "./view/login.vue";
|
||||
import libroDescripcion from "./view/libroDescripcion.vue";
|
||||
import difusion from "./view/difusion.vue";
|
||||
import lineamientos from "./view/lineamiento.vue";
|
||||
import tema from "./view/tema.vue";
|
||||
import comite from "./view/comite.vue";
|
||||
import presentacion from "./view/presentacion.vue";
|
||||
import proceso from "./view/proceso.vue";
|
||||
import puntos from "./view/puntos.vue";
|
||||
|
||||
export const routes = [
|
||||
{ path: "/", component: home, name: "form" },
|
||||
{ path: "/login", component: login, name: "Login" },
|
||||
{ path: "/desc", component: libroDescripcion, name: "LibroDesc" },
|
||||
{ path: "/difusion", component: difusion, name: "difusion" }
|
||||
{ path: "/difusion", component: difusion, name: "difusion" },
|
||||
{ path: "/lineamientos", component: lineamientos, name: "lineamientos" },
|
||||
{ path: "/tema", component: tema, name: "tema" },
|
||||
{ path: "/comite", component: comite, name: "comite" },
|
||||
{ path: "/presentacion", component: presentacion, name: "presentacion" },
|
||||
{ path: "/proceso", component: proceso, name: proceso },
|
||||
{ path: "/puntos", component: puntos, name: puntos }
|
||||
];
|
||||
|
||||
@@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header></Header>
|
||||
<Nav></Nav>
|
||||
|
||||
<div class="my-4 gente">
|
||||
<h1 class="text-center">Comité Editorial</h1>
|
||||
<div class="row">
|
||||
<div class="col-10 mx-auto">
|
||||
<p class="text-justify">
|
||||
El Comité Editorial de la Facultad de Estudios Superiores Acatlán es
|
||||
el órgano colegiado que establece y regula los procedimientos para
|
||||
la recepción, dictamen, selección, edición, impresión, difusión,
|
||||
promoción, almacenamiento, preservación, distribución y
|
||||
comercialización de sus publicaciones. (Art. 1, PyLE).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p>Dr. Manuel Martínez Justo</p>
|
||||
<strong> Presidente del Comité Editorial</strong>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p>Mtro. Fernando Martínez Ramírez</p>
|
||||
<strong> Secretario Ejecutivo del Comité Editorial</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Mtra. Nora Goris Mayans</p>
|
||||
<strong> Secretaria General Académica</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Dr. Alejandro Byrd Orozco</p>
|
||||
<strong>
|
||||
Secretario de Extensión Universitaria y Vinculación
|
||||
Institucional</strong
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<p>Mtro. Carlos Nandayapa Hernández</p>
|
||||
<strong> Secretario de Estudios Profesionales</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Dra. Laura Páez Díaz de León</p>
|
||||
<strong> Secretaria de Posgrado e Investigación</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lic. Verónica Puma Galicia</p>
|
||||
<strong> Coordinadora del Centro de Enseñanza de Idiomas</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lic. Jorge Reyes Caldera Arroyo</p>
|
||||
<strong> Jefe de la División de Ciencias Jurídicas</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Dra. Claudia Márquez Díaz</p>
|
||||
<strong> Jefa de la División de Ciencias Socioeconómicas</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Mtro. Rubén Juárez Santana</p>
|
||||
<strong> Jefe de la División de Diseño y Edificación</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Mtra. María Luisa Morales Martínez</p>
|
||||
<strong> Jefa de la División de Humanidades</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Act. Luz María Lavín Alanís</p>
|
||||
<strong> Jefa de la División de Matemáticas e Ingeniería</strong>
|
||||
</div>
|
||||
<div>
|
||||
<p>Lic. Aída Villalobos Sosa</p>
|
||||
<strong>
|
||||
Jefa de la División del Sistema Universidad Abierta y Educación a
|
||||
Distancia</strong
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<p>D.G. Norma Guadalupe Rojas Borja</p>
|
||||
<strong> Secretaria de Actas</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from "./../components/header.vue";
|
||||
import Nav from "./../esteticas/nav.vue";
|
||||
//import Nav from "./../components/navPrincipal.vue";
|
||||
import Footer from "./../components/footer.vue";
|
||||
export default {
|
||||
components: {
|
||||
Header,
|
||||
Nav,
|
||||
Footer
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.gente div {
|
||||
margin: 1rem 0px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header></Header>
|
||||
<Nav></Nav>
|
||||
<div>
|
||||
<h1 class="my-4">Presentación</h1>
|
||||
<div class="row presentacion">
|
||||
<div class="col-10 offset-1 text-justify mb-5">
|
||||
<p>
|
||||
En atención al Programa Estratégico 3. Facultad del Siglo XXI, del
|
||||
Plan de Desarrollo Institucional 2017-2021 de la Facultad de
|
||||
Estudios Superiores Acatlán, en el cual, mediante la línea de acción
|
||||
3.2. Modernización de la gestión, se establece la actualización del
|
||||
portal editorial de la Facultad, la Coordinación de Servicios
|
||||
Académicos, a través de la Unidad de Servicios Editoriales y la
|
||||
Unidad del Centro de Desarrollo Tecnológico, tiene en desarrollo dos
|
||||
proyectos: la Tienda Virtual Acatlán y el Portal Editorial de
|
||||
Ediciones Acatlán.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
El primero de los proyectos, la
|
||||
<a href="https://tienda.acatlan.unam.mx"> Tienda Virtual Acatlán</a
|
||||
>, es la plataforma destinada a la venta de las publicaciones de
|
||||
Ediciones Acatlán, habilitada desde el mes de marzo del presente
|
||||
año.
|
||||
</p>
|
||||
<p>
|
||||
El segundo de ellos, el Portal Editorial, tiene el objetivo de
|
||||
difundir toda aquella información relacionada con los procesos y
|
||||
cuerpos colegiados en materia editorial, establecer vínculos con la
|
||||
comunidad universitaria interesada en la publicación de materiales y
|
||||
en la promoción de la labor intelectual de los académicos de la
|
||||
Facultad de Estudios Superiores Acatlán.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
En ese sentido, quien navegue en esta plataforma podrá conocer el
|
||||
catálogo de publicaciones emanadas de la labor académica e
|
||||
intelectual de la planta docente de esta entidad multidisciplinaria.
|
||||
De igual manera, tendrá a su disposición los lineamientos
|
||||
editoriales y la información concerniente al proceso de publicación
|
||||
y las distintas partes institucionales involucradas. Por otra parte,
|
||||
en caso de querer adquirir alguno de los títulos que ofrece el sello
|
||||
editorial de Acatlán, están disponibles los datos de la Tienda
|
||||
Virtual Acatlán y la Librería Universitaria, para compra de libros
|
||||
en línea o de manera presencial, respectivamente.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from "./../components/header.vue";
|
||||
import Nav from "./../esteticas/nav.vue";
|
||||
import Footer from "./../components/footer.vue";
|
||||
export default {
|
||||
components: {
|
||||
Header,
|
||||
Nav,
|
||||
Footer
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header></Header>
|
||||
<Nav></Nav>
|
||||
|
||||
<div>
|
||||
<h1 class="my-4">Puntos de Venta</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-10 offset-1 text-justify mb-4">
|
||||
<p>
|
||||
La venta y difusión de las publicaciones de Ediciones Acatlán se
|
||||
llevan a cabo a partir de cuatro maneras:
|
||||
</p>
|
||||
|
||||
<ul class="lugares">
|
||||
<li>
|
||||
Librería Universitaria: ubicada en las instalaciones de la FES
|
||||
Acatlán, para la adquisición de publicaciones impresas, tanto de
|
||||
nuestro sello como de otras editoriales.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Tienda Virtual Acatlán: plataforma que soporta ventas en línea
|
||||
(obras impresas y electrónicas), de reciente habilitación.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Librería Ambulante: extensión de la Librería Universitaria que, de
|
||||
manera presencial, acude a los eventos institucionales con
|
||||
publicaciones de temas afines a éstos.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Libros UNAM: plataforma en línea de la Universidad Nacional
|
||||
Autónoma de México, mediante la cual se pueden adquirir todas las
|
||||
publicaciones (impresas y electrónicas) de todas las dependencias
|
||||
editoras.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from "./../components/header.vue";
|
||||
import Nav from "./../esteticas/nav.vue";
|
||||
import Footer from "./../components/footer.vue";
|
||||
export default {
|
||||
components: {
|
||||
Header,
|
||||
Nav,
|
||||
Footer
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.lugares li {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header />
|
||||
<Nav />
|
||||
<Title title="Resultado" class="my-5" />
|
||||
<Cart />
|
||||
<Footer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from "./../components/header.vue";
|
||||
import Nav from "./../esteticas/nav.vue";
|
||||
//import Nav from "./../components/navPrincipal.vue";
|
||||
import Footer from "./../components/footer.vue";
|
||||
import Cart from "../components/temaLibro.vue";
|
||||
import Title from "../components/titulo.vue";
|
||||
|
||||
export default {
|
||||
name: "home",
|
||||
components: {
|
||||
Header,
|
||||
Nav,
|
||||
Footer,
|
||||
Cart,
|
||||
Title
|
||||
}
|
||||
};
|
||||
</script>
|
||||