agrego componentes en comandas

Benjamin Rodriguez
1 parent 136adf0401
Showing 3 changed files with 15 additions and 7 deletions Show diff stats
src/app/modules/comanda/comanda.component.html
src/app/modules/comanda/comanda.component.ts
src/app/modules/opcion-pedido/opcion-pedido.component.scss
@@ -41,7 +41,7 @@
                 <p><i class="far fa-clock fa-spin text-info"></i></p>
               </div>
               <div *ngFor="let detalle of comanda.detalles">
-                <p
+                <div
                   class="card-text border-top pt-2 mb-2"
                   [ngClass]="
                   {
@@ -49,14 +49,21 @@
                     'border-light': comanda.estado != 1
                   }">
                   <!-- DETALLE Y CANTIDAD -->
-                  <small>{{detalle.DetLar}}</small><br>
-                  <small>CANT.{{detalle.cantidad}}</small>
-                </p>
-                <blockquote
+                  <p>
+                    <small>{{detalle.DetLar}}</small><br>
+                    <small>CANT.{{detalle.cantidad}}</small>
+                  </p>
+                  <div *ngFor="let componente of detalle.componentes">
+                    <p>
+                      <small>{{componente.DetArt.toUpperCase()}}</small>
+                    </p>
+                  </div>
+                </div>
+                <!-- <blockquote
                   *ngIf="detalle.comentario">
                   <p class="text-muted font-italic px-4" *ngIf="comanda.estado === 1"><small>{{detalle.comentario}}</small></p>
                   <p class="text-white font-italic px-4" *ngIf="comanda.estado !== 1"><small>{{detalle.comentario}}</small></p>
-                </blockquote>
+                </blockquote> -->
               </div>
               <!-- BOTONES -->
               <button
@@ -10,6 +10,7 @@ import * as _ from &#39;lodash&#39;;
 })
 export class ComandaComponent implements OnInit {
   comandas: IComanda[] = [];
+  detalles: [] = [];
   cicloTime: any;
  
   constructor(
@@ -20,4 +20,4 @@
  
 .heigth-80 {
   height: 80px;
-}
 \ No newline at end of file
+}
...	...	@@ -41,7 +41,7 @@
41	41	<p><i class="far fa-clock fa-spin text-info"></i></p>
42	42	</div>
43	43	<div *ngFor="let detalle of comanda.detalles">
44		- <p
	44	+ <div
45	45	class="card-text border-top pt-2 mb-2"
46	46	[ngClass]="
47	47	{
...	...	@@ -49,14 +49,21 @@
49	49	'border-light': comanda.estado != 1
50	50	}">
51	51	<!-- DETALLE Y CANTIDAD -->
52		- <small>{{detalle.DetLar}}</small><br>
53		- <small>CANT.{{detalle.cantidad}}</small>
54		- </p>
55		- <blockquote
	52	+ <p>
	53	+ <small>{{detalle.DetLar}}</small><br>
	54	+ <small>CANT.{{detalle.cantidad}}</small>
	55	+ </p>
	56	+ <div *ngFor="let componente of detalle.componentes">
	57	+ <p>
	58	+ <small>{{componente.DetArt.toUpperCase()}}</small>
	59	+ </p>
	60	+ </div>
	61	+ </div>
	62	+ <!-- <blockquote
56	63	*ngIf="detalle.comentario">
57	64	<p class="text-muted font-italic px-4" *ngIf="comanda.estado === 1"><small>{{detalle.comentario}}</small></p>
58	65	<p class="text-white font-italic px-4" *ngIf="comanda.estado !== 1"><small>{{detalle.comentario}}</small></p>
59		- </blockquote>
	66	+ </blockquote> -->
60	67	</div>
61	68	<!-- BOTONES -->
62	69	<button
...	...	@@ -10,6 +10,7 @@ import * as _ from 'lodash';
10	10	})
11	11	export class ComandaComponent implements OnInit {
12	12	comandas: IComanda[] = [];
	13	+ detalles: [] = [];
13	14	cicloTime: any;
14	15
15	16	constructor(
...	...	@@ -20,4 +20,4 @@
20	20
21	21	.heigth-80 {
22	22	height: 80px;
23		-}
24	23	\ No newline at end of file
	24	+}