barra de busqeda

Merge branch 'desplegable' into pruebas
rutas ajustadas
2020-08-22 04:50:05 -05:00 · 2020-08-22 02:29:29 -05:00 · 2020-08-22 02:25:43 -05:00 · 2020-08-20 18:25:26 -05:00 · 2020-08-19 19:06:10 -05:00 · 2020-08-19 03:45:34 -05:00
19 changed files with 3855 additions and 227 deletions
@@ -2231,6 +2231,37 @@
      "integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==",
      "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": {
      "version": "10.1.0",
      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
@@ -8,6 +8,7 @@
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
+    "axios": "^0.19.2",
    "bootstrap": "^4.5.2",
    "core-js": "^3.6.5",
    "jquery": "^3.5.1",
@@ -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,41 @@
 </template>

 <script>
-export default {};
+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>
@@ -6,6 +6,7 @@
        style="width: 12rem;"
        v-bind:key="libro.id"
        v-for="libro in Libros"
+        @click="descripcion(libro.id)"
      >
        <router-link :to="{ path: 'home' }" class="textt">
          <img :src="libro.img" class="card-img-top rounded" alt="libro" />
@@ -21,96 +22,52 @@
 </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: []
    };
+  },
+  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}${(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: novedades[i].idLibro,
+              title: novedades[i].titulo,
+              img: reader.result
+            });
+          };
+        });
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error ${error}`);
+    }
  }
 };
 </script>
@@ -2,7 +2,7 @@
  <div class="container">
    <div class="row ">
      <div class="col-md-6 col-sm-12 py-5">
-        <img v-bind:src="rutaIm" class="libro" />
+        <img :src="src" alt="" class="libro" />
        <button class="button pre">
          Previsualizar</button
        ><br /><br />
@@ -62,15 +62,16 @@
          style="width: 12rem;"
          v-bind:key="libro.id"
          v-for="libro in Libros"
+          @click="descripcion(libro.id)"
        >
-          <router-link :to="{ path: 'home' }" class="textt">
+          <div class="textt">
            <img :src="libro.img" class="card-img-top rounded" alt="libro" />
            <div class="card-body cd textt">
              <p class="card-text textt">
                {{ libro.title }}
              </p>
            </div>
-          </router-link>
+          </div>
        </div>
      </div>
    </div>
@@ -78,6 +79,8 @@
 </template>

 <script>
+import axios from "axios";
+import config from "../config/config.js";
 import Title from "../components/titulo.vue";
 export default {
  components: {
@@ -86,41 +89,100 @@ export default {

  data() {
    return {
-      titulo: "Competitive programing",
-      autor: "HALIM",
-      paginas: "300",
-      isbn: "POSF-12-43",
-      edicion: "Primera edicion",
-      precio: "$3232.00",
-      rutaIm:
-        "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg",
-      version: "Electronica",
-      desc: `En relación al estudio del álgebra, las expresiones algebraicas son el conjunto de números, y por símbolos representados por letras que manifiestan un valor desconocido, siendo llamado como incógnita o variable.\n\nLos 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.`,
-      boton2: "Comprar",
-      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"
-        }
-      ]
+      idLibro: "",
+      titulo: "",
+      autor: "",
+      paginas: "",
+      isbn: "",
+      edicion: "",
+      precio: "",
+      src: "",
+      version: "",
+      desc: ``,
+      boton2: "",
+      categoria: "",
+      Libros: []
    };
+  },
+  methods: {
+    async descripcion(idLibro) {
+      localStorage.clear();
+      window.localStorage.setItem("idLibro", idLibro);
+      location.reload();
+    }
+  },
+  async created() {
+    let path = `${config.api}`;
+    try {
+      this.idLibro = window.localStorage.getItem("idLibro");
+      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);
+    }
+    this.idLibro = 1;
+
+    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=${i + 2}`,
+          method: "GET",
+          responseType: "blob"
+        };
+        await axios(config).then(response => {
+          let reader = new FileReader();
+          reader.readAsDataURL(response.data);
+          reader.onload = () => {
+            this.Libros.push({
+              id: similares[i].idLibro,
+              title: similares[i].titulo,
+              img: reader.result
+            });
+            //this.Libros[i].img = reader.result;
+          };
+        });
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error ${error}`);
+    }
  }
 };
 </script>
@@ -1,6 +1,6 @@
 <template>
  <footer class="container-fluid Azul-puma footer py-3 ">
-    <container>
+    <div class="container">
      <div row>
        <button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
          Comité Editorial
@@ -18,7 +18,7 @@
          Puntos de Venta
        </button>
      </div>
-    </container>
+    </div>
    <div row>
      <p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
      <p class="my-0 ">
@@ -1,39 +1,37 @@
 <template>
-  <container>
-    <div class="row divMaster header cl-12 azulUnam">
-      <div
-        class="logo_unam  col-4 offset-1 d-inline-flex my-2 align-items-center"
-      >
-        <a href="https://www.unam.mx/" target="_blank">
-          <img class="sizeImg" src="../assets/Logo-UNAM.png" alt="logo unam" />
-        </a>
-      </div>
-
-      <div
-        class="logo_acatlan  col-4  offset-2 d-inline-flex justify-content-end my-2 align-items-center"
-      >
-        <a href="https://www.acatlan.unam.mx/" target="_blank">
-          <img
-            class="sizeImg"
-            src="../assets/FES-editoriales.png"
-            alt="logo unam"
-          />
-        </a>
-      </div>
-
-      <div
-        class="logo_acatlan_resp col-8  offset-2 d-flex justify-content-center my-2 align-items-center"
-      >
-        <a href="https://www.acatlan.unam.mx/" target="_blank">
-          <img
-            class="sizeImg"
-            src="../assets/FES-editoriales.png"
-            alt="logo unam"
-          />
-        </a>
-      </div>
+  <div class="row divMaster header cl-12 azulUnam">
+    <div
+      class="logo_unam  col-4 offset-1 d-inline-flex my-2 align-items-center"
+    >
+      <a href="https://www.unam.mx/" target="_blank">
+        <img class="sizeImg" src="../assets/Logo-UNAM.png" alt="logo unam" />
+      </a>
    </div>
-  </container>
+
+    <div
+      class="logo_acatlan  col-4  offset-2 d-inline-flex justify-content-end my-2 align-items-center"
+    >
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <img
+          class="sizeImg"
+          src="../assets/FES-editoriales.png"
+          alt="logo unam"
+        />
+      </a>
+    </div>
+
+    <div
+      class="logo_acatlan_resp col-8  offset-2 d-flex justify-content-center my-2 align-items-center"
+    >
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <img
+          class="sizeImg"
+          src="../assets/FES-editoriales.png"
+          alt="logo unam"
+        />
+      </a>
+    </div>
+  </div>
 </template>

 <style>
@@ -0,0 +1,95 @@
+<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 {
+  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=${(i % 4) + 1}`,
+          method: "GET",
+          responseType: "blob"
+        };
+        await axios(config).then(response => {
+          let reader = new FileReader();
+          reader.readAsDataURL(response.data);
+          reader.onload = () => {
+            this.Libros.push({
+              id: similares[i].idLibro,
+              title: similares[i].titulo,
+              img: reader.result
+            });
+            //this.Libros[i].img = reader.result;
+          };
+        });
+      }
+    } 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>
@@ -0,0 +1,5 @@
+const config = {
+  api: "http://localhost:3001"
+  //api: "https://venus.acatlan.unam.mx/indiana_hackaton"
+};
+module.exports = config;
@@ -21,11 +21,13 @@
            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around  mt-0 mt-lg-0"
          >
            <li class="nav-item">
