Jose Pinto / foca-crear-hoja-ruta

1

1

2

2

3

3

4

4

5

5

6

6

7

7

8

8

9

9

10

</div>

10

</div>

11

<div class="col-5 col-sm-4 numero-pedido"

11

<div class="col-5 col-sm-4 numero-pedido"

12

>Nº {{puntoVenta}}-{{comprobante}}

12

>Nº {{puntoVenta}}-{{comprobante}}

13

</div>

13

</div>

14

14

15

Fecha:

15

Fecha:

16

<span

16

<span

17

ng-show="!datepickerAbierto"

17

ng-show="!datepickerAbierto"

18

ng-bind="now | date:'dd/MM/yyyy HH:mm'"

18

ng-bind="now | date:'dd/MM/yyyy HH:mm'"

19

ng-click="datepickerAbierto = true"

19

ng-click="datepickerAbierto = true"

20

>

20

>

21

</span>

21

</span>

22

<input

22

<input

23

ng-show="datepickerAbierto"

23

ng-show="datepickerAbierto"

24

type="date"

24

type="date"

25

ng-model="now"

25

ng-model="now"

26

ng-change="datepickerAbierto = false"

26

ng-change="datepickerAbierto = false"

27

ng-blur="datepickerAbierto = false"

27

ng-blur="datepickerAbierto = false"

28

class="form-control form-control-sm col-8 float-right"

28

class="form-control form-control-sm col-8 float-right"

29

foca-focus="datepickerAbierto"

29

foca-focus="datepickerAbierto"

30

hasta-hoy

30

hasta-hoy

31

/>

31

/>

32

</div>

32

</div>

33

</div>

33

</div>

34

34

35

35

36

36

37

37

38

</div>

38

</div>

39

<a

39

<a

40

class="btn col-12 btn-secondary d-sm-none"

40

class="btn col-12 btn-secondary d-sm-none"

41

ng-show="cabecera.length > 0"

41

ng-show="cabecera.length > 0"

42

ng-click="showCabecera = !showCabecera"

42

ng-click="showCabecera = !showCabecera"

43

>

43

>

44

<i

44

<i

45

class="fa fa-chevron-down"

45

class="fa fa-chevron-down"

46

ng-hide="showCabecera"

46

ng-hide="showCabecera"

47

aria-hidden="true"

47

aria-hidden="true"

48

>

48

>

49

</i>

49

</i>

50

<i

50

<i

51

class="fa fa-chevron-up"

51

class="fa fa-chevron-up"

52

ng-show="showCabecera"

52

ng-show="showCabecera"

53

aria-hidden="true">

53

aria-hidden="true">

54

</i>

54

</i>

55

</a>

55

</a>

56

</div>

56

</div>

57

</div>

57

</div>

58

</div>

58

</div>

59

59

60

60

61

61

62

62

63

<button

63

<button

64

type="button"

64

type="button"

65

class="btn btn-default btn-block btn-xs text-left py-2"

65

class="btn btn-default btn-block btn-xs text-left py-2"

66

ng-click="boton.accion()"

66

ng-click="boton.accion()"

67

ng-class="{'d-none d-sm-block': boton.texto == ''}"

67

ng-class="{'d-none d-sm-block': boton.texto == ''}"

68

>

68

>

69

<i

69

<i

70

class="fa fa-arrow-circle-right"

70

class="fa fa-arrow-circle-right"

71

ng-show="boton.texto != ''"

71

ng-show="boton.texto != ''"

72

></i>

72

></i>

73

73

74

75

</button>

75

</button>

76

</div>

76

</div>

77

</div>

77

</div>

78

</div>

78

</div>

79

</div>

79

</div>

80

</div>

80

</div>

81

</div>

81

</div>

82

</form>

82

</form>

83

83

84

84

85

85

86

86

87

87

88

<thead>

88

<thead>

89

89

90

90

91

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

91

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

92

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

92

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

93

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

93

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

94

<th class="col-1 text-right">Cantidad</th>

94

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

95

95

96

<button

96

<button

97

class="btn btn-outline-secondary selectable"

97

class="btn btn-outline-secondary selectable"

98

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

98

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

99

>

99

>

100

<i

100

<i

101

class="fa fa-chevron-down"

101

class="fa fa-chevron-down"

