Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit 8f98ba4a3a3856cc29aacbfdbdb111d57d6eec17

Authored by Marcelo Puebla
1 parent a97eef8931
Exists in master and in 2 other branches 20200117-axion-responsive, develop

Agregados botones

Showing 1 changed file with 18 additions and 1 deletions   Show diff stats
src/app/modules/carrito/carrito.component.html
Diff comments   View file @ 8f98ba4
1 <div class="h-92 bg-white fade-in-left"> 1 <div class="h-92 bg-white fade-in-left">
2 <!-- PUBLICIDADES --> 2 <!-- PUBLICIDADES -->
3 <app-header-publicidad></app-header-publicidad> 3 <app-header-publicidad></app-header-publicidad>
4 4
5 <div class="h-85"> 5 <div class="h-85">
6 <!-- CABECERA --> 6 <!-- CABECERA -->
7 <div class="row mx-3 h-auto border border-primary rounded-sm"> 7 <div class="row mx-3 h-auto border border-primary rounded-sm">
8 <div class="col-12 px-0 py-2 align-self-center"> 8 <div class="col-12 px-0 py-2 align-self-center">
9 <div class="px-3"> 9 <div class="px-3">
10 <p class="h6 text-truncate">ESTE ES TÚ CARRITO DE COMPRAS</p> 10 <p class="h6 text-truncate">ESTE ES TÚ CARRITO DE COMPRAS</p>
11 </div> 11 </div>
12 </div> 12 </div>
13 </div> 13 </div>
14 14
15 <!-- ARTICULOS --> 15 <!-- ARTICULOS -->
16 <div class="row mx-2 mt-4 h-80 scroll-y"> 16 <div class="row mx-2 mt-4 h-80 scroll-y">
17 <div 17 <div
18 class="col-12 col-xl-6 p-2 h-25 text-center text-truncate" 18 class="col-12 col-xl-6 p-2 h-25 text-center text-truncate"
19 *ngFor="let item of [{},{},{},{},{},{},{},{},{}]"> 19 *ngFor="let item of [{},{},{},{},{},{},{},{},{}]">
20 <!-- ARTICULO --> 20 <!-- ARTICULO -->
21 <div class="h-100 px-2 py-4 border border-primary rounded-sm"> 21 <div class="h-100 px-2 py-4 border border-primary rounded-sm">
22 <div class="row mx-0 h-100"> 22 <div class="row mx-0 h-100">
23 <!-- NOMBRE E IMAGEN --> 23 <!-- NOMBRE E IMAGEN -->
24 <div class="col-3 h-100 border-right border-primary align-self-center"> 24 <div class="col-3 h-100 border-right border-primary align-self-center">
25 <img class="d-block mx-auto h-55" src="assets/img/icono-efectivo.svg"> 25 <img class="d-block mx-auto h-55" src="assets/img/icono-efectivo.svg">
26 <div class="row mx-0 h-45"> 26 <div class="row mx-0 h-45">
27 <p class="col text-primary align-self-end"><small>{{'CORTADO'}}</small></p> 27 <p class="col text-primary align-self-end"><small>{{'CORTADO'}}</small></p>
28 </div> 28 </div>
29 </div> 29 </div>
30 <!-- CANTIDAD --> 30 <!-- CANTIDAD -->
31 <div class="col-3 border-right border-primary"> 31 <div class="col-3 border-right border-primary">
32 <p><small>CANT</small></p> 32 <p><small>CANT</small></p>
33 <div class="row mt-2 mx-0"> 33 <div class="row mt-2 mx-0">
34 <div class="col-12 h-auto"> 34 <div class="col-12 h-auto">
35 <div class="row mx-0 justify-content-between bg-primary badge-pill"> 35 <div class="row mx-0 justify-content-between bg-primary badge-pill">
36 <div class="col-auto px-0"> 36 <div class="col-auto px-0">
37 <!-- BOTON MENOS --> 37 <!-- BOTON MENOS -->
38 <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/menos-blanco.svg"> 38 <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/menos-blanco.svg">
39 </div> 39 </div>
40 <div class="col px-0 align-self-center text-white"> 40 <div class="col px-0 align-self-center text-white">
41 <p><small>{{55}}</small></p> 41 <p><small>{{55}}</small></p>
42 </div> 42 </div>
43 <div class="col-auto px-0"> 43 <div class="col-auto px-0">
44 <!-- BOTON MAS --> 44 <!-- BOTON MAS -->
45 <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/mas-blanco.svg"> 45 <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/mas-blanco.svg">
46 </div> 46 </div>
47 </div> 47 </div>
48 </div> 48 </div>
49 </div> 49 </div>
50 </div> 50 </div>
51 <!-- OPCIONALES --> 51 <!-- OPCIONALES -->
52 <div class="col-3 border-right border-primary"> 52 <div class="col-3 border-right border-primary">
53 <p><small>OPCIONALES</small></p> 53 <p><small>OPCIONALES</small></p>
54 <div class="py-1 badge-pill bg-dark text-white"><p><small>{{'AZÚCAR'}}</small></p></div> 54 <div class="py-1 badge-pill bg-dark text-white"><p><small>{{'AZÚCAR'}}</small></p></div>
55 <div class="row mx-0 mt-2 justify-content-center"> 55 <div class="row mx-0 mt-2 justify-content-center">
56 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white"> 56 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white">
57 <span> 57 <span>
58 <small class="pr-2">CAMBIAR</small> 58 <small class="pr-2">CAMBIAR</small>
59 <img class="icon-20" src="assets/img/ir.svg"> 59 <img class="icon-20" src="assets/img/ir.svg">
60 </span> 60 </span>
61 </div> 61 </div>
62 </div> 62 </div>
63 </div> 63 </div>
64 <!-- ELIMINAR --> 64 <!-- ELIMINAR -->
65 <div class="col-3 align-self-center"> 65 <div class="col-3 align-self-center">
66 <div class="row mx-0 justify-content-center"> 66 <div class="row mx-0 justify-content-center">
67 <div class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white"> 67 <div class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white">
68 <span> 68 <span>
69 <small class="pr-2">ELIMINAR</small> 69 <small class="pr-2">ELIMINAR</small>
70 <img class="icon-20 rotate-45" src="assets/img/mas-blanco.svg"> 70 <img class="icon-20 rotate-45" src="assets/img/mas-blanco.svg">
71 </span> 71 </span>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 79 <div class="row mx-3 mt-4 h-auto justify-content-end">
80 <div class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white">
81 <span>
82 <small class="pr-2">CONTINUAR</small>
83 <img class="icon-20" src="assets/img/ir.svg">
84 </span>
85 </div>
86 </div>
87 <div class="row mx-3 mt-2 h-auto justify-content-end">
88 <div
89 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
90 [routerLink]="['/seleccion-articulos']">
91 <span>
92 <small class="pr-2">SEGUIR COMPRANDO</small>
93 <img class="icon-20" src="assets/img/ir.svg">
94 </span>
95 </div>
96 </div>
80 </div> 97 </div>
81 98
82 </div> 99 </div>
83 100