Mauricio Cattafi / autoservicio

1

1

2

2

3

4

4

5

5

6

6

7

<p class="h5 py-1 bg-gray text-muted text-center">Inicio</p>

7

<p class="h5 py-1 bg-gray text-muted text-center">Inicio</p>

8

</div>

8

</div>

9

</div>

9

</div>

10

11

11

12

12

13

14

14

15

<div

15

<div

16

(click)="irBusquedaProductos('promociones')"

16

(click)="irBusquedaProductos('promociones')"

17

class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">

17

class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">

18

18

19

19

20

20

21

<p class="h3 card-title">Promociones</p>

21

<p class="h3 card-title">Promociones</p>

22

</div>

22

</div>

23

23

24

24

25

</div>

25

</div>

26

</div>

26

</div>

27

<p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>

27

<p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>

28

</div>

28

</div>

29

29

30

30

31

31

32

32

33

</div>

33

</div>

34

34

35

35

36

</div>

36

</div>

37

37

38

38

39

</div>

39

</div>

40

40

41

41

42

</div>

42

</div>

43

</div>

43

</div>

44

</div>

44

</div>

45

</div>

45

</div>

46

47

47

48

<div (click)="irBusquedaProductos('ordenar')"

48

<div (click)="irBusquedaProductos('ordenar')"

49

class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">

49

class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">

50

50

51

51

52

52

53

<p class="h3 card-title">Ordenar Pedido</p>

53

<p class="h3 card-title">Ordenar Pedido</p>

54

</div>

54

</div>

55

55

56

56

57

</div>

57

</div>

58

</div>

58

</div>

59

<p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>

59

<p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>

60

</div>

60

</div>

61

<img

61

<img

62

class="card-img-bottom d-block w-100 mx-auto rounded"

62

class="card-img-bottom d-block w-100 mx-auto rounded"

63

src="{{apiUrl}}/imagenes/cafe.jpg">

63

src="{{apiUrl}}/imagenes/cafe.jpg">

64

</div>

64

</div>

65

</div>

65

</div>

66

67

67

68

69

69

70

<ng-template #popTemplate>

70

<ng-template #popTemplate>

71

<app-popover-promos

71

<app-popover-promos

72

*ngIf="promociones.length > 0 && sinonimos.length === 0"

72

*ngIf="promociones.length > 0 && sinonimos.length === 0"

73

[popover]="popoverDirective"

73

[popover]="popoverDirective"

74

[popoverContent]="promociones"

74

[popoverContent]="promociones"

75

(promoSeleccionada)="promoSeleccionada($event)"

75

(promoSeleccionada)="promoSeleccionada($event)"

76

class="text-white rounded-sm border-0">

76

class="text-white rounded-sm border-0">

77

</app-popover-promos>

77

</app-popover-promos>

78

<app-popover-sinonimos

78

<app-popover-sinonimos

79

*ngIf="sinonimos.length > 0"

79

*ngIf="sinonimos.length > 0"

80

[popover]="popoverDirective"

80

[popover]="popoverDirective"

81

[popoverContent]="sinonimos"

81

[popoverContent]="sinonimos"

82

(productosPersonalizados)="productosPersonalizados($event)"

82

(productosPersonalizados)="productosPersonalizados($event)"

83

class="text-white rounded-sm border-0">

83

class="text-white rounded-sm border-0">

84

</app-popover-sinonimos>

84

</app-popover-sinonimos>

85

</ng-template>

85

</ng-template>

86

<div

86

<div

87

placement="left"

87

placement="left"

88

triggers=""

88

triggers=""

89

[popover]="popTemplate"

89

[popover]="popTemplate"

90

class="w-100"

90

class="w-100"

91

#pop="bs-popover">

91

#pop="bs-popover">

92

92

93

93

94

94

95

95

96

<p class="h3 card-title">Cargar Productos</p>

96

<p class="h3 card-title">Cargar Productos</p>

97

</div>

97

</div>

98

98

99

99

100

</div>

100

</div>

101

</div>

