Commit e7259819e3a5df18e6f1929bde2c072417d4e2b7
1 parent
5fdd783203
Exists in
master
Eliminado div de mas
Showing
1 changed file
with
1 additions
and
3 deletions
Show diff stats
src/app/components/inicio/inicio.component.html
| 1 | <div class="row m-0 fade-in"> | 1 | <div class="row m-0 fade-in"> |
| 2 | <div class="col-10 p-0"> | 2 | <div class="col-10 p-0"> |
| 3 | <!-- TOP HEADER --> | 3 | <!-- TOP HEADER --> |
| 4 | <app-header></app-header> | 4 | <app-header></app-header> |
| 5 | 5 | ||
| 6 | <!-- NOMBRE DE SECCION --> | 6 | <!-- NOMBRE DE SECCION --> |
| 7 | <div class="row m-0"> | 7 | <div class="row m-0"> |
| 8 | <div class="col-12 p-0"> | 8 | <div class="col-12 p-0"> |
| 9 | <p class="h5 py-1 bg-light text-muted text-center">Inicio</p> | 9 | <p class="h5 py-1 bg-light text-muted text-center">Inicio</p> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | 12 | ||
| 13 | <div class="row m-4 d-flex align-items-center disable-user-select"> | 13 | <div class="row m-4 d-flex align-items-center disable-user-select"> |
| 14 | <div class="col-md-5 d-flex align-items-end flex-column"> | 14 | <div class="col-md-5 d-flex align-items-end flex-column"> |
| 15 | 15 | ||
| 16 | <!-- TOOL TIp --> | 16 | <!-- TOOL TIp --> |
| 17 | <div class="popover left bs-example-popover p-4 border-0 shadow rounded mw-100 h-100 mb-auto" | 17 | <div class="popover left bs-example-popover p-4 border-0 shadow rounded mw-100 h-100 mb-auto" |
| 18 | *ngIf="tooltip === true"> | 18 | *ngIf="tooltip === true"> |
| 19 | <div class="arrow"></div> | 19 | <div class="arrow"></div> |
| 20 | <h4 class="popover-title mb-3 mt-1"> Este producto forma parte de Combos y Promociones</h4> | 20 | <h4 class="popover-title mb-3 mt-1"> Este producto forma parte de Combos y Promociones</h4> |
| 21 | <div class="popover-content mw-100 h-100 mb-auto"> | 21 | <div class="popover-content mw-100 h-100 mb-auto"> |
| 22 | <div class="d-flex flex-column h-75 text-center"> | 22 | <div class="d-flex flex-column h-75 text-center"> |
| 23 | <div class="overflow-auto overflow-scroll mb-2"> | 23 | <div class="overflow-auto overflow-scroll mb-2"> |
| 24 | 24 | ||
| 25 | <div class="card bg-white rounded-sm shadow border-0 black-text my-3"> | 25 | <div class="card bg-white rounded-sm shadow border-0 black-text my-3"> |
| 26 | <div class="card-body row m-0 p-0 px-1 p-2 shadow rounded"> | 26 | <div class="card-body row m-0 p-0 px-1 p-2 shadow rounded"> |
| 27 | <div class="col-6 p-0 text-left my-auto"> | 27 | <div class="col-6 p-0 text-left my-auto"> |
| 28 | <p class="h4 text-left m-0"><strong>Promo 2 x 1</strong></p> | 28 | <p class="h4 text-left m-0"><strong>Promo 2 x 1</strong></p> |
| 29 | <p class="m-0 h5"><small>2 Coca-cola 1.5 lt</small></p> | 29 | <p class="m-0 h5"><small>2 Coca-cola 1.5 lt</small></p> |
| 30 | </div> | 30 | </div> |
| 31 | <div class="col-6 p-1 text-center my-auto"> | 31 | <div class="col-6 p-1 text-center my-auto"> |
| 32 | <p class="m-0 h1 text-right">{{105 | currency}}</p> | 32 | <p class="m-0 h1 text-right">{{105 | currency}}</p> |
| 33 | </div> | 33 | </div> |
| 34 | </div> | 34 | </div> |
| 35 | </div> | 35 | </div> |
| 36 | 36 | ||
| 37 | </div> | 37 | </div> |
| 38 | </div> | 38 | </div> |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| 41 | 41 | ||
| 42 | <!-- PROMOCIONES --> | 42 | <!-- PROMOCIONES --> |
| 43 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto"> | 43 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto"> |
| 44 | <div class="card-body text-left p-4"> | 44 | <div class="card-body text-left p-4"> |
| 45 | <div class="row"> | 45 | <div class="row"> |
| 46 | <div class="col-7"> | 46 | <div class="col-7"> |
| 47 | <p class="h3 card-title">Promociones</p> | 47 | <p class="h3 card-title">Promociones</p> |
| 48 | </div> | 48 | </div> |
| 49 | <div class="col-5 p-0"> | 49 | <div class="col-5 p-0"> |
| 50 | <img src="../../../assets/icons/primario.promociones.png" alt="" class="icon-dim m-0"> | 50 | <img src="../../../assets/icons/primario.promociones.png" alt="" class="icon-dim m-0"> |
| 51 | </div> | 51 | </div> |
| 52 | </div> | 52 | </div> |
| 53 | <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p> | 53 | <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p> |
| 54 | </div> | 54 | </div> |
| 55 | <div id="carouselIndicators" class="carousel slide mb-4" data-ride="carousel"> | 55 | <div id="carouselIndicators" class="carousel slide mb-4" data-ride="carousel"> |
| 56 | <ol class="carousel-indicators m-0"> | 56 | <ol class="carousel-indicators m-0"> |
| 57 | <li data-target="#carouselIndicators" data-slide-to="0" class="bg-dark active"></li> | 57 | <li data-target="#carouselIndicators" data-slide-to="0" class="bg-dark active"></li> |
| 58 | <li data-target="#carouselIndicators" data-slide-to="1" class="bg-dark"></li> | 58 | <li data-target="#carouselIndicators" data-slide-to="1" class="bg-dark"></li> |
| 59 | <li data-target="#carouselIndicators" data-slide-to="2" class="bg-dark"></li> | 59 | <li data-target="#carouselIndicators" data-slide-to="2" class="bg-dark"></li> |
| 60 | </ol> | 60 | </ol> |
| 61 | <div class="carousel-inner"> | 61 | <div class="carousel-inner"> |
| 62 | <div class="carousel-item active"> | 62 | <div class="carousel-item active"> |
| 63 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> | 63 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> |
| 64 | </div> | 64 | </div> |
| 65 | <div class="carousel-item"> | 65 | <div class="carousel-item"> |
| 66 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> | 66 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> |
| 67 | </div> | 67 | </div> |
| 68 | <div class="carousel-item"> | 68 | <div class="carousel-item"> |
| 69 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> | 69 | <img src="../../assets/img/descarga.jpg" class="d-block w-50 m-auto rounded" alt="..."> |
| 70 | </div> | 70 | </div> |
| 71 | </div> | 71 | </div> |
| 72 | </div> | 72 | </div> |
| 73 | </div> | 73 | </div> |
| 74 | 74 | ||
| 75 | <!-- ORDENAR --> | 75 | <!-- ORDENAR --> |
| 76 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> | 76 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| 77 | <div class="card-body text-left p-4"> | 77 | <div class="card-body text-left p-4"> |
| 78 | <div class="row"> | 78 | <div class="row"> |
| 79 | <div class="col-5"> | 79 | <div class="col-5"> |
| 80 | <p class="h3 card-title">Ordenar</p> | 80 | <p class="h3 card-title">Ordenar</p> |
| 81 | </div> | 81 | </div> |
| 82 | <div class="col-7 p-0"> | 82 | <div class="col-7 p-0"> |
| 83 | <img src="../../../assets/icons/primario.ordenar.png" alt="" class="icon-dim"> | 83 | <img src="../../../assets/icons/primario.ordenar.png" alt="" class="icon-dim"> |
| 84 | </div> | 84 | </div> |
| 85 | </div> | 85 | </div> |
| 86 | |||
| 87 | <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p> | 86 | <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p> |
| 88 | </div> | 87 | </div> |
| 89 | <img class="card-img-bottom d-block w-50 mx-auto mb-4 rounded" src="../../assets/img/descarga.jpg"> | 88 | <img class="card-img-bottom d-block w-50 mx-auto mb-4 rounded" src="../../assets/img/descarga.jpg"> |
| 90 | </div> | 89 | </div> |
| 91 | |||
| 92 | </div> | 90 | </div> |
| 93 | 91 | ||
| 94 | <div class="col-md-7 d-flex align-items-end flex-column"> | 92 | <div class="col-md-7 d-flex align-items-end flex-column"> |
| 95 | 93 | ||
| 96 | <!-- CARGAR PRODUCTOS --> | 94 | <!-- CARGAR PRODUCTOS --> |
| 97 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto"> | 95 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto"> |
| 98 | <div class="card-body text-left p-4"> | 96 | <div class="card-body text-left p-4"> |
| 99 | <div class="row"> | 97 | <div class="row"> |
| 100 | <div class="col-6"> | 98 | <div class="col-6"> |
| 101 | <p class="h3 card-title">Cargar Productos</p> | 99 | <p class="h3 card-title">Cargar Productos</p> |
| 102 | </div> | 100 | </div> |
| 103 | <div class="col-6 p-0"> | 101 | <div class="col-6 p-0"> |
| 104 | <img src="../../../assets//icons/escanear.png" alt="" class="icon-dim mb-2"> | 102 | <img src="../../../assets//icons/escanear.png" alt="" class="icon-dim mb-2"> |
| 105 | </div> | 103 | </div> |
| 106 | </div> | 104 | </div> |
| 107 | <p class="h5 card-text text-muted font-weight-light"> | 105 | <p class="h5 card-text text-muted font-weight-light"> |
| 108 | Coloque el código de<br> | 106 | Coloque el código de<br> |
| 109 | barras o QR frente al scanner. | 107 | barras o QR frente al scanner. |
| 110 | </p> | 108 | </p> |
| 111 | </div> | 109 | </div> |
| 112 | <div class="card bg-white border-0 w-75 mx-auto mb-4"> | 110 | <div class="card bg-white border-0 w-75 mx-auto mb-4"> |
| 113 | <img class="card-img-top d-block w-50 mx-auto rounded" src="../../assets/img/descarga.jpg"> | 111 | <img class="card-img-top d-block w-50 mx-auto rounded" src="../../assets/img/descarga.jpg"> |
| 114 | <div class="card-body text-left p-2"> | 112 | <div class="card-body text-left p-2"> |
| 115 | <p class="m-0 card-text text-muted">Galletas Oreo x117 grs Chocolate.</p> | 113 | <p class="m-0 card-text text-muted">Galletas Oreo x117 grs Chocolate.</p> |
| 116 | <p class="m-0 card-text text-muted">COD. 12121222</p> | 114 | <p class="m-0 card-text text-muted">COD. 12121222</p> |
| 117 | </div> | 115 | </div> |
| 118 | </div> | 116 | </div> |
| 119 | </div> | 117 | </div> |
| 120 | 118 | ||
| 121 | <!-- BUSCAR PRODUCTOS --> | 119 | <!-- BUSCAR PRODUCTOS --> |
| 122 | <div (click)="goPage('busqueda-productos')" | 120 | <div (click)="goPage('busqueda-productos')" |
| 123 | class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> | 121 | class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| 124 | <div class="card-body text-left p-4"> | 122 | <div class="card-body text-left p-4"> |
| 125 | <div class="row"> | 123 | <div class="row"> |
| 126 | <div class="col-6"> | 124 | <div class="col-6"> |
| 127 | <p class="h3 card-title">Buscar Productos</p> | 125 | <p class="h3 card-title">Buscar Productos</p> |
| 128 | <p class="h5 card-text text-muted font-weight-light"> | 126 | <p class="h5 card-text text-muted font-weight-light"> |
| 129 | Busque aquí los productos<br> | 127 | Busque aquí los productos<br> |
| 130 | que no tienen código </p> | 128 | que no tienen código </p> |
| 131 | </div> | 129 | </div> |
| 132 | <div class="col-6 p-0"> | 130 | <div class="col-6 p-0"> |
| 133 | <img src="../../../assets/icons/primario.buscar.png" alt="" class="icon-dim mb-2"> | 131 | <img src="../../../assets/icons/primario.buscar.png" alt="" class="icon-dim mb-2"> |
| 134 | </div> | 132 | </div> |
| 135 | </div> | 133 | </div> |
| 136 | 134 | ||
| 137 | </div> | 135 | </div> |
| 138 | </div> | 136 | </div> |
| 139 | 137 | ||
| 140 | </div> | 138 | </div> |
| 141 | 139 | ||
| 142 | </div> | 140 | </div> |
| 143 | 141 | ||
| 144 | </div> | 142 | </div> |
| 145 | 143 | ||
| 146 | <!-- SIDEBAR --> | 144 | <!-- SIDEBAR --> |
| 147 | <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar> | 145 | <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar> |
| 148 | </div> | 146 | </div> |