102

ng-show="show"

102

ng-show="show"

103

aria-hidden="true"

103

aria-hidden="true"

104

>

104

>

105

</i>

105

</i>

106

<i

106

<i

107

class="fa fa-chevron-up"

107

class="fa fa-chevron-up"

108

ng-hide="show"

108

ng-hide="show"

109

aria-hidden="true">

109

aria-hidden="true">

110

</i>

110

</i>

111

</button>

111

</button>

112

</th>

112

</th>

113

</th>

113

</th>

114

</tr>

114

</tr>

115

</thead>

115

</thead>

116

116

117

<tr

117

<tr

118

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

118

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

119

class="d-flex"

119

class="d-flex"

120

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

120

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

121

>

121

>

122

122

123

<td

123

<td

124

class="col-2"

124

class="col-2"

125

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

125

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

126

></td>

126

></td>

127

127

128

128

129

129

130

130

131

<button

131

<button

132

class="btn btn-outline-secondary"

132

class="btn btn-outline-secondary"

133

ng-click="quitarArticulo(key)"

133

ng-click="quitarArticulo(key)"

134

>

134

>

135

135

136

</button>

136

</button>

137

</td>

137

</td>

138

</tr>

138

</tr>

139

</tbody>

139

</tbody>

140

<tfoot>

140

<tfoot>

141

141

142

142

143

<strong>Remitos:</strong>

143

<strong>Remitos:</strong>

144

144

145

</td>

145

</td>

146

146

147

147

148

<strong>Cantidad:</strong>

148

<strong>Cantidad:</strong>

149

149

150

</td>

150

</td>

151

</tr>

151

</tr>

152

</tfoot>

152

</tfoot>

153

</table>

153

</table>

154

</div>

154

</div>

155

156

156

157

157

158

158

159

<thead>

159

<thead>

160

160

161

161

162

162

163

163

164

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

164

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

165

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

165

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

166

</div>

166

</div>

167

167

168

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

168

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

169

169

170

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

170

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

171

</div>

171

</div>

172

</th>

172

</th>

173

173

174

174

175

</th>

175

</th>

176

</tr>

176

</tr>

177

</thead>

177

</thead>

178

<tbody>

178

<tbody>

179

<tr

179

<tr

180

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

180

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

181

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

181

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

182

>

182

>

183

183

184

184

185

185

186

</div>

186

</div>

187

187

188

188

189

189

190

<span

190

<span

191

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

191

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

192

></span>

192

></span>

193

</div>

193

</div>

194

194

195

195

196

</div>

196

</div>

197

</div>

197

</div>

198

198

199

199

200

200

201

</div>

201

</div>

202

202

203

203

204

</div>

204

</div>

205

205

206

<span

206

<span

207

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

207

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

208

>

208

>

209

</span>

209

</span>

210

</div>

210

</div>

211

</div>

211

</div>

212

</div>

212

</div>

213

213

214

<button

214

<button

215

class="btn btn-outline-secondary"

215

class="btn btn-outline-secondary"

216

ng-click="quitarArticulo(key)"

216

ng-click="quitarArticulo(key)"

217

>

217

>

218

218

219

</button>

219

</button>

220

</div>

220

</div>

221

</td>

221

</td>

222

</tr>

222

</tr>

223

</tbody>

223

</tbody>

224

<tfoot>

224

<tfoot>

225

225

226

226

227

<td

227

<td

228

class="align-middle p-1"

228

class="align-middle p-1"

229

ng-bind="remitosTabla.length + 1"

229

ng-bind="remitosTabla.length + 1"

230

></td>

230

></td>

231

231

232

232

233

233

234

<span

234

<span

235

ng-bind="articuloACargar.sectorCodigo"

235

ng-bind="articuloACargar.sectorCodigo"

236

></span>

236

></span>

237

</div>

237

</div>

238

238

239

239

240

</div>

240

</div>

241

</div>

241

</div>

242

242

243

243

244

<input

244

<input

245

class="form-control p-1"

245

class="form-control p-1"

246

type="number"

246

type="number"

247

min="1"

247

min="1"

248

ng-model="articuloACargar.cantidad"

248

ng-model="articuloACargar.cantidad"

249

foca-focus="!cargando"

249

foca-focus="!cargando"

