mas data 2

update data
Lineamientos desplegables
2020-08-20 18:25:26 -05:00 · 2020-08-19 19:06:10 -05:00 · 2020-08-19 03:45:34 -05:00 · 2020-08-14 01:25:28 -05:00 · 2020-08-14 00:16:45 -05:00 · 2020-08-14 00:05:24 -05:00
11 changed files with 3591 additions and 139 deletions
@@ -4,8 +4,8 @@
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <link rel="shortcut icon" type="image/png" href="assets/icono.png">
+    <title>Portal Editorial Acatlán</title>
  </head>
  <body>
    <noscript>
@@ -6,26 +6,13 @@
      data-ride="carousel"
    >
      <div class="carousel-inner">
-        <div class="carousel-item active">
-          <img
-            src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-            class="d-block w-100 img-fluid"
-            alt="img"
-          />
-        </div>
-        <div class="carousel-item">
-          <img
-            src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-            class="d-block w-100 img-fluid"
-            alt="img"
-          />
-        </div>
-        <div class="carousel-item">
-          <img
-            src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-            class="d-block w-100 img-fluid"
-            alt="img"
-          />
+        <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
@@ -51,7 +38,40 @@
 </template>

 <script>
-export default {};
+import axios from "axios";
+import config from "../config/config.js";
+
+export default {
+  data() {
+    return {
+      Libros: []
+    };
+  },
+  async created() {
+    try {
+      let nombres = await axios.get(`${config.api}/nombreCarrusel`);
+      nombres = nombres.data.data;
+      for (let i = 0; i < nombres.length; i++) {
+        console.log(`  Este es el nombre ${nombres[i]}`);
+        let config = {
+          // example url
+          url: `http://localhost:3000/imagenCarrusel?nombre=${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>
@@ -21,96 +21,43 @@
 </template>

 <script>
+import axios from "axios";
+import config from "../config/config.js";
 export default {
  data() {
    return {
-      Libros: [
-        {
-          id: 0,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 0,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        }
-      ]
+      Libros: []
    };
+  },
+  async created() {
+    try {
+      let novedades = await axios.get(`${config.api}/librosNovedades`);
+      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: `http://localhost:3000/libroImagen?idLibro=${(i % 3) + 1}`,
+          method: "GET",
+          responseType: "blob"
+        };
+        await axios(config).then(response => {
+          let reader = new FileReader();
+          reader.readAsDataURL(response.data);
+          reader.onload = () => {
+            this.Libros.push({
+              id: i,
+              title: novedades[i].titulo,
+              img: reader.result
+            });
+          };
+        });
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error ${error}`);
+    }
  }
 };
 </script>
@@ -103,24 +103,18 @@ export default {
      Libros: [
        {
          id: 0,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
+          title: "",
+          img: ""
        },
        {
          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
+          title: "",
+          img: ""
        },
        {
          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
+          title: "",
+          img: ""
        }
      ]
    };
@@ -176,22 +170,19 @@ export default {
      console.log(`${similares}`);
      for (let i = 0; i < similares.length; i++) {
        this.Libros[i].title = similares[i].titulo;
-         let config = {
-        // example url
-        url: `http://localhost:3000/libroImagen?idLibro=${i+2}`,
-        method: "GET",
-        responseType: "blob"
-      };
-      await axios(config).then(response => {
-        let reader = new FileReader();
-        reader.readAsDataURL(response.data);
-        reader.onload = () => {
-          this.Libros[i].img = reader.result;
+        let config = {
+          // example url
+          url: `http://localhost:3000/libroImagen?idLibro=${i + 2}`,
+          method: "GET",
+          responseType: "blob"
        };
-      });
-
-
-
+        await axios(config).then(response => {
+          let reader = new FileReader();
+          reader.readAsDataURL(response.data);
+          reader.onload = () => {
+            this.Libros[i].img = reader.result;
+          };
+        });
      }
    } catch (error) {
      console.log(`Ocurrio un error ${error}`);
@@ -1,9 +1,13 @@
 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";

 export const routes = [
  { path: "/", component: home, name: "form" },
-  { path: "/panelAdmin", component: login, name: "Login" },
-  { path: "/desc", component: libroDescripcion, name: "LibroDesc" }
+  { path: "/login", component: login, name: "Login" },
+  { path: "/desc", component: libroDescripcion, name: "LibroDesc" },
+  { path: "/difusion", component: difusion, name: "difusion" },
+  { path: "/lineamientos", component: lineamientos, name: "lineamientos" }
 ];
@@ -0,0 +1,97 @@
+<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>
@@ -11,7 +11,7 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../components/navPrincipal.vue";
+import Nav from "./../esteticas/nav.vue";
 import Descrip from "./../components/descripcion.vue";
 import Footer from "./../components/footer.vue";

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <Header></Header>
+    <h1 class="my-5">Inicia Sesion</h1>
+    <div class="row d-flex justify-content-center">
+      <div class="col-12 col-md-8 col-lg-6 col-xl-6">
+        <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>
Author	SHA1	Message	Date
casnet1	ad38d4bf33	mas data 2	2020-08-20 18:25:26 -05:00
casnet1	1fdfbc803d	update data	2020-08-19 19:06:10 -05:00
casnet1	ae0b3cc02e	Lineamientos desplegables	2020-08-19 03:45:34 -05:00
danielGe	6863cf7306	home responsivo terminado	2020-08-14 01:25:28 -05:00
danielGe	f2e6840ffa	merg con carrusel cool	2020-08-14 00:16:45 -05:00
eithan	673ff9c7fc	carrusel dinamico	2020-08-14 00:05:24 -05:00
danielGe	c085df460d	Carrusel incompleto	2020-08-13 23:38:51 -05:00
eithan	ed8b3618db	front login	2020-08-13 23:38:34 -05:00
danielGe	cecfa871d0	Merge branch 'difusion' into pruebas sas	2020-08-13 20:25:37 -05:00
eithan	e08a7a0cb3	view difusion	2020-08-11 21:54:00 -05:00