add progress bar

This commit is contained in:
2021-01-12 18:47:40 -06:00
parent 2e7f9b5055
commit f013f1535a
7 changed files with 18 additions and 7 deletions
File diff suppressed because one or more lines are too long
+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.f5c9348e.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.8ca3399d.js rel=preload as=script><link href=js/chunk-vendors.67046eec.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.f5c9348e.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.67046eec.js></script><script src=js/app.8ca3399d.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.cae71842.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.320b899e.js rel=preload as=script><link href=js/chunk-vendors.67046eec.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.cae71842.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.67046eec.js></script><script src=js/app.320b899e.js></script></body></html>
+2
View File
File diff suppressed because one or more lines are too long
+1
View File
File diff suppressed because one or more lines are too long
-2
View File
File diff suppressed because one or more lines are too long
-1
View File
File diff suppressed because one or more lines are too long
+13 -2
View File
@@ -1,11 +1,19 @@
<template>
<b-container class="mt-5">
<b-container class="mt-2">
<div style="margin-bottom: 2rem">
<h4 style="text-align:left">Libros cargados </h4>
<b-progress :max="librosTotales" height="1.5rem" variant="success" :striped="Libros.length != librosTotales" :animated="Libros.length != librosTotales" >
<b-progress-bar :value="Libros.length">
<span>Cargados: <strong>{{ Libros.length }} / {{ librosTotales }}</strong></span>
</b-progress-bar>
</b-progress>
</div>
<div class=" divMaster row row d-flex flex-wrap justify-content-center mb-3">
<b-input-group class="mb-2">
<b-input-group-prepend is-text>
<b-icon icon="search"></b-icon>
</b-input-group-prepend>
<b-form-input type="search" placeholder="Buscar" v-model="searchLibro" ></b-form-input>
<b-form-input type="search" placeholder="Buscar por nobre del libro, autor o categoría" v-model="searchLibro" ></b-form-input>
</b-input-group>
</div>
<div class="divMaster row ">
@@ -40,6 +48,7 @@ export default {
Libros: [],
searchLibro: "",
libroSelect: null,
librosCargados: 0,
};
},
methods: {
@@ -95,6 +104,8 @@ export default {
let todosLibros = await axios.get(`${config.api}/getTodosLibros`);
let path = `${config.api}/libroImagen?idLibro=`;
todosLibros = todosLibros.data.data;
this.librosTotales = todosLibros.length;
for (let i = 0; i < todosLibros.length; i++) {
let config = {
url: `${path}${todosLibros[i].idLibro}`,