agrego total en carrito

Benjamin Rodriguez
1 parent 53e6b9a948
Showing 5 changed files with 16 additions and 5 deletions Show diff stats
src/app/modules/admin/admin.component.ts
src/app/modules/carrito/carrito.component.html
src/app/modules/carrito/carrito.component.scss
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -15,7 +15,7 @@ export class AdminComponent implements OnInit {
     ) { }
  
     ngOnInit() {
-      this.startTimeOutInactividad();
+      // this.startTimeOutInactividad();
     }
  
     @HostListener('document:click', ['$event'])
@@ -121,6 +121,13 @@
         </div>
       </div>
     </div>
+    <!-- TOTAL -->
+    <div class="row mx-3 mt-2 h-auto justify-content-end">
+      <div class="col-auto align-self-center text-primary"><small>TOTAL</small></div>
+      <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
+        <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal | currency}}</p>
+      </div>
+    </div>
     <!-- CONTINUAR -->
     <div
       *ngIf="articuloService.carrito.length"
@@ -140,7 +147,7 @@
       </div>
     </div>
     <!-- SEGUIR COMPRANDO -->
-    <div class="row mx-3 mt-2 h-auto justify-content-end">
+    <!-- <div class="row mx-3 mt-2 h-auto justify-content-end">
       <div
         class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
         (click)="goBack()">
@@ -154,7 +161,7 @@
             src="assets/img/ir.svg">
         </span>
       </div>
-    </div>
+    </div> -->
   </div>
  
 </div>
@@ -0,0 +1,4 @@
+.bg-total {
+    width: 75px;
+    border-radius: 1.5rem;
+  }
@@ -201,7 +201,7 @@
           [routerLink]="['/carrito']">
           <div class="row justify-content-between mx-0">
             <div class="col-auto align-self-center text-primary">TOTAL</div>
-            <div class="col-auto p-0 bg-primary d-none d-sm-block total-background">
+            <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
               <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal | currency}}</p>
             </div>
             <div class="col-auto align-self-center text-primary ml-2 bg-light">VER CARRITO</div>
@@ -39,7 +39,7 @@ $primary: #aa006b;
   line-height: 1.2;
 }
  
-.total-background {
+.bg-total {
   width: 110px;
   border-radius: 1.5rem;
 }
...	...	@@ -15,7 +15,7 @@ export class AdminComponent implements OnInit {
15	15	) { }
16	16
17	17	ngOnInit() {
18		- this.startTimeOutInactividad();
	18	+ // this.startTimeOutInactividad();
19	19	}
20	20
21	21	@HostListener('document:click', ['$event'])
...	...	@@ -121,6 +121,13 @@
121	121	</div>
122	122	</div>
123	123	</div>
	124	+ <!-- TOTAL -->
	125	+ <div class="row mx-3 mt-2 h-auto justify-content-end">
	126	+ <div class="col-auto align-self-center text-primary"><small>TOTAL</small></div>
	127	+ <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
	128	+ <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal \| currency}}</p>
	129	+ </div>
	130	+ </div>
124	131	<!-- CONTINUAR -->
125	132	<div
126	133	*ngIf="articuloService.carrito.length"
...	...	@@ -140,7 +147,7 @@
140	147	</div>
141	148	</div>
142	149	<!-- SEGUIR COMPRANDO -->
143		- <div class="row mx-3 mt-2 h-auto justify-content-end">
	150	+ <!-- <div class="row mx-3 mt-2 h-auto justify-content-end">
144	151	<div
145	152	class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
146	153	(click)="goBack()">
...	...	@@ -154,7 +161,7 @@
154	161	src="assets/img/ir.svg">
155	162	</span>
156	163	</div>
157		- </div>
	164	+ </div> -->
158	165	</div>
159	166
160	167	</div>
...	...	@@ -0,0 +1,4 @@
	1	+.bg-total {
	2	+ width: 75px;
	3	+ border-radius: 1.5rem;
	4	+ }
...	...	@@ -201,7 +201,7 @@
201	201	[routerLink]="['/carrito']">
202	202	<div class="row justify-content-between mx-0">
203	203	<div class="col-auto align-self-center text-primary">TOTAL</div>
204		- <div class="col-auto p-0 bg-primary d-none d-sm-block total-background">
	204	+ <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
205	205	<p class="text-center text-white mt-1 py-1">{{articuloService.subTotal \| currency}}</p>
206	206	</div>
207	207	<div class="col-auto align-self-center text-primary ml-2 bg-light">VER CARRITO</div>
...	...	@@ -39,7 +39,7 @@ $primary: #aa006b;
39	39	line-height: 1.2;
40	40	}
41	41
42		-.total-background {
	42	+.bg-total {
43	43	width: 110px;
44	44	border-radius: 1.5rem;
45	45	}