101

</div>

102

102

103

Coloque un producto frente<br>

103

Coloque un producto frente<br>

104

al lector de códigos o selecciónelo en pantalla

104

al lector de códigos o selecciónelo en pantalla

105

</p>

105

</p>

106

</div>

106

</div>

107

107

108

108

109

109

110

<img

110

<img

111

*ngIf="!productoAcargar"

111

*ngIf="!productoAcargar"

112

class="card-img-top d-block w-100 mx-auto rounded-sm"

112

class="card-img-top d-block w-100 mx-auto rounded-sm"

113

src="{{apiUrl}}/imagenes/escanner.jpg">

113

src="{{apiUrl}}/imagenes/escanner.jpg">

114

115

115

116

116

117

<img

117

<img

118

class="card-img-top d-block w-75 mx-auto rounded-sm"

118

class="card-img-top d-block w-75 mx-auto rounded-sm"

119

src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">

119

src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">

120

121

121

122

122

123

<p class="h6 font-weight-bold mb-0">{{productoAcargar.DetArt}}</p>

123

<p class="h6 font-weight-bold mb-0">{{productoAcargar.DET_LAR}}</p>

124

</div>

124

</div>

125

125

126

<p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen | currency}}</p>

126

<p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen | currency}}</p>

127

</div>

127

</div>

128

</div>

128

</div>

129

</div>

129

</div>

130

131

131

132

132

133

<img

133

<img

134

class="card-img-top d-block w-100 mx-auto rounded-sm"

134

class="card-img-top d-block w-100 mx-auto rounded-sm"

135

src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">

135

src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">

136

137

137

138

138

139

<p class="h6 font-weight-bold mb-0">{{promoAcargar.DetArt}}</p>

139

<p class="h6 font-weight-bold mb-0">{{promoAcargar.DET_LAR}}</p>

140

</div>

140

</div>

141

141

142

<p class="h5 font-weight-bold mb-0">{{promoAcargar.PreVen | currency}}</p>

142

<p class="h5 font-weight-bold mb-0">{{promoAcargar.PreVen | currency}}</p>

143

</div>

143

</div>

144

</div>

144

</div>

145

</div>

145

</div>

146

147

</div>

147

</div>

148

148

149

<div

149

<div

150

class="col-5 pr-0"

150

class="col-5 pr-0"

151

*ngIf="promociones.length > 0">

151

*ngIf="promociones.length > 0">

152

<button

152

<button

153

*ngIf="!promoAcargar || sinonimos.length == 0"

153

*ngIf="!promoAcargar || sinonimos.length == 0"

154

type="button"

154

type="button"

155

class="btn btn-primary btn-block shadow-sm"

155

class="btn btn-primary btn-block shadow-sm"

156

(click)="pop.show()">

156

(click)="pop.show()">

157

<span class="pr-2">Mostrar promociones</span>

157

<span class="pr-2">Mostrar promociones</span>

158

158

159

</button>

159

</button>

160

<button

160

<button

161

type="button"

161

type="button"

162

class="btn btn-light btn-block shadow-sm my-3"

162

class="btn btn-light btn-block shadow-sm my-3"

163

(click)="confirmarProducto()">

163

(click)="confirmarProducto()">

164

<span class="pr-2 font-weight-bold">Confirmar</span>

164

<span class="pr-2 font-weight-bold">Confirmar</span>

165

165

166

</button>

166

</button>

167

<button

167

<button

168

type="button"

168

type="button"

169

class="btn btn-light btn-block shadow-sm"

169

class="btn btn-light btn-block shadow-sm"

170

(click)="deshacerCarga()">

170

(click)="deshacerCarga()">

171

<span class="pr-2">Deshacer</span>

171

<span class="pr-2">Deshacer</span>

172

172

173

</button>

173

</button>

174

</div>

174

</div>

175

</div>

175

</div>

176

</div>

176

</div>

177

</div>

177

</div>

178

179

179

180

<div (click)="irBusquedaProductos('todos')"

180

