Nicolás Guarnieri / foca-crear-hoja-ruta

1

1

2

<foca-cabecera-facturador

2

<foca-cabecera-facturador

3

titulo="'Hoja de ruta'"

3

titulo="'Hoja de ruta'"

4

numero="puntoVenta + '-' + comprobante"

4

numero="puntoVenta + '-' + comprobante"

5

fecha="now"

5

fecha="now"

6

class="mb-0 col-lg-12"

6

class="mb-0 col-lg-12"

7

></foca-cabecera-facturador>

7

></foca-cabecera-facturador>

8

8

9

9

10

10

11

11

12

12

13

<foca-botonera-facturador botones="botonera" extra="5" class="row"></foca-botonera-facturador>

13

<foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador>

14

</div>

14

</div>

15

</div>

15

</div>

16

16

17

17

18

18

19

<thead>

19

<thead>

20

20

21

21

22

<th class="col-2">Remito</th>

22

<th class="col-2">Remito</th>

23

<th class="col">Cliente</th>

23

<th class="col">Cliente</th>

24

<th class="col">Dirección</th>

24

<th class="col">Dirección</th>

25

25

26

<button

26

<button

27

class="btn btn-outline-light selectable"

27

class="btn btn-outline-light selectable"

28

ng-click="show = !show; masMenos()"

28

ng-click="show = !show; masMenos()"

29

>

29

>

30

<i

30

<i

31

class="fa fa-chevron-down"

31

class="fa fa-chevron-down"

32

ng-show="show"

32

ng-show="show"

33

aria-hidden="true"

33

aria-hidden="true"

34

>

34

>

35

</i>

35

</i>

36

<i

36

<i

37

class="fa fa-chevron-up"

37

class="fa fa-chevron-up"

38

ng-hide="show"

38

ng-hide="show"

39

aria-hidden="true">

39

aria-hidden="true">

40

</i>

40

</i>

41

</button>

41

</button>

42

</th>

42

</th>

43

</th>

43

</th>

44

</tr>

44

</tr>

45

</thead>

45

</thead>

46

46

47

<tr

47

<tr

48

ng-repeat="(key, remito) in remitosTabla"

48

ng-repeat="(key, remito) in remitosTabla"

49

class="d-flex"

49

class="d-flex"

50

ng-show="show || key == remitosTabla.length - 1"

50

ng-show="show || key == remitosTabla.length - 1"

51

>

51

>

52

52

53

<td

53

<td

54

class="col-2"

54

class="col-2"

55

ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"

55

ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"

56

></td>

56

></td>

57

57

58

58

59

59

60

<button

60

<button

61

class="btn btn-outline-light"

61

class="btn btn-outline-light"

62

ng-click="quitarArticulo(key)"

62

ng-click="quitarArticulo(key)"

63

>

63

>

64

64

65

</button>

65

</button>

66

</td>

66

</td>

67

</tr>

67

</tr>

68

</tbody>

68

</tbody>

69

<tfoot>

69

<tfoot>

70

70

71

71

72

<strong>Remitos:</strong>

72

<strong>Remitos:</strong>

73

73

74

</td>

74

</td>

75

75

76

76

77

<strong>Cantidad:</strong>

77

<strong>Cantidad:</strong>

78

78

79

</td>

79

</td>

80

</tr>

80

</tr>

81

</tfoot>

81

</tfoot>

82

</table>

82

</table>

83

</div>

83

</div>

84

85

86

87

88

<thead>

89

90

91

92

93

<div class="col-4 px-1">Código</div>

94

<div class="col-8 px-1">Descripción</div>

95

</div>

96

97

<div class="col-3 px-1">Cantidad</div>

98

99

<div class="col px-1 text-right">Subtotal</div>

100

</div>

101

</th>

102

103

104

</th>

105

</tr>

106

</thead>

107

<tbody>

108

<tr

109

ng-repeat="(key, articulo) in remitosTabla"

110

ng-show="show || key == remitosTabla.length - 1"

111

>

112

113

114

115

</div>

116

117

118

119

<span

120

ng-bind="articulo.sector + '-' + articulo.codigo"

121

></span>

122

</div>

123

124

125

</div>

126

</div>

127

128

129

130

</div>

131

132

133

</div>

134

135

<span

136

ng-bind="(articulo.precio * articulo.cantidad) | currency: hojaRuta.moneda.simbolo"

137

>

138

</span>

139

</div>

140

</div>

141

</div>

142

143

<button

144

class="btn btn-outline-light"

145

