Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 danielGe
|
c0abcda7d3 | ||
|
danielGe
|
efadb88b56 | ||
|
danielGe
|
55dbe8ab32 |
@@ -1,5 +1,6 @@
|
|||||||
.DS_Store
|
.DS_Store
|
||||||
node_modules
|
node_modules
|
||||||
|
/dist
|
||||||
|
|
||||||
# local env files
|
# local env files
|
||||||
.env.local
|
.env.local
|
||||||
|
|||||||
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
-6
File diff suppressed because one or more lines are too long
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Vendored
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
<!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>
|
|
||||||
Vendored
-2
File diff suppressed because one or more lines are too long
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
-68
File diff suppressed because one or more lines are too long
-1
File diff suppressed because one or more lines are too long
Generated
+3
-44
@@ -2231,37 +2231,6 @@
|
|||||||
"integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==",
|
"integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"axios": {
|
|
||||||
"version": "0.19.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
|
|
||||||
"integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
|
|
||||||
"requires": {
|
|
||||||
"follow-redirects": "1.5.10"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"debug": {
|
|
||||||
"version": "3.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
|
|
||||||
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
|
|
||||||
"requires": {
|
|
||||||
"ms": "2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"follow-redirects": {
|
|
||||||
"version": "1.5.10",
|
|
||||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
|
|
||||||
"integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
|
|
||||||
"requires": {
|
|
||||||
"debug": "=3.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"ms": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
|
||||||
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-eslint": {
|
"babel-eslint": {
|
||||||
"version": "10.1.0",
|
"version": "10.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
|
||||||
@@ -2487,9 +2456,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"bootstrap": {
|
"bootstrap": {
|
||||||
"version": "4.5.2",
|
"version": "4.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.2.tgz",
|
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
|
||||||
"integrity": "sha512-vlGn0bcySYl/iV+BGA544JkkZP5LB3jsmkeKLFQakCOwCM3AOk7VkldBz4jrzSe+Z0Ezn99NVXa1o45cQY4R6A=="
|
"integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
@@ -6490,11 +6459,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"jquery": {
|
|
||||||
"version": "3.5.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
|
|
||||||
"integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
|
|
||||||
},
|
|
||||||
"js-message": {
|
"js-message": {
|
||||||
"version": "1.0.5",
|
"version": "1.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.5.tgz",
|
||||||
@@ -7898,11 +7862,6 @@
|
|||||||
"ts-pnp": "^1.1.6"
|
"ts-pnp": "^1.1.6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"popper.js": {
|
|
||||||
"version": "1.16.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
|
|
||||||
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
|
|
||||||
},
|
|
||||||
"portfinder": {
|
"portfinder": {
|
||||||
"version": "1.0.28",
|
"version": "1.0.28",
|
||||||
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
|
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
|
||||||
|
|||||||
+1
-4
@@ -8,11 +8,8 @@
|
|||||||
"lint": "vue-cli-service lint"
|
"lint": "vue-cli-service lint"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^0.19.2",
|
"bootstrap": "^4.5.0",
|
||||||
"bootstrap": "^4.5.2",
|
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
"jquery": "^3.5.1",
|
|
||||||
"popper.js": "^1.16.1",
|
|
||||||
"vue": "^2.6.11",
|
"vue": "^2.6.11",
|
||||||
"vue-router": "^3.3.4"
|
"vue-router": "^3.3.4"
|
||||||
},
|
},
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 278 KiB |
+20
-17
@@ -1,17 +1,20 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
<link rel="shortcut icon" type="image/png" href="assets/icono.png">
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
<title>Portal Editorial Acatlán</title>
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||||
</noscript>
|
</noscript>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
</body>
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
||||||
</html>
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/js/bootstrap.min.js" integrity="sha384-XEerZL0cuoUbHE4nZReLT7nx9gQrQreJekYhJD9WNWhH8nEW+0c5qq7aIo2Wl30J" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
+41
-33
@@ -1,33 +1,41 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<router-view></router-view>
|
<Header />
|
||||||
</div>
|
<Nav />
|
||||||
</template>
|
<router-view></router-view>
|
||||||
|
<Footer />
|
||||||
<script>
|
</div>
|
||||||
export default {
|
</template>
|
||||||
name: "App"
|
|
||||||
};
|
<script>
|
||||||
</script>
|
import Header from "./esteticas/header.vue";
|
||||||
|
import Footer from "./esteticas/footer.vue";
|
||||||
<style>
|
import Nav from "./esteticas/nav.vue";
|
||||||
#app {
|
|
||||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
export default {
|
||||||
-webkit-font-smoothing: antialiased;
|
name: "App",
|
||||||
-moz-osx-font-smoothing: grayscale;
|
components: {
|
||||||
text-align: center;
|
Header,
|
||||||
color: #2c3e50;
|
Footer,
|
||||||
margin-top: 60px;
|
Nav
|
||||||
|
}
|
||||||
padding: 0;
|
};
|
||||||
margin: 0;
|
</script>
|
||||||
}
|
|
||||||
|
<style>
|
||||||
.row {
|
#app {
|
||||||
margin: 0 !important;
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||||
}
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
.card-img-top {
|
text-align: center;
|
||||||
height: 18rem;
|
color: #2c3e50;
|
||||||
}
|
margin-top: 60px;
|
||||||
</style>
|
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,82 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster row ">
|
|
||||||
<div
|
|
||||||
id="carouselExampleControls"
|
|
||||||
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">
|
|
||||||
<div
|
|
||||||
class="carousel-item"
|
|
||||||
v-bind:key="libro.id"
|
|
||||||
v-for="(libro, idx) in Libros"
|
|
||||||
:class="{ active: idx == 0 }"
|
|
||||||
>
|
|
||||||
<img :src="libro.img" class="d-block w-100 img-fluid" alt="img" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a
|
|
||||||
class="carousel-control-prev"
|
|
||||||
href="#carouselExampleControls"
|
|
||||||
role="button"
|
|
||||||
data-slide="prev"
|
|
||||||
>
|
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Previous</span>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="carousel-control-next"
|
|
||||||
href="#carouselExampleControls"
|
|
||||||
role="button"
|
|
||||||
data-slide="next"
|
|
||||||
>
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Next</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import config from "../config/config.js";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
Libros: []
|
|
||||||
};
|
|
||||||
},
|
|
||||||
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(path);
|
|
||||||
let config = {
|
|
||||||
// example url
|
|
||||||
url: `${path}${nombres[i]}`,
|
|
||||||
method: "GET",
|
|
||||||
responseType: "blob"
|
|
||||||
};
|
|
||||||
await axios(config).then(response => {
|
|
||||||
let reader = new FileReader();
|
|
||||||
reader.readAsDataURL(response.data);
|
|
||||||
reader.onload = () => {
|
|
||||||
this.Libros.push({ id: i, img: reader.result });
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.log(`Ocurrio un error msj: ${error}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,91 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster row mb-5">
|
|
||||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
|
||||||
<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 {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
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++) {
|
|
||||||
//alert(novedades[i].titulo);
|
|
||||||
//this.Libros[i].title = novedades[i].titulo;
|
|
||||||
let config = {
|
|
||||||
// example url
|
|
||||||
url: `${path}${novedades[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: 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}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</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,295 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row ">
|
|
||||||
<div class="col-md-6 col-sm-12 py-5">
|
|
||||||
<img :src="src" alt="" class="libro" />
|
|
||||||
<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 />
|
|
||||||
</div>
|
|
||||||
<div class="container izq">
|
|
||||||
<a href="https://www.facebook.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/facebook.png"
|
|
||||||
alt="Facebook"
|
|
||||||
/></a>
|
|
||||||
<a href="https://www.instagram.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/Instagram.png"
|
|
||||||
alt="Instagram"
|
|
||||||
/></a>
|
|
||||||
<a href="https://www.youtube.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/YouTube.png"
|
|
||||||
alt="Youtube"
|
|
||||||
/></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-sm-12 py-5 titulo">
|
|
||||||
<b>Titulo:</b>
|
|
||||||
<p>{{ titulo }}</p>
|
|
||||||
<b>Autor: </b>
|
|
||||||
<p>{{ autor }}</p>
|
|
||||||
<b>Paginas: </b>
|
|
||||||
<p>{{ paginas }}</p>
|
|
||||||
<b>ISBN: </b>
|
|
||||||
<p>{{ isbn }}</p>
|
|
||||||
<b>Año de Impresión: </b>
|
|
||||||
<p>{{ edicion }}</p>
|
|
||||||
<b>Precio: </b>
|
|
||||||
<p>{{ precio }}</p>
|
|
||||||
<b>Versión:</b>
|
|
||||||
<p>{{ version }}</p>
|
|
||||||
<b>Descripción:</b>
|
|
||||||
<div class="overflow-auto">{{ desc }}</div>
|
|
||||||
|
|
||||||
<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 ">
|
|
||||||
<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)"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
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,
|
|
||||||
modal
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
idLibro: "",
|
|
||||||
titulo: "",
|
|
||||||
autor: "",
|
|
||||||
paginas: "",
|
|
||||||
isbn: "",
|
|
||||||
edicion: "",
|
|
||||||
precio: "",
|
|
||||||
src: "",
|
|
||||||
version: "",
|
|
||||||
desc: ``,
|
|
||||||
boton2: "",
|
|
||||||
categoria: "",
|
|
||||||
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: {
|
|
||||||
async descripcion(idLibro) {
|
|
||||||
localStorage.clear();
|
|
||||||
window.localStorage.setItem("idLibro", idLibro);
|
|
||||||
location.reload();
|
|
||||||
},
|
|
||||||
showModal() {
|
|
||||||
this.isModalVisible = true;
|
|
||||||
},
|
|
||||||
closeModal() {
|
|
||||||
this.isModalVisible = false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async created() {
|
|
||||||
let path = `${config.api}`;
|
|
||||||
try {
|
|
||||||
this.idLibro = window.localStorage.getItem("idLibro");
|
|
||||||
let detalle = await axios.get(
|
|
||||||
`${config.api}/libroDetalle?idLibro=${this.idLibro}`
|
|
||||||
);
|
|
||||||
|
|
||||||
detalle = await detalle.data.datos;
|
|
||||||
|
|
||||||
this.titulo = detalle.titulo;
|
|
||||||
this.autor = detalle.autor;
|
|
||||||
this.paginas = detalle.paginas;
|
|
||||||
this.isbn = detalle.isbn;
|
|
||||||
this.edicion = detalle.impresion;
|
|
||||||
this.precio = detalle.precio;
|
|
||||||
this.version = detalle.version;
|
|
||||||
this.desc = detalle.descripcion;
|
|
||||||
this.categoria = detalle.categoria;
|
|
||||||
if (detalle.precio !== "Gratis") this.boton2 = "Comprar";
|
|
||||||
else this.boton2 = "Descargar";
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
let config = {
|
|
||||||
// example url
|
|
||||||
url: `${path}/libroImagen?idLibro=${this.idLibro}`,
|
|
||||||
method: "GET",
|
|
||||||
responseType: "blob"
|
|
||||||
};
|
|
||||||
await axios(config).then(response => {
|
|
||||||
let reader = new FileReader();
|
|
||||||
reader.readAsDataURL(response.data);
|
|
||||||
reader.onload = () => {
|
|
||||||
this.src = reader.result;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
let similares = await axios.get(
|
|
||||||
`${config.api}/librosSimilares?categoria=${this.categoria}`
|
|
||||||
);
|
|
||||||
similares = similares.data.data;
|
|
||||||
console.log(`${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(`Este libro no se encuentra: ${error}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.log(`Ocurrio un error ${error}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.img {
|
|
||||||
margin-left: 1rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
.izq {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
background-color: rgb(187, 136, 0);
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
height: 4.5rem;
|
|
||||||
width: 15rem;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
border-radius: 1rem;
|
|
||||||
-webkit-transition-duration: 0.4s; /* Safari */
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background-color: #46c200;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.pre {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
}
|
|
||||||
.pre:hover {
|
|
||||||
background-color: rgb(187, 136, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.titulo {
|
|
||||||
font-size: 1rem;
|
|
||||||
text-align: left;
|
|
||||||
color: balck;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libro {
|
|
||||||
width: 320px;
|
|
||||||
height: 480px;
|
|
||||||
margin-right: auto;
|
|
||||||
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.57);
|
|
||||||
}
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.libro {
|
|
||||||
width: 270px;
|
|
||||||
height: 380px;
|
|
||||||
margin-right: auto;
|
|
||||||
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.57);
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 380px) {
|
|
||||||
.button {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
<template>
|
|
||||||
<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>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.divMaster {
|
|
||||||
height: 7em;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.azulUnam {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
}
|
|
||||||
.sizeImg {
|
|
||||||
height: 5rem;
|
|
||||||
}
|
|
||||||
.logo_acatlan_resp {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.logo_acatlan,
|
|
||||||
.logo_unam {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.logo_acatlan_resp {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.logo_acatlan_resp a img {
|
|
||||||
height: 5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1>esta es la pagina home</h1>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -1,174 +0,0 @@
|
|||||||
<template>
|
|
||||||
<nav
|
|
||||||
class="navbar navbar-expand-md navbar-light "
|
|
||||||
style="background-color:#BB8800;"
|
|
||||||
>
|
|
||||||
<div class="container">
|
|
||||||
<nav class=" ">
|
|
||||||
<button
|
|
||||||
class=" navbar-toggler van text-whitee btn-sm"
|
|
||||||
type="button"
|
|
||||||
id="toggle-menu"
|
|
||||||
data-toggle="collapse"
|
|
||||||
data-target="#navbarNav"
|
|
||||||
aria-controls="navbarNav"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-label="Toggle navigation"
|
|
||||||
v-on:click="toggle()"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class=" navbar-toggler-icon x m-1 text-white"
|
|
||||||
style="color:white !important;"
|
|
||||||
></span>
|
|
||||||
Menú
|
|
||||||
</button>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
|
||||||
<ul class="navbar-nav mr-auto mt-0 mt-lg-0">
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white "
|
|
||||||
><a> Inicio</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Presentacion</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Libros</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Difusión Editorial</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<form class="form-inline my-0 my-lg-0">
|
|
||||||
<div class="input-group input-group-sm mb-0">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control reIzq "
|
|
||||||
placeholder="Buscar"
|
|
||||||
aria-label="Recipient's username"
|
|
||||||
aria-describedby="basic-addon2"
|
|
||||||
/>
|
|
||||||
<div class="input-group-append reDer bg-white">
|
|
||||||
<button class="btn my-0" type="submit">
|
|
||||||
<svg
|
|
||||||
width="1em"
|
|
||||||
height="1em"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
class="bi bi-search"
|
|
||||||
fill="currentColor"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
methods: {
|
|
||||||
toggle: function() {
|
|
||||||
let element = document.getElementById("navbarNav");
|
|
||||||
element.classList.toggle("block");
|
|
||||||
element.classList.add("mystyle");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.reDer {
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-bottom-right-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
.reIzq {
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
border-bottom-left-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
.mystyle {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin: 0 0rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul li a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
transition: 0.5s;
|
|
||||||
padding-left: 0.3rem;
|
|
||||||
padding-right: 0.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
background-color: #936900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.x {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.van {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,94 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,99 +0,0 @@
|
|||||||
<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,44 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-10 offset-1 bor d-flex justify-content-center">
|
|
||||||
<div class="bgAzul">
|
|
||||||
<p class="text-white pTitulo">{{ title }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: ["title"]
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.bor {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
.bgAzul {
|
|
||||||
background-color: #1b3d70;
|
|
||||||
width: 40%;
|
|
||||||
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
.pTitulo {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
|
||||||
.pTitulo {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.bgAzul {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
const config = {
|
|
||||||
//ngrok
|
|
||||||
//api: "https://f8d86328e778.ngrok.io"
|
|
||||||
|
|
||||||
//Local
|
|
||||||
//api: "http://localhost:3001"
|
|
||||||
|
|
||||||
//Pruebas
|
|
||||||
api: "https://venus.acatlan.unam.mx/portal"
|
|
||||||
};
|
|
||||||
module.exports = config;
|
|
||||||
@@ -1,35 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<footer class="container-fluid Azul-puma footer py-3 ">
|
<footer class="container-fluid Azul-puma footer py-3 ">
|
||||||
<div class="container">
|
<container>
|
||||||
<div row>
|
<div row>
|
||||||
<router-link to="/comite">
|
<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
|
</button>
|
||||||
</button>
|
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
||||||
</router-link>
|
Política Editorial y Lineamentos
|
||||||
<router-link to="/lineamientos">
|
</button>
|
||||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
<button type="button" class="col-md-6 col-sm-12 btn boton-footer tres">
|
||||||
Política Editorial y Lineamentos
|
Proceso Editorial y Organismos
|
||||||
</button></router-link
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="col-md-6 col-sm-12 btn boton-footer cuatro"
|
||||||
>
|
>
|
||||||
<router-link to="/proceso">
|
Puntos de Venta
|
||||||
<button
|
</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>
|
</container>
|
||||||
<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 ">
|
||||||
@@ -98,3 +87,4 @@ export default {};
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
>>>>>>> pruebas
|
||||||
@@ -0,0 +1,64 @@
|
|||||||
|
<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>
|
||||||
|
</container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style >
|
||||||
|
.divMaster {
|
||||||
|
|
||||||
|
height: 7em;
|
||||||
|
/* max-width: 1280px; */
|
||||||
|
height: 7em;
|
||||||
|
color: #1e3c70;
|
||||||
|
}
|
||||||
|
.sizeImg {
|
||||||
|
height: 5rem;
|
||||||
|
}
|
||||||
|
.logo_acatlan_resp {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 450px) {
|
||||||
|
.logo_acatlan,
|
||||||
|
.logo_unam {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.logo_acatlan_resp {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
.logo_acatlan_resp a img {
|
||||||
|
height: 5rem;
|
||||||
|
e>
|
||||||
+156
-339
@@ -1,339 +1,156 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="divMaster doradoUnam row d-flex justify-content-center">
|
<div class="divMaster doradoUnam row">
|
||||||
<div class="col-10 offset-1">
|
<div class="col-10 offset-1">
|
||||||
<nav class="navbar navbar-expand-sm navbar-dark ">
|
<nav class="navbar navbar-expand-sm navbar-light ">
|
||||||
<button
|
<button
|
||||||
@click="method()"
|
class="navbar-toggler"
|
||||||
class="navbar-toggler col-5"
|
type="button"
|
||||||
type="button"
|
data-toggle="collapse"
|
||||||
data-toggle="collapse"
|
data-target="#navbarTogglerDemo02"
|
||||||
data-target="#navbarTogglerDemo02"
|
aria-controls="navbarTogglerDemo02"
|
||||||
aria-controls="navbarTogglerDemo02"
|
aria-expanded="false"
|
||||||
aria-expanded="false"
|
aria-label="Toggle navigation"
|
||||||
aria-label="Toggle navigation"
|
>
|
||||||
>
|
<span class="navbar-toggler-icon blanco"></span>
|
||||||
<span class="navbar-toggler-icon blanco"></span>
|
</button>
|
||||||
<span class="mx-2">Menu</span>
|
|
||||||
</button>
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
|
||||||
|
<ul class="navbar-nav mr-auto mt-0 mt-lg-0">
|
||||||
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
|
<li class="nav-item">
|
||||||
<ul
|
<a class="nav-link text-white" href="#">Inicio</a>
|
||||||
class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"
|
</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="#" @click="inicio()"
|
</li>
|
||||||
>Inicio</a
|
<li class="nav-item ">
|
||||||
>
|
<a
|
||||||
</li>
|
class="nav-link dropdown-toggle text-white "
|
||||||
<li class="nav-item">
|
id="navbarDropdown"
|
||||||
<a class="nav-link text-white" href="#" @click="presentacion()"
|
role="button"
|
||||||
>Presentación</a
|
data-toggle="dropdown"
|
||||||
>
|
aria-haspopup="true"
|
||||||
</li>
|
aria-expanded="false"
|
||||||
|
href="#"
|
||||||
<li class="nav-item ">
|
>Libros</a
|
||||||
<div class="dropdown">
|
>
|
||||||
<a
|
<div
|
||||||
class="btn nav-link dropdown-toggle text-white"
|
class="dropdown-menu azulUnam"
|
||||||
href="#"
|
aria-labelledby="navbarDropdown"
|
||||||
role="button"
|
>
|
||||||
id="dropdownMenuLink"
|
<a class="dropdown-item text-white" href="#"
|
||||||
data-toggle="dropdown"
|
>Ciencias Socioeconomicas</a
|
||||||
aria-haspopup="true"
|
>
|
||||||
aria-expanded="false"
|
<div class="dropdown-divider"></div>
|
||||||
>
|
<a class="dropdown-item text-white" href="#"
|
||||||
Libros
|
>Diseño y Edificacion</a
|
||||||
</a>
|
>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
<div
|
<a class="dropdown-item text-white" href="#"
|
||||||
class="dropdown-menu azulUnam"
|
>Enseñanza de Idiomas</a
|
||||||
aria-labelledby="navbarDropdown"
|
>
|
||||||
>
|
<div class="dropdown-divider"></div>
|
||||||
<a
|
<a class="dropdown-item text-white" href="#"
|
||||||
class="dropdown-item text-white"
|
>Estudios de Posgrado</a
|
||||||
@click="tema('Ciencias Socioeconomicas')"
|
>
|
||||||
>Ciencias Socioeconomicas</a
|
<div class="dropdown-divider"></div>
|
||||||
>
|
<a class="dropdown-item text-white" href="#">Humanidades</a>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a
|
<a class="dropdown-item text-white" href="#"
|
||||||
class="dropdown-item text-white"
|
>Matematicas e Ingenieria</a
|
||||||
@click="tema('Diseño y Edificacion')"
|
>
|
||||||
>Diseño y Edificacion</a
|
</div>
|
||||||
>
|
</li>
|
||||||
<div class="dropdown-divider"></div>
|
<li class="nav-item">
|
||||||
<a
|
<a class="nav-link text-white" href="#">Difusion Editorial</a>
|
||||||
class="dropdown-item text-white"
|
</li>
|
||||||
@click="tema('Enseñanza de Idiomas')"
|
</ul>
|
||||||
>Enseñanza de Idiomas</a
|
<form class="form-inline my-0 my-lg-0">
|
||||||
>
|
<div class="input-group input-group-sm mb-0">
|
||||||
<div class="dropdown-divider"></div>
|
<input
|
||||||
<a
|
type="text"
|
||||||
class="dropdown-item text-white"
|
class="form-control reIzq "
|
||||||
@click="tema('Estudios de Posgrado')"
|
placeholder="Buscar"
|
||||||
>Estudios de Posgrado</a
|
aria-label="Recipient's username"
|
||||||
>
|
aria-describedby="basic-addon2"
|
||||||
<div class="dropdown-divider "></div>
|
/>
|
||||||
<a
|
<div class="input-group-append reDer bg-white">
|
||||||
class="dropdown-item text-white "
|
<button class="btn my-0" type="submit">
|
||||||
@click="tema('Humanidades')"
|
<svg
|
||||||
>Humanidades</a
|
width="1em"
|
||||||
>
|
height="1em"
|
||||||
<div class="dropdown-divider"></div>
|
viewBox="0 0 16 16"
|
||||||
<a
|
class="bi bi-search"
|
||||||
class="dropdown-item text-white"
|
fill="currentColor"
|
||||||
@click="tema('Matematicas e Ingenieria')"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
>Matemáticas e Ingenieria</a
|
>
|
||||||
>
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
<div class="dropdown-divider"></div>
|
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
||||||
<a
|
/>
|
||||||
class="dropdown-item text-white"
|
<path
|
||||||
@click="tema('Educacion Abierta')"
|
fill-rule="evenodd"
|
||||||
>Universidad Abierta y Educación a Distancia</a
|
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
||||||
>
|
/>
|
||||||
</div>
|
</svg>
|
||||||
</div>
|
</button>
|
||||||
</li>
|
</div>
|
||||||
|
</div>
|
||||||
<li class="nav-item">
|
</form>
|
||||||
<a class="nav-link text-white" href="#" @click="difusion()"
|
</div>
|
||||||
>Difusión Editorial</a
|
</nav>
|
||||||
>
|
</div>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</template>
|
||||||
</div>
|
|
||||||
|
<style scoped>
|
||||||
<form
|
* {
|
||||||
id="buscador"
|
margin: 0;
|
||||||
v-if="isExist"
|
padding: 0;
|
||||||
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">
|
.divMaster {
|
||||||
<input
|
/* max-width: 1280px; */
|
||||||
type="text"
|
height: auto;
|
||||||
class="form-control reIzq "
|
margin: 0 auto;
|
||||||
placeholder="Buscar"
|
}
|
||||||
aria-label="Recipient's username"
|
nav {
|
||||||
aria-describedby="basic-addon2"
|
padding: 0.5rem 0;
|
||||||
v-model="nombre"
|
}
|
||||||
/>
|
|
||||||
<div class="input-group-append reDer bg-white dropdown">
|
.azulUnam {
|
||||||
<button class="btn my-0" type="submit">
|
background-color: #1e3c70;
|
||||||
<svg
|
}
|
||||||
width="1em"
|
.doradoUnam {
|
||||||
height="1em"
|
background-color: #bb8800;
|
||||||
viewBox="0 0 16 16"
|
}
|
||||||
class="bi bi-search blanco"
|
.blanco {
|
||||||
fill="currentColor"
|
color: white !important;
|
||||||
>
|
}
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
.dropdown-item:hover {
|
||||||
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
background-color: #bb8800;
|
||||||
/>
|
}
|
||||||
<path
|
.nav-link:focus {
|
||||||
fill-rule="evenodd"
|
background-color: #1e3c70;
|
||||||
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
}
|
||||||
/>
|
|
||||||
</svg>
|
.menuText {
|
||||||
</button>
|
display: none;
|
||||||
</div>
|
}
|
||||||
</div>
|
|
||||||
<!-- <div>-->
|
.reDer {
|
||||||
<div v-if="nombre.length > 2" class=" rescont ">
|
border-top-right-radius: 20px 20px !important;
|
||||||
<ul class=" dropdown-menu d-block dropdown-menu-right ">
|
border-bottom-right-radius: 20px 20px !important;
|
||||||
<li
|
}
|
||||||
class=" dropdown-item dropdown-itemBusqueda text-wrap "
|
|
||||||
v-for="item in buscarLibro"
|
.reIzq {
|
||||||
v-bind:key="item.idLibro"
|
border-top-left-radius: 20px 20px !important;
|
||||||
@click="descripcion(item.idLibro)"
|
border-bottom-left-radius: 20px 20px !important;
|
||||||
>
|
}
|
||||||
{{ item.titulo }}
|
|
||||||
</li>
|
@media (max-width: 450px) {
|
||||||
</ul>
|
.menuText {
|
||||||
|
display: block;
|
||||||
<!-- <ul class=" dropdown-menu d-block dropdown-menu-right">
|
}
|
||||||
<li class="dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
|
}
|
||||||
|
</style>
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import axios from "axios";
|
|
||||||
import config from "../config/config.js";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
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>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divMaster {
|
|
||||||
/* max-width: 1280px; */
|
|
||||||
height: auto;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
nav {
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.azulUnam {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
}
|
|
||||||
|
|
||||||
.doradoUnam {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item:hover {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-itemBusqueda:hover {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link:focus {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
border-radius: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link:hover {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
color: white;
|
|
||||||
border-radius: 0.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
transition: 0.3s;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item {
|
|
||||||
padding: 0.3rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuText {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reDer {
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-bottom-right-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reIzq {
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
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>
|
|
||||||
|
|||||||
+3
-4
@@ -1,13 +1,12 @@
|
|||||||
import Vue from "vue";
|
import Vue from "vue";
|
||||||
import App from "./App.vue";
|
import App from "./App.vue";
|
||||||
import "bootstrap";
|
import "bootstrap/dist/css/bootstrap.css";
|
||||||
import "bootstrap/dist/css/bootstrap.min.css";
|
|
||||||
|
Vue.config.productionTip = false;
|
||||||
|
|
||||||
import VueRouter from "vue-router";
|
import VueRouter from "vue-router";
|
||||||
import { routes } from "./routes";
|
import { routes } from "./routes";
|
||||||
|
|
||||||
Vue.config.productionTip = false;
|
|
||||||
|
|
||||||
Vue.use(VueRouter);
|
Vue.use(VueRouter);
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
routes
|
routes
|
||||||
|
|||||||
+4
-21
@@ -1,23 +1,6 @@
|
|||||||
import home from "./view/home.vue";
|
import Form from "./components/home.vue";
|
||||||
import login from "./view/login.vue";
|
import Login from "./components/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 = [
|
export const routes = [
|
||||||
{ path: "/", component: home, name: "form" },
|
{ path: "/", component: Form, name: "form" },
|
||||||
{ path: "/login", component: login, name: "Login" },
|
{ path: "/panelAdmin", component: Login, name: "Login" }
|
||||||
{ path: "/desc", component: libroDescripcion, name: "LibroDesc" },
|
|
||||||
{ 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 }
|
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -1,109 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
<!-- <div class="row">
|
|
||||||
<div class="col-10 offset-1"> -->
|
|
||||||
<Title title="Conoce mas" class="mt-5" />
|
|
||||||
<!-- </div>
|
|
||||||
</div> -->
|
|
||||||
<div class="container">
|
|
||||||
<div class="row my-5" v-bind:key="de.id" v-for="de in des">
|
|
||||||
<div class="titulo col-12 mb-5">
|
|
||||||
<h1>{{ de.titulo }}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="libro col-10 col-sm-5 col-md-5 col-lg-5 col-xl-5 offset-1">
|
|
||||||
<img
|
|
||||||
:src="de.img"
|
|
||||||
class=" figure-img img-fluid rounded"
|
|
||||||
alt="libro"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="texto col-10 col-sm-5 col-md-5 col-lg-5 col-xl-5 d-flex align-items-center justify-content-center flex-column"
|
|
||||||
>
|
|
||||||
<h4>Descripcion:</h4>
|
|
||||||
<p class="scroll">
|
|
||||||
{{ de.descrip }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="video col-12 d-flex my-4 justify-content-center">
|
|
||||||
<iframe
|
|
||||||
width="560"
|
|
||||||
height="315"
|
|
||||||
:src="de.video"
|
|
||||||
frameborder="0"
|
|
||||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
||||||
allowfullscreen
|
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "../components/header.vue";
|
|
||||||
import Nav from "../esteticas/nav.vue";
|
|
||||||
import Footer from "../components/footer.vue";
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Footer,
|
|
||||||
Title
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
des: [
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
titulo: "Algebra lineal productos internos y teoremas de estructura",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg",
|
|
||||||
descrip: ` Los símbolos se encuentran relacionados a través de signos que
|
|
||||||
indican las operaciones que se necesitan efectuar, bien sea
|
|
||||||
multiplicación, suma, resta, entre otros, con el objetivo de
|
|
||||||
conseguir el resultado de las variables. En este sentido, los
|
|
||||||
términos se distinguen o separan por medio de signos, y en el caso
|
|
||||||
de estar separadas por el signo de igualdad se llama ecuación.`,
|
|
||||||
video: "https://www.youtube.com/embed/gOsM-DYAEhY"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.imgLibro {
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
.scroll {
|
|
||||||
width: 100%;
|
|
||||||
height: 60%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
|
||||||
.scroll {
|
|
||||||
height: 90%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
<Carr />
|
|
||||||
<Title title="Recientes" />
|
|
||||||
<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 Carr from "../components/carrusel.vue";
|
|
||||||
import Cart from "../components/cartLibro.vue";
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "home",
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Footer,
|
|
||||||
Carr,
|
|
||||||
Cart,
|
|
||||||
Title
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
|
|
||||||
<Descrip />
|
|
||||||
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "./../components/header.vue";
|
|
||||||
import Nav from "./../esteticas/nav.vue";
|
|
||||||
import Descrip from "./../components/descripcion.vue";
|
|
||||||
import Footer from "./../components/footer.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "App",
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Descrip,
|
|
||||||
Footer
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,59 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<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">
|
|
||||||
<form class="row d-flex justify-content-center">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="data.email"
|
|
||||||
id="login"
|
|
||||||
class="form-control col-8"
|
|
||||||
name="login"
|
|
||||||
placeholder="Usuario"
|
|
||||||
/>
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
v-model="data.password"
|
|
||||||
id="password"
|
|
||||||
class="form-control col-8 my-3"
|
|
||||||
name="login"
|
|
||||||
placeholder="Contraseña"
|
|
||||||
/>
|
|
||||||
<input
|
|
||||||
type="button"
|
|
||||||
@click="login"
|
|
||||||
class="btn bg-primary text-white col-5"
|
|
||||||
value="Ingresar"
|
|
||||||
/>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "./../components/header.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
data: {
|
|
||||||
email: "",
|
|
||||||
password: ""
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
login() {
|
|
||||||
alert(this.data.email);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
Header
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style></style>
|
|
||||||
@@ -1,70 +0,0 @@
|
|||||||
<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>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,65 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
publicPath: "./"
|
|
||||||
};
|
|
||||||
Reference in New Issue
Block a user