250

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

250

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

251

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

251

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

252

>

252

>

253

</div>

253

</div>

254

254

255

255

256

</div>

256

</div>

257

257

258

<span

258

<span

259

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

259

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

260

>

260

>

261

</span>

261

</span>

262

</div>

262

</div>

263

</div>

263

</div>

264

</td>

264

</td>

265

265

266

<button

266

<button

267

class="btn btn-outline-secondary"

267

class="btn btn-outline-secondary"

268

ng-click="agregarATabla(13)"

268

ng-click="agregarATabla(13)"

269

>

269

>

270

270

271

</button>

271

</button>

272

</td>

272

</td>

273

</tr>

273

</tr>

274

274

275

275

276

276

277

<input

277

<input

278

placeholder="Seleccione Articulo"

278

placeholder="Seleccione Articulo"

279

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

279

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

280

readonly

280

readonly

281

ng-click="seleccionarArticulo()"

281

ng-click="seleccionarArticulo()"

282

/>

282

/>

283

</td>

283

</td>

284

</tr>

284

</tr>

285

285

286

<tr>

286

<tr>

287

287

288

<button

288

<button

289

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

289

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

290

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

290

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

291

ng-show="remitosTabla.length > 0"

291

ng-show="remitosTabla.length > 0"

292

>

292

>

293

<i

293

<i

294

class="fa fa-chevron-down"

294

class="fa fa-chevron-down"

295

ng-hide="show"

295

ng-hide="show"

296

aria-hidden="true"

296

aria-hidden="true"

297

>

297

>

298

</i>

298

</i>

299

<i

299

<i

300

class="fa fa-chevron-up"

300

class="fa fa-chevron-up"

301

ng-show="show"

301

ng-show="show"

302

aria-hidden="true">

302

aria-hidden="true">

303

</i>

303

</i>

304

</button>

304

</button>

305

</td>

305

</td>

306

</tr>

306

</tr>

307

307

308

308

309

309

310

<strong>Cantidad Items:</strong>

310

<strong>Cantidad Items:</strong>

311

311

312

</td>

312

</td>

313

313

314

<h3>Total:</h3>

314

<h3>Total:</h3>

315

</td>

315

</td>

316

316

317

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

317

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

318

</td>

318

</td>

319

</tr>

319

</tr>

320

</tfoot>

320

</tfoot>

321

</table>

321

</table>

322

</div>

322

</div>

323

</div>

323

</div>

324

324

325

325

326

326

327

<button

327

<button

328

ng-click="crearHojaRuta()"

328

ng-click="crearHojaRuta()"

329

type="submit"

329

type="submit"

330

title="Crear nota pedido"

330

title="Crear nota pedido"

331

class="btn btn-default btn-block mb-2">

331

class="btn btn-default btn-block mb-2">

332

Guardar

332

Guardar

333

</button>

333

</button>

334

<button

334

<button

335

ng-click="salir()"

335

ng-click="salir()"

336

type="button"

336

type="button"

337

title="Salir"

337

title="Salir"

338

class="btn btn-default btn-block">

338

class="btn btn-default btn-block">

339

Salir

339

Salir

340

</button>

340

</button>

341

</div>

341

</div>

342

</div>

342

</div>

343

</div>

343

</div>

344

</div>

344

</div>

345

345

346

346

347

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

347

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

348

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

348

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

349

</div>

349

</div>

350

</div>

350

</div>

351

</div>

351

</div>

352

GITLAB

Jose Pinto / foca-crear-hoja-ruta

espacio de cantidad