-              <a class="nav-link text-white" href="#">Inicio</a>
+              <a class="nav-link text-white" href="#" @click="inicio()"
+                >Inicio</a
+              >
            </li>
-            <li class="nav-item">
+            <!--<li class="nav-item">
              <a class="nav-link text-white" href="#">Presentacion</a>
-            </li>
+            </li>-->

            <li class="nav-item">
              <div class="dropdown">
@@ -45,34 +47,48 @@
                  class="dropdown-menu azulUnam"
                  aria-labelledby="navbarDropdown"
                >
-                  <a class="dropdown-item text-white" href="#"
+                  <a
+                    class="dropdown-item text-white"
+                    @click="tema('Ciencias Socioeconomicas')"
                    >Ciencias Socioeconomicas</a
                  >
                  <div class="dropdown-divider"></div>
-                  <a class="dropdown-item text-white" href="#"
+                  <a
+                    class="dropdown-item text-white"
+                    @click="tema('Diseño y Edificacion')"
                    >Diseño y Edificacion</a
                  >
                  <div class="dropdown-divider"></div>
-                  <a class="dropdown-item text-white" href="#"
+                  <a
+                    class="dropdown-item text-white"
+                    @click="tema('Enseñanza de Idiomas')"
                    >Enseñanza de Idiomas</a
                  >
                  <div class="dropdown-divider"></div>