ng-click="quitarArticulo(key)"

146

>

147

148

</button>

149

</div>

150

</td>

151

</tr>

152

</tbody>

153

<tfoot>

154

155

156

<td

157

class="align-middle p-1"

158

ng-bind="remitosTabla.length + 1"

159

></td>

160

161

162

163

<span

164

ng-bind="articuloACargar.sectorCodigo"

165

></span>

166

</div>

167

168

169

</div>

170

</div>

171

172

173

<input

174

class="form-control p-1"

175

type="number"

176

min="1"

177

ng-model="articuloACargar.cantidad"

178

foca-focus="!cargando"

179

ng-keypress="agregarATabla($event.keyCode)"

180

style="height: auto; line-height: 1.1em"

181

>

182

</div>

183

184

185

</div>

186

187

<span

188

ng-bind="getSubTotal() | currency: hojaRuta.moneda.simbolo"

189

>

190

</span>

191

</div>

192

</div>

193

</td>

194

195

<button

196

class="btn btn-outline-light"

197

ng-click="agregarATabla(13)"

198

>

199

200

</button>

201

</td>

202

</tr>

203

204

205

206

<input

207

placeholder="Seleccione Articulo"

208

class="form-control form-control-sm"

209

readonly

210

ng-click="seleccionarArticulo()"

211

/>

212

</td>

213

</tr>

214

215

<tr>

216

217

<button

218

class="btn btn-outline-light selectable w-100"

219

ng-click="show = !show; masMenos()"

220

ng-show="remitosTabla.length > 0"

221

>

222

<i

223

class="fa fa-chevron-down"

224

ng-hide="show"

225

aria-hidden="true"

226

>

227

</i>

228

<i

229

class="fa fa-chevron-up"

230

ng-show="show"

231

aria-hidden="true">

232

</i>

233

</button>

234

</td>

235

</tr>

236

237

238

239

<strong>Cantidad Items:</strong>

240

241

</td>

242

243

<h3>Total:</h3>

244

</td>

245

246

<h3>{{getTotal() | currency: hojaRuta.moneda.simbolo}}</h3>

247

</td>

248

</tr>

249

</tfoot>

250

</table>

251

</div>

252

</div>

84

</div>

253

</div>

85

</div>

254

</div>

86

</div>

255

256

257

<span class="ml-3 text-muted" ng-click="salir()">Salir</span>

258

<span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>

259

</div>

260

</div>

261

</div>

87

</div>

262

88

GITLAB

Nicolás Guarnieri / foca-crear-hoja-ruta

no mobile

