Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit 7b814be8202b75d0cb89188c1fac42add7881301

Authored by Marcelo Puebla
2 parents d137a7ec75 2077d36199
Exists in develop and in 1 other branch 20200117-axion-responsive

Merge branch 'develop' into 'develop' 

Comentado opcionales en carrito

See merge request !4
Showing 1 changed file   Show diff stats
src/app/modules/carrito/carrito.component.html
Diff comments   View file @ 7b814be
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 <!-- CARRITO --> 15 <!-- CARRITO -->
16 <div class="row mx-2 mt-4 h-80 justify-content-center align-content-start scroll-y-visible"> 16 <div class="row mx-2 mt-4 h-80 justify-content-center align-content-start scroll-y-visible">
17 <!-- MENSAJE DE ADVERTENCIA --> 17 <!-- MENSAJE DE ADVERTENCIA -->
18 <div class="col-10 align-self-center alert alert-primary" *ngIf="!articuloService.carrito.length"> 18 <div class="col-10 align-self-center alert alert-primary" *ngIf="!articuloService.carrito.length">
19 <p class="h5 text-center">No hay artículos en el carrito</p> 19 <p class="h5 text-center">No hay artículos en el carrito</p>
20 </div> 20 </div>
21 <!-- ARTICULOS --> 21 <!-- ARTICULOS -->
22 <div 22 <div
23 class="col-12 col-xl-6 p-2 h-25 text-center text-truncate" 23 class="col-12 col-xl-6 p-2 h-25 text-center text-truncate"
24 *ngFor="let articulo of articuloService.carrito; let i = index;" 24 *ngFor="let articulo of articuloService.carrito; let i = index;"
25 @EnterLeave> 25 @EnterLeave>
26 <!-- ARTICULO --> 26 <!-- ARTICULO -->
27 <div class="h-100 px-2 py-4 border border-primary rounded-sm"> 27 <div class="h-100 px-2 py-4 border border-primary rounded-sm">
28 <div class="row mx-0 h-100"> 28 <div class="row mx-0 h-100">
29 <!-- NOMBRE E IMAGEN --> 29 <!-- NOMBRE E IMAGEN -->
30 <div class="col-3 h-100 border-right border-primary align-self-center"> 30 <div class="col-3 h-100 border-right border-primary align-self-center">
31 <img 31 <img
32 draggable="false" 32 draggable="false"
33 ondragstart="return false;" 33 ondragstart="return false;"
34 (contextmenu)="false" 34 (contextmenu)="false"
35 class="d-block mx-auto h-55 rounded-sm shadow-sm" 35 class="d-block mx-auto h-55 rounded-sm shadow-sm"
36 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}"> 36 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}">
37 <div class="row mx-0 h-45"> 37 <div class="row mx-0 h-45">
38 <p class="col text-primary text-truncate align-self-end"> 38 <p class="col text-primary text-truncate align-self-end">
39 <small>{{articulo.DetArt}}</small> 39 <small>{{articulo.DetArt}}</small>
40 </p> 40 </p>
41 </div> 41 </div>
42 </div> 42 </div>
43 <!-- CANTIDAD --> 43 <!-- CANTIDAD -->
44 <div class="col-3 border-right border-primary"> 44 <div class="col-3 border-right border-primary">
45 <p><small>CANT</small></p> 45 <p><small>CANT</small></p>
46 <div class="row mt-2 mx-0"> 46 <div class="row mt-2 mx-0">
47 <div class="col-12 h-auto"> 47 <div class="col-12 h-auto">
48 <div class="row mx-0 justify-content-between bg-primary badge-pill"> 48 <div class="row mx-0 justify-content-between bg-primary badge-pill">
49 <!-- BOTON MENOS --> 49 <!-- BOTON MENOS -->
50 <div class="col-auto px-0"> 50 <div class="col-auto px-0">
51 <img 51 <img
52 draggable="false" 52 draggable="false"
53 ondragstart="return false;" 53 ondragstart="return false;"
54 (contextmenu)="false" 54 (contextmenu)="false"
55 class="d-block ml-auto py-2 icon-20 btn-effect" 55 class="d-block ml-auto py-2 icon-20 btn-effect"
56 src="assets/img/menos-blanco.svg" 56 src="assets/img/menos-blanco.svg"
57 (click)="substractCant(articulo)"> 57 (click)="substractCant(articulo)">
58 </div> 58 </div>
59 <!-- CANTIDAD --> 59 <!-- CANTIDAD -->
60 <div class="col px-0 align-self-center text-white"> 60 <div class="col px-0 align-self-center text-white">
61 <p><small>{{articulo.cantidad}}</small></p> 61 <p><small>{{articulo.cantidad}}</small></p>
62 </div> 62 </div>
63 <!-- BOTON MAS --> 63 <!-- BOTON MAS -->
64 <div class="col-auto px-0"> 64 <div class="col-auto px-0">
65 <img 65 <img
66 draggable="false" 66 draggable="false"
67 ondragstart="return false;" 67 ondragstart="return false;"
68 (contextmenu)="false" 68 (contextmenu)="false"
69 class="d-block ml-auto py-2 icon-20 btn-effect" 69 class="d-block ml-auto py-2 icon-20 btn-effect"
70 src="assets/img/mas-blanco.svg" 70 src="assets/img/mas-blanco.svg"
71 (click)="addCant(articulo)"> 71 (click)="addCant(articulo)">
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 <!-- OPCIONALES --> 77 <!-- OPCIONALES -->
78 <div class="col-3 border-right border-primary"> 78 <div class="col-3 border-right border-primary">
79 <p><small>OPCIONALES</small></p> 79 <p><small>OPCIONALES</small></p>
80 <div class="py-1 badge-pill bg-dark text-white"><p><small>{{'AZÚCAR'}}</small></p></div> 80 <!-- <div class="py-1 badge-pill bg-dark text-white"><p><small>{{'AZÚCAR'}}</small></p></div>
81 <div class="row mx-0 mt-2 justify-content-center"> 81 <div class="row mx-0 mt-2 justify-content-center">
82 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white"> 82 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white">
83 <span> 83 <span>
84 <small class="pr-2">CAMBIAR</small> 84 <small class="pr-2">CAMBIAR</small>
85 <img 85 <img
86 draggable="false" 86 draggable="false"
87 ondragstart="return false;" 87 ondragstart="return false;"
88 (contextmenu)="false" 88 (contextmenu)="false"
89 class="icon-20" 89 class="icon-20"
90 src="assets/img/ir.svg"> 90 src="assets/img/ir.svg">
91 </span> 91 </span>
92 </div> 92 </div>
93 </div> 93 </div> -->
94 </div> 94 </div>
95 <!-- ELIMINAR --> 95 <!-- ELIMINAR -->
96 <div class="col-3 align-self-center"> 96 <div class="col-3 align-self-center">
97 <div class="row mx-0 justify-content-center"> 97 <div class="row mx-0 justify-content-center">
98 <div 98 <div
99 class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white" 99 class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white"
100 (click)="deleteArticulo(i)"> 100 (click)="deleteArticulo(i)">
101 <span> 101 <span>
102 <small class="pr-2">ELIMINAR</small> 102 <small class="pr-2">ELIMINAR</small>
103 <img 103 <img
104 draggable="false" 104 draggable="false"
105 ondragstart="return false;" 105 ondragstart="return false;"
106 (contextmenu)="false" 106 (contextmenu)="false"
107 class="icon-20 rotate-45" 107 class="icon-20 rotate-45"
108 src="assets/img/mas-blanco.svg"> 108 src="assets/img/mas-blanco.svg">
109 </span> 109 </span>
110 </div> 110 </div>
111 </div> 111 </div>
112 </div> 112 </div>
113 </div> 113 </div>
114 </div> 114 </div>
115 </div> 115 </div>
116 </div> 116 </div>
117 <!-- CONTINUAR --> 117 <!-- CONTINUAR -->
118 <div 118 <div
119 *ngIf="articuloService.carrito.length" 119 *ngIf="articuloService.carrito.length"
120 class="row mx-3 mt-4 h-auto justify-content-end"> 120 class="row mx-3 mt-4 h-auto justify-content-end">
121 <div 121 <div
122 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white" 122 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
123 [routerLink]="['/forma-pago']"> 123 [routerLink]="['/forma-pago']">
124 <span> 124 <span>
125 <small class="pr-2">CONTINUAR</small> 125 <small class="pr-2">CONTINUAR</small>
126 <img 126 <img
127 draggable="false" 127 draggable="false"
128 ondragstart="return false;" 128 ondragstart="return false;"
129 (contextmenu)="false" 129 (contextmenu)="false"
130 class="icon-20" 130 class="icon-20"
131 src="assets/img/ir.svg"> 131 src="assets/img/ir.svg">
132 </span> 132 </span>
133 </div> 133 </div>
134 </div> 134 </div>
135 <!-- SEGUIR COMPRANDO --> 135 <!-- SEGUIR COMPRANDO -->
136 <div class="row mx-3 mt-2 h-auto justify-content-end"> 136 <div class="row mx-3 mt-2 h-auto justify-content-end">
137 <div 137 <div
138 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white" 138 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
139 (click)="goBack()"> 139 (click)="goBack()">
140 <span> 140 <span>
141 <small class="pr-2">SEGUIR COMPRANDO</small> 141 <small class="pr-2">SEGUIR COMPRANDO</small>
142 <img 142 <img
143 draggable="false" 143 draggable="false"
144 ondragstart="return false;" 144 ondragstart="return false;"
145 (contextmenu)="false" 145 (contextmenu)="false"
146 class="icon-20" 146 class="icon-20"
147 src="assets/img/ir.svg"> 147 src="assets/img/ir.svg">
148 </span> 148 </span>
149 </div> 149 </div>
150 </div> 150 </div>
151 </div> 151 </div>
152 152
153 </div> 153 </div>
154 154