<div (click)="irBusquedaProductos('todos')"

181

class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">

181

class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">

182

182

183

183

184

184

185

<p class="h3 card-title">Buscar Productos</p>

185

<p class="h3 card-title">Buscar Productos</p>

186

186

187

Busque aquí los productos<br>

187

Busque aquí los productos<br>

188

que no tienen código </p>

188

que no tienen código </p>

189

</div>

189

</div>

190

190

191

191

192

</div>

192

</div>

193

</div>

193

</div>

194

195

</div>

195

</div>

196

</div>

196

</div>

197

198

</div>

198

</div>

199

200

</div>

200

</div>

201

202

</div>

202

</div>

203

</div>

203

</div>

204

GITLAB

Mauricio Cattafi / autoservicio

Usado detalle largo en descripcion.

1	<div class="row m-0 fade-in">	1	<div class="row m-0 fade-in">
2	<div class="col-12 p-0">	2	<div class="col-12 p-0">
3		3
4	<!-- NOMBRE DE SECCION -->	4	<!-- NOMBRE DE SECCION -->
5	<div class="row m-0">	5	<div class="row m-0">
6	<div class="col-12 p-0">	6	<div class="col-12 p-0">
7	<p class="h5 py-1 bg-gray text-muted text-center">Inicio</p>	7	<p class="h5 py-1 bg-gray text-muted text-center">Inicio</p>
8	</div>	8	</div>
9	</div>	9	</div>
10		10
11	<div class="row m-3 d-flex align-items-start disable-user-select">	11	<div class="row m-3 d-flex align-items-start disable-user-select">
12	<div class="col-md-5 d-flex align-items-end flex-column">	12	<div class="col-md-5 d-flex align-items-end flex-column">
13		13
14	<!-- PROMOCIONES -->	14	<!-- PROMOCIONES -->
15	<div	15	<div
16	(click)="irBusquedaProductos('promociones')"	16	(click)="irBusquedaProductos('promociones')"
17	class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">	17	class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
18	<div class="card-body text-left px-4 py-3">	18	<div class="card-body text-left px-4 py-3">
19	<div class="row">	19	<div class="row">
20	<div class="col-auto">	20	<div class="col-auto">
21	<p class="h3 card-title">Promociones</p>	21	<p class="h3 card-title">Promociones</p>
22	</div>	22	</div>
23	<div class="col-auto p-0">	23	<div class="col-auto p-0">
24	<img src="{{apiUrl}}/imagenes/primario.promociones.png" class="icon-dim m-0">	24	<img src="{{apiUrl}}/imagenes/primario.promociones.png" class="icon-dim m-0">
25	</div>	25	</div>
26	</div>	26	</div>
27	<p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>	27	<p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
28	</div>	28	</div>
29	<div id="carouselIndicators" class="carousel slide" data-ride="carousel">	29	<div id="carouselIndicators" class="carousel slide" data-ride="carousel">
30	<div class="carousel-inner">	30	<div class="carousel-inner">
31	<div class="carousel-item active">	31	<div class="carousel-item active">
32	<img src="{{apiUrl}}/imagenes/beldent.jpg" class="d-block w-75 m-auto rounded">	32	<img src="{{apiUrl}}/imagenes/beldent.jpg" class="d-block w-75 m-auto rounded">
33	</div>	33	</div>
34	<div class="carousel-item">	34	<div class="carousel-item">
35	<img src="{{apiUrl}}/imagenes/cafe con leche y medialunas.jpg" class="d-block w-75 m-auto rounded">	35	<img src="{{apiUrl}}/imagenes/cafe con leche y medialunas.jpg" class="d-block w-75 m-auto rounded">
36	</div>	36	</div>
37	<div class="carousel-item">	37	<div class="carousel-item">
38	<img src="{{apiUrl}}/imagenes/Surtido bagley.jpg" class="d-block w-75 m-auto rounded">	38	<img src="{{apiUrl}}/imagenes/Surtido bagley.jpg" class="d-block w-75 m-auto rounded">
39	</div>	39	</div>
40	<div class="carousel-item">	40	<div class="carousel-item">
41	<img src="{{apiUrl}}/imagenes/yogurisimo.jpg" class="d-block w-75 m-auto rounded">	41	<img src="{{apiUrl}}/imagenes/yogurisimo.jpg" class="d-block w-75 m-auto rounded">
42	</div>	42	</div>
43	</div>	43	</div>
44	</div>	44	</div>
45	</div>	45	</div>
46		46
47	<!-- ORDENAR -->	47	<!-- ORDENAR -->
48	<div (click)="irBusquedaProductos('ordenar')"	48	<div (click)="irBusquedaProductos('ordenar')"
49	class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">	49	class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
50	<div class="card-body text-left px-4 py-3">	50	<div class="card-body text-left px-4 py-3">
51	<div class="row">	51	<div class="row">
52	<div class="col-auto">	52	<div class="col-auto">
53	<p class="h3 card-title">Ordenar Pedido</p>	53	<p class="h3 card-title">Ordenar Pedido</p>
54	</div>	54	</div>
55	<div class="col-auto p-0">	55	<div class="col-auto p-0">
56	<img src="{{apiUrl}}/imagenes/primario.ordenar.png" class="icon-dim">	56	<img src="{{apiUrl}}/imagenes/primario.ordenar.png" class="icon-dim">
57	</div>	57	</div>
58	</div>	58	</div>
59	<p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>	59	<p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
60	</div>	60	</div>
61	<img	61	<img
62	class="card-img-bottom d-block w-100 mx-auto rounded"	62	class="card-img-bottom d-block w-100 mx-auto rounded"
63	src="{{apiUrl}}/imagenes/cafe.jpg">	63	src="{{apiUrl}}/imagenes/cafe.jpg">
64	</div>	64	</div>
65	</div>	65	</div>
66		66
67	<div class="col-md-7 d-flex align-items-end flex-column mt-4 mt-md-0">	67	<div class="col-md-7 d-flex align-items-end flex-column mt-4 mt-md-0">
68		68
69	<!-- CARGAR PRODUCTOS -->	69	<!-- CARGAR PRODUCTOS -->
70	<ng-template #popTemplate>	70	<ng-template #popTemplate>
71	<app-popover-promos	71	<app-popover-promos
72	*ngIf="promociones.length > 0 && sinonimos.length === 0"	72	*ngIf="promociones.length > 0 && sinonimos.length === 0"
73	[popover]="popoverDirective"	73	[popover]="popoverDirective"
74	[popoverContent]="promociones"	74	[popoverContent]="promociones"
75	(promoSeleccionada)="promoSeleccionada($event)"	75	(promoSeleccionada)="promoSeleccionada($event)"
76	class="text-white rounded-sm border-0">	76	class="text-white rounded-sm border-0">
77	</app-popover-promos>	77	</app-popover-promos>
78	<app-popover-sinonimos	78	<app-popover-sinonimos
79	*ngIf="sinonimos.length > 0"	79	*ngIf="sinonimos.length > 0"
80	[popover]="popoverDirective"	80	[popover]="popoverDirective"
81	[popoverContent]="sinonimos"	81	[popoverContent]="sinonimos"
82	(productosPersonalizados)="productosPersonalizados($event)"	82	(productosPersonalizados)="productosPersonalizados($event)"
83	class="text-white rounded-sm border-0">	83	class="text-white rounded-sm border-0">
84	</app-popover-sinonimos>	84	</app-popover-sinonimos>
85	</ng-template>	85	</ng-template>
86	<div	86	<div
87	placement="left"	87	placement="left"
88	triggers=""	88	triggers=""
89	[popover]="popTemplate"	89	[popover]="popTemplate"
90	class="w-100"	90	class="w-100"
91	#pop="bs-popover">	91	#pop="bs-popover">
92	<div class="card bg-white border-0 shadow rounded mb-auto">	92	<div class="card bg-white border-0 shadow rounded mb-auto">
93	<div class="card-body text-left px-4 py-3">	93	<div class="card-body text-left px-4 py-3">
94	<div class="row">	94	<div class="row">
95	<div class="col-auto">	95	<div class="col-auto">
96	<p class="h3 card-title">Cargar Productos</p>	96	<p class="h3 card-title">Cargar Productos</p>
97	</div>	97	</div>
98	<div class="col-auto p-0">	98	<div class="col-auto p-0">
99	<img src="{{apiUrl}}/imagenes/escanear.png" class="icon-dim mb-2">	99	<img src="{{apiUrl}}/imagenes/escanear.png" class="icon-dim mb-2">
100	</div>	100	</div>
101	</div>	101	</div>
102	<p class="h5 card-text text-muted font-weight-light">	102	<p class="h5 card-text text-muted font-weight-light">
103	Coloque un producto frente<br>	103	Coloque un producto frente<br>
104	al lector de códigos o selecciónelo en pantalla	104	al lector de códigos o selecciónelo en pantalla
105	</p>	105	</p>
106	</div>	106	</div>
107	<div class="row m-4">	107	<div class="row m-4">
108	<div class="col card bg-white shadow border-0 w-75 p-0 mx-auto rounded-sm">	108	<div class="col card bg-white shadow border-0 w-75 p-0 mx-auto rounded-sm">
109	<!-- IMAGEN DE ESCANER -->	109	<!-- IMAGEN DE ESCANER -->
110	<img	110	<img
111	*ngIf="!productoAcargar"	111	*ngIf="!productoAcargar"
112	class="card-img-top d-block w-100 mx-auto rounded-sm"	112	class="card-img-top d-block w-100 mx-auto rounded-sm"
113	src="{{apiUrl}}/imagenes/escanner.jpg">	113	src="{{apiUrl}}/imagenes/escanner.jpg">
114		114
115	<!-- PRODUCTO A CARGAR -->	115	<!-- PRODUCTO A CARGAR -->
116	<div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">	116	<div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
117	<img	117	<img
118	class="card-img-top d-block w-75 mx-auto rounded-sm"	118	class="card-img-top d-block w-75 mx-auto rounded-sm"
119	src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">	119	src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">
120		120
121	<div class="row justify-content-between m-3">	121	<div class="row justify-content-between m-3">
122	<div class="col-12 text-left px-1">	122	<div class="col-12 text-left px-1">
123	<p class="h6 font-weight-bold mb-0">{{productoAcargar.DetArt}}</p>	123	<p class="h6 font-weight-bold mb-0">{{productoAcargar.DET_LAR}}</p>
124	</div>	124	</div>
125	<div class="col-12 text-right mt-2">	125	<div class="col-12 text-right mt-2">
126	<p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen \| currency}}</p>	126	<p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen \| currency}}</p>
127	</div>	127	</div>
128	</div>	128	</div>
129	</div>	129	</div>
130		130
131	<!-- PROMO A CARGAR -->	131	<!-- PROMO A CARGAR -->
132	<div class="fade-in m-0" *ngIf="promoAcargar">	132	<div class="fade-in m-0" *ngIf="promoAcargar">
133	<img	133	<img
134	class="card-img-top d-block w-100 mx-auto rounded-sm"	134	class="card-img-top d-block w-100 mx-auto rounded-sm"
135	src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">	135	src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">
136		136
137	<div class="row justify-content-between m-3">	137	<div class="row justify-content-between m-3">
138	<div class="col-12 text-left px-1">	138	<div class="col-12 text-left px-1">
139	<p class="h6 font-weight-bold mb-0">{{promoAcargar.DetArt}}</p>	139	<p class="h6 font-weight-bold mb-0">{{promoAcargar.DET_LAR}}</p>
140	</div>	140	</div>
141	<div class="col-12 text-right mt-2 align-self-end">	141	<div class="col-12 text-right mt-2 align-self-end">
142	<p class="h5 font-weight-bold mb-0">{{promoAcargar.PreVen \| currency}}</p>	142	<p class="h5 font-weight-bold mb-0">{{promoAcargar.PreVen \| currency}}</p>
143	</div>	143	</div>
144	</div>	144	</div>
145	</div>	145	</div>
146		146
147	</div>	147	</div>
148	<!-- BOTONES DE CARGAR PRODUCTOS-->	148	<!-- BOTONES DE CARGAR PRODUCTOS-->
149	<div	149	<div
150	class="col-5 pr-0"	150	class="col-5 pr-0"
151	*ngIf="promociones.length > 0">	151	*ngIf="promociones.length > 0">
152	<button	152	<button
153	*ngIf="!promoAcargar \|\| sinonimos.length == 0"	153	*ngIf="!promoAcargar \|\| sinonimos.length == 0"
154	type="button"	154	type="button"
155	class="btn btn-primary btn-block shadow-sm"	155	class="btn btn-primary btn-block shadow-sm"
156	(click)="pop.show()">	156	(click)="pop.show()">
157	<span class="pr-2">Mostrar promociones</span>	157	<span class="pr-2">Mostrar promociones</span>
158	<i class="fa fa-bullhorn fa-flip-horizontal" aria-hidden="true"></i>	158	<i class="fa fa-bullhorn fa-flip-horizontal" aria-hidden="true"></i>
159	</button>	159	</button>
160	<button	160	<button
161	type="button"	161	type="button"
162	class="btn btn-light btn-block shadow-sm my-3"	162	class="btn btn-light btn-block shadow-sm my-3"
163	(click)="confirmarProducto()">	163	(click)="confirmarProducto()">
164	<span class="pr-2 font-weight-bold">Confirmar</span>	164	<span class="pr-2 font-weight-bold">Confirmar</span>
165	<i class="fa fa-check text-success" aria-hidden="true"></i>	165	<i class="fa fa-check text-success" aria-hidden="true"></i>
166	</button>	166	</button>
167	<button	167	<button
168	type="button"	168	type="button"
169	class="btn btn-light btn-block shadow-sm"	169	class="btn btn-light btn-block shadow-sm"
170	(click)="deshacerCarga()">	170	(click)="deshacerCarga()">
171	<span class="pr-2">Deshacer</span>	171	<span class="pr-2">Deshacer</span>
172	<i class="fa fa-undo text-warning" aria-hidden="true"></i>	172	<i class="fa fa-undo text-warning" aria-hidden="true"></i>
173	</button>	173	</button>
174	</div>	174	</div>
175	</div>	175	</div>
176	</div>	176	</div>
177	</div>	177	</div>
178		178
179	<!-- BUSCAR PRODUCTOS -->	179	<!-- BUSCAR PRODUCTOS -->
180	<div (click)="irBusquedaProductos('todos')"	180	<div (click)="irBusquedaProductos('todos')"
181	class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">	181	class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
182	<div class="card-body text-left px-4 py-3">	182	<div class="card-body text-left px-4 py-3">
183	<div class="row">	183	<div class="row">
184	<div class="col-auto">	184	<div class="col-auto">
185	<p class="h3 card-title">Buscar Productos</p>	185	<p class="h3 card-title">Buscar Productos</p>
186	<p class="h5 card-text text-muted font-weight-light">	186	<p class="h5 card-text text-muted font-weight-light">
187	Busque aquí los productos<br>	187	Busque aquí los productos<br>
188	que no tienen código </p>	188	que no tienen código </p>
189	</div>	189	</div>
190	<div class="col-auto p-0">	190	<div class="col-auto p-0">
191	<img src="{{apiUrl}}/imagenes/primario.buscar.png" class="icon-dim mb-2">	191	<img src="{{apiUrl}}/imagenes/primario.buscar.png" class="icon-dim mb-2">
192	</div>	192	</div>
193	</div>	193	</div>
194		194
195	</div>	195	</div>
196	</div>	196	</div>
197		197
198	</div>	198	</div>
199		199
200	</div>	200	</div>
201		201
202	</div>	202	</div>
203	</div>	203	</div>
204		204