1	<div class="crear-hoja-ruta foca-crear row">	1	<div class="crear-hoja-ruta foca-crear row">
2	<foca-cabecera-facturador	2	<foca-cabecera-facturador
3	titulo="'Hoja de ruta'"	3	titulo="'Hoja de ruta'"
4	numero="puntoVenta + '-' + comprobante"	4	numero="puntoVenta + '-' + comprobante"
5	fecha="now"	5	fecha="now"
6	class="mb-0 col-lg-12"	6	class="mb-0 col-lg-12"
7	></foca-cabecera-facturador>	7	></foca-cabecera-facturador>
8	<div class="col-lg-12">	8	<div class="col-lg-12">
9	<div class="row mt-4">	9	<div class="row mt-4">
10	<div class="col-12 col-md-10 border border-light rounded">	10	<div class="col-12 col-md-10 border border-light rounded">
11	<div class="row px-5 py-2 botonera-secundaria">	11	<div class="row px-5 py-2 botonera-secundaria">
12	<div class="col-12">	12	<div class="col-12">
13	<foca-botonera-facturador botones="botonera" extra="5" class="row"></foca-botonera-facturador>	13	<foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador>
14	</div>	14	</div>
15	</div>	15	</div>
16	<!-- PC -->	16	<!-- PC -->
17	<div class="row grilla-articulo align-items-end d-none d-sm-flex">	17	<div class="row grilla-articulo align-items-end d-none d-sm-flex">
18	<table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">	18	<table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
19	<thead>	19	<thead>
20	<tr class="d-flex">	20	<tr class="d-flex">
21	<th class="col-auto">#</th>	21	<th class="col-auto">#</th>
22	<th class="col-2">Remito</th>	22	<th class="col-2">Remito</th>
23	<th class="col">Cliente</th>	23	<th class="col">Cliente</th>
24	<th class="col">Dirección</th>	24	<th class="col">Dirección</th>
25	<th class="col-auto">	25	<th class="col-auto">
26	<button	26	<button
27	class="btn btn-outline-light selectable"	27	class="btn btn-outline-light selectable"
28	ng-click="show = !show; masMenos()"	28	ng-click="show = !show; masMenos()"
29	>	29	>
30	<i	30	<i
31	class="fa fa-chevron-down"	31	class="fa fa-chevron-down"
32	ng-show="show"	32	ng-show="show"
33	aria-hidden="true"	33	aria-hidden="true"
34	>	34	>
35	</i>	35	</i>
36	<i	36	<i
37	class="fa fa-chevron-up"	37	class="fa fa-chevron-up"
38	ng-hide="show"	38	ng-hide="show"
39	aria-hidden="true">	39	aria-hidden="true">
40	</i>	40	</i>
41	</button>	41	</button>
42	</th>	42	</th>
43	</th>	43	</th>
44	</tr>	44	</tr>
45	</thead>	45	</thead>
46	<tbody class="tabla-articulo-body">	46	<tbody class="tabla-articulo-body">
47	<tr	47	<tr
48	ng-repeat="(key, remito) in remitosTabla"	48	ng-repeat="(key, remito) in remitosTabla"
49	class="d-flex"	49	class="d-flex"
50	ng-show="show \|\| key == remitosTabla.length - 1"	50	ng-show="show \|\| key == remitosTabla.length - 1"
51	>	51	>
52	<td ng-bind="key + 1" class="col-auto"></td>	52	<td ng-bind="key + 1" class="col-auto"></td>
53	<td	53	<td
54	class="col-2"	54	class="col-2"
55	ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"	55	ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"
56	></td>	56	></td>
57	<th class="col" ng-bind="remito.nombreCliente"></th>	57	<th class="col" ng-bind="remito.nombreCliente"></th>
58	<th class="col" ng-bind="remito.domicilioStamp"></th>	58	<th class="col" ng-bind="remito.domicilioStamp"></th>
59	<td class="text-center col-auto">	59	<td class="text-center col-auto">
60	<button	60	<button
61	class="btn btn-outline-light"	61	class="btn btn-outline-light"
62	ng-click="quitarArticulo(key)"	62	ng-click="quitarArticulo(key)"
63	>	63	>
64	<i class="fa fa-trash"></i>	64	<i class="fa fa-trash"></i>
65	</button>	65	</button>
66	</td>	66	</td>
67	</tr>	67	</tr>
68	</tbody>	68	</tbody>
69	<tfoot>	69	<tfoot>
70	<tr class="d-flex">	70	<tr class="d-flex">
71	<td class="col-auto px-1">	71	<td class="col-auto px-1">
72	<strong>Remitos:</strong>	72	<strong>Remitos:</strong>
73	<a ng-bind="remitosTabla.length"></a>	73	<a ng-bind="remitosTabla.length"></a>
74	</td>	74	</td>
75	<td class="col"></td>	75	<td class="col"></td>
76	<td class="col-auto px-1">	76	<td class="col-auto px-1">
77	<strong>Cantidad:</strong>	77	<strong>Cantidad:</strong>
78	<a ng-bind="hojaRuta.litros"></a>	78	<a ng-bind="hojaRuta.litros"></a>
79	</td>	79	</td>
80	</tr>	80	</tr>
81	</tfoot>	81	</tfoot>
82	</table>	82	</table>
83	</div>	83	</div>
84
85	<!-- MOBILE -->
86	<div class="row d-sm-none">
87	<table class="table table-sm table-striped tabla-articulo margin-bottom-mobile">
88	<thead>
89	<tr class="d-flex">
90	<th class="">#</th>
91	<th class="col px-0">
92	<div class="d-flex">
93	<div class="col-4 px-1">Código</div>
94	<div class="col-8 px-1">Descripción</div>
95	</div>
96	<div class="d-flex">
97	<div class="col-3 px-1">Cantidad</div>
98	<div class="col px-1 text-right">P. Uni.</div>
99	<div class="col px-1 text-right">Subtotal</div>
100	</div>
101	</th>
102	<th class="text-center tamaño-boton">
103
104	</th>
105	</tr>
106	</thead>
107	<tbody>
108	<tr
109	ng-repeat="(key, articulo) in remitosTabla"
110	ng-show="show \|\| key == remitosTabla.length - 1"
111	>
112	<td class="w-100 align-middle d-flex p-0">
113	<div class="align-middle p-1">
114	<span ng-bind="key+1" class="align-middle"></span>
115	</div>
116	<div class="col px-0">
117	<div class="d-flex">
118	<div class="col-4 px-1">
119	<span
120	ng-bind="articulo.sector + '-' + articulo.codigo"
121	></span>
122	</div>
123	<div class="col-8 px-1">
124	<span ng-bind="articulo.descripcion"></span>
125	</div>
126	</div>
127	<div class="d-flex">
128	<div class="col-3 px-1">
129	<span ng-bind="'x' + articulo.cantidad"></span>
130	</div>
131	<div class="col-3 px-1 text-right">
132	<span ng-bind="articulo.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>
133	</div>
134	<div class="col px-1 text-right">
135	<span
136	ng-bind="(articulo.precio * articulo.cantidad) \| currency: hojaRuta.moneda.simbolo"
137	>
138	</span>
139	</div>
140	</div>
141	</div>
142	<div class="align-middle p-1">
143	<button
144	class="btn btn-outline-light"
145	ng-click="quitarArticulo(key)"
146	>
147	<i class="fa fa-trash"></i>
148	</button>
149	</div>
150	</td>
151	</tr>
152	</tbody>
153	<tfoot>
154	<!-- CARGANDO ITEM -->
155	<tr ng-show="!cargando" class="d-flex">
156	<td
157	class="align-middle p-1"
158	ng-bind="remitosTabla.length + 1"
159	></td>
160	<td class="col p-0">
161	<div class="d-flex">
162	<div class="col-4 px-1">
163	<span
164	ng-bind="articuloACargar.sectorCodigo"
165	></span>
166	</div>
167	<div class="col-8 px-1">
168	<span ng-bind="articuloACargar.descripcion"></span>
169	</div>
170	</div>
171	<div class="d-flex">
172	<div class="col-3 px-1 m-1">
173	<input
174	class="form-control p-1"
175	type="number"
176	min="1"
177	ng-model="articuloACargar.cantidad"
178	foca-focus="!cargando"
179	ng-keypress="agregarATabla($event.keyCode)"
180	style="height: auto; line-height: 1.1em"
181	>
182	</div>
183	<div class="col-3 px-1 text-right">
184	<span ng-bind="articuloACargar.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>
185	</div>
186	<div class="col px-1 text-right">
187	<span
188	ng-bind="getSubTotal() \| currency: hojaRuta.moneda.simbolo"
189	>
190	</span>
191	</div>
192	</div>
193	</td>
194	<td class="text-center align-middle">
195	<button
196	class="btn btn-outline-light"
197	ng-click="agregarATabla(13)"
198	>
199	<i class="fa fa-save"></i>
200	</button>
201	</td>
202	</tr>
203	<!-- SELECCIONAR PRODUCTO -->
204	<tr ng-show="cargando" class="d-flex">
205	<td class="col-12">
206	<input
207	placeholder="Seleccione Articulo"
208	class="form-control form-control-sm"
209	readonly
210	ng-click="seleccionarArticulo()"
211	/>
212	</td>
213	</tr>
214	<!-- TOOGLE EXPANDIR -->
215	<tr>
216	<td class="col">
217	<button
218	class="btn btn-outline-light selectable w-100"
219	ng-click="show = !show; masMenos()"
220	ng-show="remitosTabla.length > 0"
221	>
222	<i
223	class="fa fa-chevron-down"
224	ng-hide="show"
225	aria-hidden="true"
226	>
227	</i>
228	<i
229	class="fa fa-chevron-up"
230	ng-show="show"
231	aria-hidden="true">
232	</i>
233	</button>
234	</td>
235	</tr>
236	<!-- FOOTER -->
237	<tr class="d-flex">
238	<td class="align-middle no-border-top" colspan="2">
239	<strong>Cantidad Items:</strong>
240	<a ng-bind="remitosTabla.length"></a>
241	</td>
242	<td class="text-right ml-auto table-celda-total no-border-top">
243	<h3>Total:</h3>
244	</td>
245	<td class="table-celda-total text-right no-border-top">
246	<h3>{{getTotal() \| currency: hojaRuta.moneda.simbolo}}</h3>
247	</td>
248	</tr>
249	</tfoot>
250	</table>
251	</div>
252	</div>	84	</div>
253	</div>	85	</div>
254	</div>	86	</div>
255	<div class="row d-md-none fixed-bottom">
256	<div class="w-100 bg-dark d-flex px-3 acciones-mobile">
257	<span class="ml-3 text-muted" ng-click="salir()">Salir</span>
258	<span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>
259	</div>
260	</div>
261	</div>	87	</div>
262		88