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="7" class="row"></foca-botonera-facturador>

13

<foca-botonera-facturador botones="botonera" extra="7" 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

<th class="text-right" style="width: 80px">Cantidad</th>

25

<th class="text-right" style="width: 80px">Cantidad</th>

26

26

27

<button

27

<button

28

class="btn btn-outline-light selectable"

28

class="btn btn-outline-light selectable"

29

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

29

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

30

>

30

>

31

<i

31

<i

32

class="fa fa-chevron-down"

32

class="fa fa-chevron-down"

33

ng-show="show"

33

ng-show="show"

34

aria-hidden="true"

34

aria-hidden="true"

35

>

35

>

36

</i>

36

</i>

37

<i

37

<i

38

class="fa fa-chevron-up"

38

class="fa fa-chevron-up"

39

ng-hide="show"

39

ng-hide="show"

40

aria-hidden="true">

40

aria-hidden="true">

41

</i>

41

</i>

42

</button>

42

</button>

43

</th>

43

</th>

44

</th>

44

</th>

45

</tr>

45

</tr>

46

</thead>

46

</thead>

47

47

48

<tr

48

<tr

49

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

49

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

50

class="d-flex"

50

class="d-flex"

51

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

51

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

52

>

52

>

53

53

54

<td

54

<td

55

class="col-2"

55

class="col-2"

56

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

56

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

57

></td>

57

></td>

58

58

59

59

60

60

61

61

62

<button

62

<button

63

class="btn btn-outline-light"

63

class="btn btn-outline-light"

64

ng-click="quitarArticulo(key)"

64

ng-click="quitarArticulo(key)"

65

>

65

>

66

66

67

</button>

67

</button>

68

</td>

68

</td>

69

</tr>

69

</tr>

70

</tbody>

70

</tbody>

71

<tfoot>

71

<tfoot>

72

72

73

73

74

<strong>Remitos:</strong>

74

<strong>Remitos:</strong>

75

75

76

</td>

76

</td>

77

77

78

78

79

<strong>Cantidad:</strong>

79

<strong>Cantidad:</strong>

80

80

81

</td>

81

</td>

82

</tr>

82

</tr>

83

</tfoot>

83

</tfoot>

84

</table>

84

</table>

85

</div>

85

</div>

86

87

87

88

88

89

89

90

<thead>

90

<thead>

91

91

92

92

93

93

94

94

95

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

95

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

96

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

96

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

97

</div>

97

</div>

98

98

99

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

99

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

100

100

101

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

101

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

102

</div>

102

</div>

103

</th>

103

</th>

104

104

105

105

106

</th>

106

</th>

107

</tr>

107

</tr>

108

</thead>

108

</thead>

109

<tbody>

109

<tbody>

110

<tr

110

<tr

111

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

111

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

112

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

112

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

113

>

113

>

114

114

115

115

116

116

117

</div>

117

</div>

118

118

119

119

120

120

121

<span

121

<span

122

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

122

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

123

></span>

123

></span>

124

</div>

124

</div>

125

125

126

126

127

</div>

127

</div>

128

</div>

128

</div>

129

129

130

130

131

131

132

</div>

132

</div>

133

133

134

134

135

</div>

135

</div>

136

136

137

<span

137

<span

138

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

138

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

139

>

139

>

140

</span>

140

</span>

141

</div>

141

</div>

142

</div>

142

</div>

143

</div>

143

</div>

144

144

145

<button

145

<button

146

class="btn btn-outline-light"

146

class="btn btn-outline-light"

147

ng-click="quitarArticulo(key)"

147

ng-click="quitarArticulo(key)"

148

>

148

>

149

149

150

</button>

150

</button>

151

</div>

151

</div>

152

</td>

152

</td>

153

</tr>

153

</tr>

154

</tbody>

154

</tbody>

155

<tfoot>

155

<tfoot>

156

156

157

157

158

<td

158

<td

159

class="align-middle p-1"

159

class="align-middle p-1"

160

ng-bind="remitosTabla.length + 1"

160

ng-bind="remitosTabla.length + 1"

161

></td>

161

></td>

162

162

163

163

164

164

165

<span

165

<span

166

ng-bind="articuloACargar.sectorCodigo"

166

ng-bind="articuloACargar.sectorCodigo"

167

></span>

167

></span>

168

</div>

168

</div>

169

169

170

170

171

</div>

171

</div>

172

</div>

172

</div>

173

173

174

174

175

<input

175

<input

176

class="form-control p-1"

176

class="form-control p-1"

177

type="number"

177

type="number"

178

min="1"

178

min="1"

179

ng-model="articuloACargar.cantidad"

179

ng-model="articuloACargar.cantidad"

180

foca-focus="!cargando"

180

foca-focus="!cargando"

181

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

181

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

182

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

182

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

183

>

183

>

184

</div>

184

</div>

185

185

186

186

187

</div>

187

</div>

188

188

189

<span

189

<span

190

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

190

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

191

>

191

>

192

</span>

192

</span>

193

</div>

193

</div>

194

</div>

194

</div>

195

</td>

195

</td>

196

196

197

<button

197

<button

198

class="btn btn-outline-light"

198

class="btn btn-outline-light"

199

ng-click="agregarATabla(13)"

199

ng-click="agregarATabla(13)"

200

>

200

>

201

201

202

</button>

202

</button>

203

</td>

203

</td>

204

</tr>

204

</tr>

205

205

206

206

207

207

208

<input

208

<input

209

placeholder="Seleccione Articulo"

209

placeholder="Seleccione Articulo"

210

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

210

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

211

readonly

211

readonly

212

ng-click="seleccionarArticulo()"

212

ng-click="seleccionarArticulo()"

213

/>

213

/>

214

</td>

214

</td>

215

</tr>

215

</tr>

216

216

217

<tr>

217

<tr>

218

218

219

<button

219

<button

220

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

220

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

221

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

221

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

222

ng-show="remitosTabla.length > 0"

222

ng-show="remitosTabla.length > 0"

223

>

223

>

224

<i

224

<i

225

class="fa fa-chevron-down"

225

class="fa fa-chevron-down"

226

ng-hide="show"

226

ng-hide="show"

227

aria-hidden="true"

227

aria-hidden="true"

228

>

228

>

229

</i>

229

</i>

230

<i

230

<i

231

class="fa fa-chevron-up"

231

class="fa fa-chevron-up"

232

ng-show="show"

232

ng-show="show"

233

aria-hidden="true">

233

aria-hidden="true">

234

</i>

234

</i>

235

</button>

235

</button>

236

</td>

236

</td>

237

</tr>

237

</tr>

238

238

239

239

240

240

241

<strong>Cantidad Items:</strong>

241

<strong>Cantidad Items:</strong>

242

242

243

</td>

243

</td>

244

244

245

<h3>Total:</h3>

245

<h3>Total:</h3>

246

</td>

246

</td>

247

247

248

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

248

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

249

</td>

249

</td>

250

</tr>

250

</tr>

251

</tfoot>

251

</tfoot>

252

</table>

252

</table>

253

</div>

253

</div>

254

</div>

254

</div>

255

</div>

255

</div>

256

</div>

256

</div>

257

257

258

258

259

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

259

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

260

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

260

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

261

</div>

261

</div>

262

</div>

262

</div>

263

</div>

263

</div>

264

GITLAB

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

fuera clase

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