-                  <a class="dropdown-item text-white" href="#"
+                  <a
+                    class="dropdown-item text-white"
+                    @click="tema('Estudios de Posgrado')"
                    >Estudios de Posgrado</a
                  >
                  <div class="dropdown-divider "></div>
-                  <a class="dropdown-item text-white " href="#">Humanidades</a>
+                  <a
+                    class="dropdown-item text-white "
+                    @click="tema('Humanidades')"
+                    >Humanidades</a
+                  >
                  <div class="dropdown-divider"></div>
-                  <a class="dropdown-item text-white" href="#"
+                  <a
+                    class="dropdown-item text-white"
+                    @click="tema('Matematicas e Ingenieria')"
                    >Matematicas e Ingenieria</a
                  >
                </div>
              </div>
            </li>

-            <li class="nav-item">
+            <!--<li class="nav-item">
              <a class="nav-link text-white" href="#">Difusion Editorial</a>
-            </li>
+            </li>-->
          </ul>
        </div>

@@ -88,6 +104,7 @@
              placeholder="Buscar"
              aria-label="Recipient's username"
              aria-describedby="basic-addon2"
+              v-model="nombre"
            />
            <div class="input-group-append reDer bg-white">
              <button class="btn  my-0" type="submit">
@@ -97,7 +114,6 @@
                  viewBox="0 0 16 16"
                  class="bi bi-search blanco"
                  fill="currentColor"
-                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
@@ -111,6 +127,18 @@
              </button>
            </div>
          </div>
+          <!-- <div>-->
+          <div v-if="nombre.length > 2">
+            <ul
+              class="list-group"
+              v-for="item in buscarLibro"
+              v-bind:key="item.idLibro"
+            >
+              <li class="list-group-item" @click="descripcion(item.idLibro)">
+                {{ item.titulo }}
+              </li>
+            </ul>
+          </div>
        </form>
      </nav>
    </div>
@@ -118,16 +146,55 @@
 </template>

 <script>
+import axios from "axios";
+import config from "../config/config.js";
 export default {
  data() {
    return {
-      isExist: true
+      isExist: true,
+      libros: [],
+      nombre: ""
    };
  },
  methods: {
+    async descripcion(idLibro) {
+      console.log(` Este es el id del libro ${idLibro}`);
+      localStorage.clear();
+      window.localStorage.setItem("idLibro", idLibro);
+      this.$router.push("/desc").catch(() => {
+        location.reload();
+      });
+    },
+    inicio() {
+      this.$router.push("/").catch(() => {
+        location.reload();
+      });
+    },
+    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>
@@ -150,6 +217,11 @@ nav {
 .azulUnam {
  background-color: #1e3c70;
 }
+
+.list-group-item:hover {
+  background-color: #1e3c70;
+  color: white;
+}
 .doradoUnam {
  background-color: #bb8800;
 }
@@ -2,11 +2,14 @@ import home from "./view/home.vue";
 import login from "./view/login.vue";
 import libroDescripcion from "./view/libroDescripcion.vue";
 import difusion from "./view/difusion.vue";
+import lineamientos from "./view/lineamiento.vue";
+import tema from "./view/tema.vue";

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

@@ -1,42 +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>
+    <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
+  data() {
+    return {
+      data: {
+        email: "",
+        password: ""
+      }
+    };
+  },
+  methods: {
+    login() {
+      alert(this.data.email);
    }
-}
+  },
+  components: {
+    Header
+  }
+};
 </script>

-<style>
-
-</style>
+<style></style>
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <Header />
+    <Nav />
+    <Title title="Resultado" />
+    <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>
@@ -0,0 +1,3 @@
+module.exports = {
+  publicPath: "./"
+};
Author	SHA1	Message	Date
danielGe	1690545b2a	barra de busqeda	2020-08-22 04:50:05 -05:00
danielGe	ff4af2e97c	Merge branch 'desplegable' into pruebas	2020-08-22 02:29:29 -05:00
danielGe	1f7f93861a	rutas ajustadas	2020-08-22 02:25:43 -05:00
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
danielGe	cecfa871d0	Merge branch 'difusion' into pruebas sas	2020-08-13 20:25:37 -05:00
danielGe	c8eb7eeda2	descipcion Terminada	2020-08-13 19:59:31 -05:00
danielGe	3d33ac2040	integracion de la Api para Desc	2020-08-12 01:52:56 -05:00