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

previsualizacion

Browse Source
This commit is contained in:
casnet1
2020-08-26 17:42:38 -05:00
parent 03718594c6
commit b7e1a62b68
12 changed files with 104 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/app.36493125.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
dist/css/app.a883dea2.css
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/index.html
Vendored
+1 -1
View File
@@ -1 +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.a883dea2.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.90a9b636.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.a883dea2.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.90a9b636.js></script></body></html>
<!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.36493125.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.28e71583.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.36493125.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.28e71583.js></script></body></html>
dist/js/app.28e71583.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long
dist/js/app.28e71583.js.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
dist/js/app.90a9b636.js
Vendored
-2
View File
File diff suppressed because one or more lines are too long
dist/js/app.90a9b636.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
src/App.vue
+4
View File
@@ -26,4 +26,8 @@ export default {
.row {
margin: 0 !important;
}
.card-img-top {
height: 18rem;
}
</style>
src/components/cartLibro.vue
+1 -1
View File
@@ -53,7 +53,7 @@ export default {
method: "GET",
responseType: "blob"
};
try{
try {
await axios(config).then(response => {
let reader = new FileReader();
reader.readAsDataURL(response.data);
src/components/descripcion.vue
+26 -10
View File
@@ -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,8 +52,10 @@
<p>{{ version }}</p>
<b>Descripción:</b>
<div class="overflow-auto">{{ desc }}</div>
<button class="button ">
{{ boton2 }}
<button class="button text-white">
<a href="https://demo-tienda.acatlan.unam.mx/" class="text-white">
{{ boton2 }}
</a>
</button>
</div>
</div>
@@ -82,9 +87,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 +109,10 @@ export default {
desc: ``,
boton2: "",
categoria: "",
Libros: []
Libros: [],
isModalVisible: false,
PDF: ""
};
},
methods: {
@@ -109,6 +120,12 @@ export default {
localStorage.clear();
window.localStorage.setItem("idLibro", idLibro);
location.reload();
},
showModal() {
this.isModalVisible = true;
},
closeModal() {
this.isModalVisible = false;
}
},
async created() {
@@ -166,7 +183,7 @@ export default {
method: "GET",
responseType: "blob"
};
try{
try {
await axios(config).then(response => {
let reader = new FileReader();
reader.readAsDataURL(response.data);
@@ -179,8 +196,7 @@ export default {
//this.Libros[i].img = reader.result;
};
});
}
catch(error){
} catch (error) {
console.log(`Este libro no se encuentra: ${error}`);
}
}
src/components/previsual.vue
+66
View File
@@ -0,0 +1,66 @@
<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="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"
width="100%"
height="100%"
frameborder="0"
></iframe>
</section>
</div>
</div>
</transition>
</template>
<script>
export default {
props: ["pdfPre"],
name: "modal",
methods: {
close() {
this.$emit("close");
}
}
};
</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: auto;
height: 70%;
}
.modal-body {
/* position: relative; */
padding: 20px 10px;
}
</style>
src/components/temaLibro.vue
+2 -3
View File
@@ -56,7 +56,7 @@ export default {
method: "GET",
responseType: "blob"
};
try{
try {
await axios(config).then(response => {
let reader = new FileReader();
reader.readAsDataURL(response.data);
@@ -69,8 +69,7 @@ export default {
//this.Libros[i].img = reader.result;
};
});
}
catch(error){
} catch (error) {
console.log(`Ocurrio un error con la imagen desc: ${error}`);
}
}