1	<div class="crear-nota-pedido">	1	<div class="crear-nota-pedido">
2	<form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">	2	<form name="formCrearNota" ng-submit="crearNotaPedido()" class="mb-0">
3	<div class="row">	3	<div class="row">
4	<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">	4	<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
5	<div class="row p-1 panel-informativo">	5	<div class="row p-1 panel-informativo">
6	<div class="col-12">	6	<div class="col-12">
7	<div class="row">	7	<div class="row">
8	<div class="col-12 col-sm-4 nota-pedido">	8	<div class="col-12 col-sm-4 nota-pedido">
9	<h5>HOJA DE RUTA</h5>	9	<h5>HOJA DE RUTA</h5>
10	</div>	10	</div>
11	<div class="col-5 col-sm-4 numero-pedido"	11	<div class="col-5 col-sm-4 numero-pedido"
12	>Nº {{puntoVenta}}-{{comprobante}}	12	>Nº {{puntoVenta}}-{{comprobante}}
13	</div>	13	</div>
14	<div class="col-7 col-sm-4 text-right">	14	<div class="col-7 col-sm-4 text-right">
15	Fecha:	15	Fecha:
16	<span	16	<span
17	ng-show="!datepickerAbierto"	17	ng-show="!datepickerAbierto"
18	ng-bind="now \| date:'dd/MM/yyyy HH:mm'"	18	ng-bind="now \| date:'dd/MM/yyyy HH:mm'"
19	ng-click="datepickerAbierto = true"	19	ng-click="datepickerAbierto = true"
20	>	20	>
21	</span>	21	</span>
22	<input	22	<input
23	ng-show="datepickerAbierto"	23	ng-show="datepickerAbierto"
24	type="date"	24	type="date"
25	ng-model="now"	25	ng-model="now"
26	ng-change="datepickerAbierto = false"	26	ng-change="datepickerAbierto = false"
27	ng-blur="datepickerAbierto = false"	27	ng-blur="datepickerAbierto = false"
28	class="form-control form-control-sm col-8 float-right"	28	class="form-control form-control-sm col-8 float-right"
29	foca-focus="datepickerAbierto"	29	foca-focus="datepickerAbierto"
30	hasta-hoy	30	hasta-hoy
31	/>	31	/>
32	</div>	32	</div>
33	</div>	33	</div>
34	<div class="row">	34	<div class="row">
35	<div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">	35	<div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
36	<span class="label" ng-bind="cab.label"></span>	36	<span class="label" ng-bind="cab.label"></span>
37	<span class="valor" ng-bind="cab.valor"></span>	37	<span class="valor" ng-bind="cab.valor"></span>
38	</div>	38	</div>
39	<a	39	<a
40	class="btn col-12 btn-secondary d-sm-none"	40	class="btn col-12 btn-secondary d-sm-none"
41	ng-show="cabecera.length > 0"	41	ng-show="cabecera.length > 0"
42	ng-click="showCabecera = !showCabecera"	42	ng-click="showCabecera = !showCabecera"
43	>	43	>
44	<i	44	<i
45	class="fa fa-chevron-down"	45	class="fa fa-chevron-down"
46	ng-hide="showCabecera"	46	ng-hide="showCabecera"
47	aria-hidden="true"	47	aria-hidden="true"
48	>	48	>
49	</i>	49	</i>
50	<i	50	<i
51	class="fa fa-chevron-up"	51	class="fa fa-chevron-up"
52	ng-show="showCabecera"	52	ng-show="showCabecera"
53	aria-hidden="true">	53	aria-hidden="true">
54	</i>	54	</i>
55	</a>	55	</a>
56	</div>	56	</div>
57	</div>	57	</div>
58	</div>	58	</div>
59	<div class="row p-1 botonera-secundaria">	59	<div class="row p-1 botonera-secundaria">
60	<div class="col-12">	60	<div class="col-12">
61	<div class="row">	61	<div class="row">
62	<div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">	62	<div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
63	<button	63	<button
64	type="button"	64	type="button"
65	class="btn btn-default btn-block btn-xs text-left py-2"	65	class="btn btn-default btn-block btn-xs text-left py-2"
66	ng-click="boton.accion()"	66	ng-click="boton.accion()"
67	ng-class="{'d-none d-sm-block': boton.texto == ''}"	67	ng-class="{'d-none d-sm-block': boton.texto == ''}"
68	>	68	>
69	<i	69	<i
70	class="fa fa-arrow-circle-right"	70	class="fa fa-arrow-circle-right"
71	ng-show="boton.texto != ''"	71	ng-show="boton.texto != ''"
72	></i>	72	></i>
73		73
74	{{boton.texto}}	74	{{boton.texto}}
75	</button>	75	</button>
76	</div>	76	</div>
77	</div>	77	</div>
78	</div>	78	</div>
79	</div>	79	</div>
80	</div>	80	</div>
81	</div>	81	</div>
82	</form>	82	</form>
83	<div class="row">	83	<div class="row">
84	<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">	84	<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
85	<!-- PC -->	85	<!-- PC -->
86	<div class="row grilla-articulo align-items-end d-none d-sm-flex">	86	<div class="row grilla-articulo align-items-end d-none d-sm-flex">
87	<table class="table tabla-articulo table-striped table-sm table-dark">	87	<table class="table tabla-articulo table-striped table-sm table-dark">
88	<thead>	88	<thead>
89	<tr class="d-flex">	89	<tr class="d-flex">
90	<th class="col-auto">#</th>	90	<th class="col-auto">#</th>
91	<th class="col-2">Remito</th>	91	<th class="col-2">Remito</th>
92	<th class="col">Cliente</th>	92	<th class="col">Cliente</th>
93	<th class="col">Dirección</th>	93	<th class="col">Dirección</th>
94	<th class="col-1 text-right">Cantidad</th>	94	<th class="text-right" style="width: 80px">Cantidad</th>
95	<th class="col-auto">	95	<th class="col-auto">
96	<button	96	<button
97	class="btn btn-outline-secondary selectable"	97	class="btn btn-outline-secondary selectable"
98	ng-click="show = !show; masMenos()"	98	ng-click="show = !show; masMenos()"
99	>	99	>
100	<i	100	<i
101	class="fa fa-chevron-down"	101	class="fa fa-chevron-down"
102	ng-show="show"	102	ng-show="show"
103	aria-hidden="true"	103	aria-hidden="true"
104	>	104	>
105	</i>	105	</i>
106	<i	106	<i
107	class="fa fa-chevron-up"	107	class="fa fa-chevron-up"
108	ng-hide="show"	108	ng-hide="show"
109	aria-hidden="true">	109	aria-hidden="true">
110	</i>	110	</i>
111	</button>	111	</button>
112	</th>	112	</th>
113	</th>	113	</th>
114	</tr>	114	</tr>
115	</thead>	115	</thead>
116	<tbody class="tabla-articulo-body">	116	<tbody class="tabla-articulo-body">
117	<tr	117	<tr
118	ng-repeat="(key, remito) in remitosTabla"	118	ng-repeat="(key, remito) in remitosTabla"
119	class="d-flex"	119	class="d-flex"
120	ng-show="show \|\| key == remitosTabla.length - 1"	120	ng-show="show \|\| key == remitosTabla.length - 1"
121	>	121	>
122	<td ng-bind="key + 1" class="col-auto"></td>	122	<td ng-bind="key + 1" class="col-auto"></td>
123	<td	123	<td
124	class="col-2"	124	class="col-2"
125	ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"	125	ng-bind="rellenar(remito.sucursal, 4) + '-' + rellenar(remito.numeroRemito, 8)"
126	></td>	126	></td>
127	<th class="col" ng-bind="remito.cliente[0].NOM"></th>	127	<th class="col" ng-bind="remito.cliente[0].NOM"></th>
128	<th class="col" ng-bind="remito.domicilioStamp"></th>	128	<th class="col" ng-bind="remito.domicilioStamp"></th>
129	<th class="col-1 text-right" ng-bind="remito.litros"></th>	129	<th class="text-right" ng-bind="remito.litros" style="width: 80px"></th>
130	<td class="text-center col-auto">	130	<td class="text-center col-auto">
131	<button	131	<button
132	class="btn btn-outline-secondary"	132	class="btn btn-outline-secondary"
133	ng-click="quitarArticulo(key)"	133	ng-click="quitarArticulo(key)"
134	>	134	>
135	<i class="fa fa-trash"></i>	135	<i class="fa fa-trash"></i>
136	</button>	136	</button>
137	</td>	137	</td>
138	</tr>	138	</tr>
139	</tbody>	139	</tbody>
140	<tfoot>	140	<tfoot>
141	<tr class="d-flex">	141	<tr class="d-flex">
142	<td class="col-auto px-1">	142	<td class="col-auto px-1">
143	<strong>Remitos:</strong>	143	<strong>Remitos:</strong>
144	<a ng-bind="remitosTabla.length"></a>	144	<a ng-bind="remitosTabla.length"></a>
145	</td>	145	</td>
146	<td class="col"></td>	146	<td class="col"></td>
147	<td class="col-auto px-1">	147	<td class="col-auto px-1">
148	<strong>Cantidad:</strong>	148	<strong>Cantidad:</strong>
149	<a ng-bind="hojaRuta.litros"></a>	149	<a ng-bind="hojaRuta.litros"></a>
150	</td>	150	</td>
151	</tr>	151	</tr>
152	</tfoot>	152	</tfoot>
153	</table>	153	</table>
154	</div>	154	</div>
155		155
156	<!-- MOBILE -->	156	<!-- MOBILE -->
157	<div class="row d-sm-none">	157	<div class="row d-sm-none">
158	<table class="table table-sm table-striped table-dark margin-bottom-mobile">	158	<table class="table table-sm table-striped table-dark margin-bottom-mobile">
159	<thead>	159	<thead>
160	<tr class="d-flex">	160	<tr class="d-flex">
161	<th class="">#</th>	161	<th class="">#</th>
162	<th class="col px-0">	162	<th class="col px-0">
163	<div class="d-flex">	163	<div class="d-flex">
164	<div class="col-4 px-1">Código</div>	164	<div class="col-4 px-1">Código</div>
165	<div class="col-8 px-1">Descripción</div>	165	<div class="col-8 px-1">Descripción</div>
166	</div>	166	</div>
167	<div class="d-flex">	167	<div class="d-flex">
168	<div class="col-3 px-1">Cantidad</div>	168	<div class="col-3 px-1">Cantidad</div>
169	<div class="col px-1 text-right">P. Uni.</div>	169	<div class="col px-1 text-right">P. Uni.</div>
170	<div class="col px-1 text-right">Subtotal</div>	170	<div class="col px-1 text-right">Subtotal</div>
171	</div>	171	</div>
172	</th>	172	</th>
173	<th class="text-center tamaño-boton">	173	<th class="text-center tamaño-boton">
174		174
175	</th>	175	</th>
176	</tr>	176	</tr>
177	</thead>	177	</thead>
178	<tbody>	178	<tbody>
179	<tr	179	<tr
180	ng-repeat="(key, articulo) in remitosTabla"	180	ng-repeat="(key, articulo) in remitosTabla"
181	ng-show="show \|\| key == remitosTabla.length - 1"	181	ng-show="show \|\| key == remitosTabla.length - 1"
182	>	182	>
183	<td class="w-100 align-middle d-flex p-0">	183	<td class="w-100 align-middle d-flex p-0">
184	<div class="align-middle p-1">	184	<div class="align-middle p-1">
185	<span ng-bind="key+1" class="align-middle"></span>	185	<span ng-bind="key+1" class="align-middle"></span>
186	</div>	186	</div>
187	<div class="col px-0">	187	<div class="col px-0">
188	<div class="d-flex">	188	<div class="d-flex">
189	<div class="col-4 px-1">	189	<div class="col-4 px-1">
190	<span	190	<span
191	ng-bind="articulo.sector + '-' + articulo.codigo"	191	ng-bind="articulo.sector + '-' + articulo.codigo"
192	></span>	192	></span>
193	</div>	193	</div>
194	<div class="col-8 px-1">	194	<div class="col-8 px-1">
195	<span ng-bind="articulo.descripcion"></span>	195	<span ng-bind="articulo.descripcion"></span>
196	</div>	196	</div>
197	</div>	197	</div>
198	<div class="d-flex">	198	<div class="d-flex">
199	<div class="col-3 px-1">	199	<div class="col-3 px-1">
200	<span ng-bind="'x' + articulo.cantidad"></span>	200	<span ng-bind="'x' + articulo.cantidad"></span>
201	</div>	201	</div>
202	<div class="col-3 px-1 text-right">	202	<div class="col-3 px-1 text-right">
203	<span ng-bind="articulo.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>	203	<span ng-bind="articulo.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>
204	</div>	204	</div>
205	<div class="col px-1 text-right">	205	<div class="col px-1 text-right">
206	<span	206	<span
207	ng-bind="(articulo.precio * articulo.cantidad) \| currency: hojaRuta.moneda.simbolo"	207	ng-bind="(articulo.precio * articulo.cantidad) \| currency: hojaRuta.moneda.simbolo"
208	>	208	>
209	</span>	209	</span>
210	</div>	210	</div>
211	</div>	211	</div>
212	</div>	212	</div>
213	<div class="align-middle p-1">	213	<div class="align-middle p-1">
214	<button	214	<button
215	class="btn btn-outline-secondary"	215	class="btn btn-outline-secondary"
216	ng-click="quitarArticulo(key)"	216	ng-click="quitarArticulo(key)"
217	>	217	>
218	<i class="fa fa-trash"></i>	218	<i class="fa fa-trash"></i>
219	</button>	219	</button>
220	</div>	220	</div>
221	</td>	221	</td>
222	</tr>	222	</tr>
223	</tbody>	223	</tbody>
224	<tfoot>	224	<tfoot>
225	<!-- CARGANDO ITEM -->	225	<!-- CARGANDO ITEM -->
226	<tr ng-show="!cargando" class="d-flex">	226	<tr ng-show="!cargando" class="d-flex">
227	<td	227	<td
228	class="align-middle p-1"	228	class="align-middle p-1"
229	ng-bind="remitosTabla.length + 1"	229	ng-bind="remitosTabla.length + 1"
230	></td>	230	></td>
231	<td class="col p-0">	231	<td class="col p-0">
232	<div class="d-flex">	232	<div class="d-flex">
233	<div class="col-4 px-1">	233	<div class="col-4 px-1">
234	<span	234	<span
235	ng-bind="articuloACargar.sectorCodigo"	235	ng-bind="articuloACargar.sectorCodigo"
236	></span>	236	></span>
237	</div>	237	</div>
238	<div class="col-8 px-1">	238	<div class="col-8 px-1">
239	<span ng-bind="articuloACargar.descripcion"></span>	239	<span ng-bind="articuloACargar.descripcion"></span>
240	</div>	240	</div>
241	</div>	241	</div>
242	<div class="d-flex">	242	<div class="d-flex">
243	<div class="col-3 px-1 m-1">	243	<div class="col-3 px-1 m-1">
244	<input	244	<input
245	class="form-control p-1"	245	class="form-control p-1"
246	type="number"	246	type="number"
247	min="1"	247	min="1"
248	ng-model="articuloACargar.cantidad"	248	ng-model="articuloACargar.cantidad"
249	foca-focus="!cargando"	249	foca-focus="!cargando"
250	ng-keypress="agregarATabla($event.keyCode)"	250	ng-keypress="agregarATabla($event.keyCode)"
251	style="height: auto; line-height: 1.1em"	251	style="height: auto; line-height: 1.1em"
252	>	252	>
253	</div>	253	</div>
254	<div class="col-3 px-1 text-right">	254	<div class="col-3 px-1 text-right">
255	<span ng-bind="articuloACargar.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>	255	<span ng-bind="articuloACargar.precio \| currency: hojaRuta.moneda.simbolo : 4"></span>
256	</div>	256	</div>
257	<div class="col px-1 text-right">	257	<div class="col px-1 text-right">
258	<span	258	<span
259	ng-bind="getSubTotal() \| currency: hojaRuta.moneda.simbolo"	259	ng-bind="getSubTotal() \| currency: hojaRuta.moneda.simbolo"
260	>	260	>
261	</span>	261	</span>
262	</div>	262	</div>
263	</div>	263	</div>
264	</td>	264	</td>
265	<td class="text-center align-middle">	265	<td class="text-center align-middle">
266	<button	266	<button
267	class="btn btn-outline-secondary"	267	class="btn btn-outline-secondary"
268	ng-click="agregarATabla(13)"	268	ng-click="agregarATabla(13)"
269	>	269	>
270	<i class="fa fa-save"></i>	270	<i class="fa fa-save"></i>
271	</button>	271	</button>
272	</td>	272	</td>
273	</tr>	273	</tr>
274	<!-- SELECCIONAR PRODUCTO -->	274	<!-- SELECCIONAR PRODUCTO -->
275	<tr ng-show="cargando" class="d-flex">	275	<tr ng-show="cargando" class="d-flex">
276	<td class="col-12">	276	<td class="col-12">
277	<input	277	<input
278	placeholder="Seleccione Articulo"	278	placeholder="Seleccione Articulo"
279	class="form-control form-control-sm"	279	class="form-control form-control-sm"
280	readonly	280	readonly
281	ng-click="seleccionarArticulo()"	281	ng-click="seleccionarArticulo()"
282	/>	282	/>
283	</td>	283	</td>
284	</tr>	284	</tr>
285	<!-- TOOGLE EXPANDIR -->	285	<!-- TOOGLE EXPANDIR -->
286	<tr>	286	<tr>
287	<td class="col">	287	<td class="col">
288	<button	288	<button
289	class="btn btn-outline-secondary selectable w-100"	289	class="btn btn-outline-secondary selectable w-100"
290	ng-click="show = !show; masMenos()"	290	ng-click="show = !show; masMenos()"
291	ng-show="remitosTabla.length > 0"	291	ng-show="remitosTabla.length > 0"
292	>	292	>
293	<i	293	<i
294	class="fa fa-chevron-down"	294	class="fa fa-chevron-down"
295	ng-hide="show"	295	ng-hide="show"
296	aria-hidden="true"	296	aria-hidden="true"
297	>	297	>
298	</i>	298	</i>
299	<i	299	<i
300	class="fa fa-chevron-up"	300	class="fa fa-chevron-up"
301	ng-show="show"	301	ng-show="show"
302	aria-hidden="true">	302	aria-hidden="true">
303	</i>	303	</i>
304	</button>	304	</button>
305	</td>	305	</td>
306	</tr>	306	</tr>
307	<!-- FOOTER -->	307	<!-- FOOTER -->
308	<tr class="d-flex">	308	<tr class="d-flex">
309	<td class="align-middle no-border-top" colspan="2">	309	<td class="align-middle no-border-top" colspan="2">
310	<strong>Cantidad Items:</strong>	310	<strong>Cantidad Items:</strong>
311	<a ng-bind="remitosTabla.length"></a>	311	<a ng-bind="remitosTabla.length"></a>
312	</td>	312	</td>
313	<td class="text-right ml-auto table-celda-total no-border-top">	313	<td class="text-right ml-auto table-celda-total no-border-top">
314	<h3>Total:</h3>	314	<h3>Total:</h3>
315	</td>	315	</td>
316	<td class="table-celda-total text-right no-border-top">	316	<td class="table-celda-total text-right no-border-top">
317	<h3>{{getTotal() \| currency: hojaRuta.moneda.simbolo}}</h3>	317	<h3>{{getTotal() \| currency: hojaRuta.moneda.simbolo}}</h3>
318	</td>	318	</td>
319	</tr>	319	</tr>
320	</tfoot>	320	</tfoot>
321	</table>	321	</table>
322	</div>	322	</div>
323	</div>	323	</div>
324	<div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">	324	<div class="col-auto my-2 col-lg-2 botonera-lateral d-none d-md-block">
325	<div class="row align-items-end">	325	<div class="row align-items-end">
326	<div class="col-12">	326	<div class="col-12">
327	<button	327	<button
328	ng-click="crearHojaRuta()"	328	ng-click="crearHojaRuta()"
329	type="submit"	329	type="submit"
330	title="Crear nota pedido"	330	title="Crear nota pedido"
331	class="btn btn-default btn-block mb-2">	331	class="btn btn-default btn-block mb-2">
332	Guardar	332	Guardar
333	</button>	333	</button>
334	<button	334	<button
335	ng-click="salir()"	335	ng-click="salir()"
336	type="button"	336	type="button"
337	title="Salir"	337	title="Salir"
338	class="btn btn-default btn-block">	338	class="btn btn-default btn-block">
339	Salir	339	Salir
340	</button>	340	</button>
341	</div>	341	</div>
342	</div>	342	</div>
343	</div>	343	</div>
344	</div>	344	</div>
345	<div class="row d-md-none fixed-bottom">	345	<div class="row d-md-none fixed-bottom">
346	<div class="w-100 bg-dark d-flex px-3 acciones-mobile">	346	<div class="w-100 bg-dark d-flex px-3 acciones-mobile">
347	<span class="ml-3 text-muted" ng-click="salir()">Salir</span>	347	<span class="ml-3 text-muted" ng-click="salir()">Salir</span>
348	<span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>	348	<span class="mr-3 ml-auto" ng-click="crearHojaRuta()">Guardar</span>
349	</div>	349	</div>
350	</div>	350	</div>
351	</div>	351	</div>
352		352