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-12 col-sm-3 numero-pedido text-center text-md-left border border-white align-middle"

11

<div class="col-12 col-sm-3 numero-pedido text-center text-md-left border border-white align-middle"

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'"

18

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

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

33

34

Hora:

34

Hora:

35

<span

35

<span

36

ng-show="!datepickerAbierto"

36

ng-show="!datepickerAbierto"

37

ng-bind="now | date:'HH:mm'"

37

ng-bind="now | date:'HH:mm'"

38

ng-click="datepickerAbierto = true"

38

ng-click="datepickerAbierto = true"

39

>

39

>

40

</span>

40

</span>

41

</div>

41

</div>

42

</div>

42

</div>

43

43

44

44

45

45

46

46

47

</div>

47

</div>

48

<a

48

<a

49

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

49

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

50

ng-show="cabecera.length > 0"

50

ng-show="cabecera.length > 0"

51

ng-click="showCabecera = !showCabecera"

51

ng-click="showCabecera = !showCabecera"

52

>

52

>

53

<i

53

<i

54

class="fa fa-chevron-down"

54

class="fa fa-chevron-down"

55

ng-hide="showCabecera"

55

ng-hide="showCabecera"

56

aria-hidden="true"

56

aria-hidden="true"

57

>

57

>

58

</i>

58

</i>

59

<i

59

<i

60

class="fa fa-chevron-up"

60

class="fa fa-chevron-up"

61

ng-show="showCabecera"

61

ng-show="showCabecera"

62

aria-hidden="true">

62

aria-hidden="true">

63

</i>

63

</i>

64

</a>

64

</a>

65

</div>

65

</div>

66

</div>

66

</div>

67

</div>

67

</div>

68

69

</div>

69

</div>

70

</div>

70

</div>

71

</form>

71

</form>

72

72

73

73

74

74

75

75

76

76

77

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

77

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

78

</div>

78

</div>

79

</div>

79

</div>

80

80

81

81

82

82

83

<thead>

83

<thead>

84

84

85

85

86

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

86

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

87

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

87

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

88

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

88

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

89

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

89

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

90

90

91

<button

91

<button

92

class="btn btn-outline-secondary selectable"

92

class="btn btn-outline-light selectable"

93

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

93

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

94

>

94

>

95

<i

95

<i

96

class="fa fa-chevron-down"

96

class="fa fa-chevron-down"

97

ng-show="show"

97

ng-show="show"

98

aria-hidden="true"

98

aria-hidden="true"

99

>

99

>

100

</i>

100

</i>

101

<i

101

<i

102

class="fa fa-chevron-up"

102

class="fa fa-chevron-up"

103

ng-hide="show"

103

ng-hide="show"

104

aria-hidden="true">

104

aria-hidden="true">

105

</i>

105

</i>

106

</button>

106

</button>

107

</th>

107

</th>

108

</th>

108

</th>

109

</tr>

109

</tr>

110

</thead>

110

</thead>

111

111

112

<tr

112

<tr

113

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

113

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

114

class="d-flex"

114

class="d-flex"

115

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

115

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

116

>

116

>

117

117

118

<td

118

<td

119

class="col-2"

119

class="col-2"

120

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

120

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

121

></td>

121

></td>

122

122

123

123

124

124

125

125

126

<button

126

<button

127

class="btn btn-outline-secondary"

127

class="btn btn-outline-light"

128

ng-click="quitarArticulo(key)"

128

ng-click="quitarArticulo(key)"

129

>

129

>

130

130

131

</button>

131

</button>

132

</td>

132

</td>

133

</tr>

133

</tr>

134

</tbody>

134

</tbody>

135

<tfoot>

135

<tfoot>

136

136

137

137

138

<strong>Remitos:</strong>

138

<strong>Remitos:</strong>

139

139

140

</td>

140

</td>

141

141

142

142

143

<strong>Cantidad:</strong>

143

<strong>Cantidad:</strong>

144

144

145

</td>

145

</td>

146

</tr>

146

</tr>

147

</tfoot>

147

</tfoot>

148

</table>

148

</table>

149

</div>

149

</div>

150

151

151

152

152

153

153

154

<thead>

154

<thead>

155

155

156

156

157

157

158

158

159

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

159

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

160

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

160

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

161

</div>

161

</div>

162

162

163

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

163

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

164

164

165

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

165

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

166

</div>

166

</div>

167

</th>

167

</th>

168

168

169

169

170

</th>

170

</th>

171

</tr>

171

</tr>

172

</thead>

172

</thead>

173

<tbody>

173

<tbody>

174

<tr

174

<tr

175

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

175

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

176

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

176

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

177

>

177

>

178

178

179

179

180

180

181

</div>

181

</div>

182

182

183

183

184

184

185

<span

185

<span

186

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

186

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

187

></span>

187

></span>

188

</div>

188

</div>

189

189

190

190

191

</div>

191

</div>

192

</div>

192

</div>

193

193

194

194

195

195

196

</div>

196

</div>

197

197

198

198

199

</div>

199

</div>

200

200

201

<span

201

<span

202

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

202

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

203

>

203

>

204

</span>

204

</span>

205

</div>

205

</div>

206

</div>

206

</div>

207

</div>

207

</div>

208

208

209

<button

209

<button

210

class="btn btn-outline-secondary"

210

class="btn btn-outline-light"

211

ng-click="quitarArticulo(key)"

211

ng-click="quitarArticulo(key)"

212

>

212

>

213

213

214

</button>

214

</button>

215

</div>

215

</div>

216

</td>

216

</td>

217

</tr>

217

</tr>

218

</tbody>

218

</tbody>

219

<tfoot>

219

<tfoot>

220

220

221

221

222

<td

222

<td

223

class="align-middle p-1"

223

class="align-middle p-1"

224

ng-bind="remitosTabla.length + 1"

224

ng-bind="remitosTabla.length + 1"

225

></td>

225

></td>

226

226

227

227

228

228

229

<span

229

<span

230

ng-bind="articuloACargar.sectorCodigo"

230

ng-bind="articuloACargar.sectorCodigo"

231

></span>

231

></span>

232

</div>

232

</div>

233

233

234

234

235

</div>

235

</div>

236

</div>

236

</div>

237

237

238

238

239

<input

239

<input

240

class="form-control p-1"

240

class="form-control p-1"

241

type="number"

241

type="number"

242

min="1"

242

min="1"

243

ng-model="articuloACargar.cantidad"

243

ng-model="articuloACargar.cantidad"

244

foca-focus="!cargando"

244

foca-focus="!cargando"

245

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

245

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

246

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

246

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

247

>

247

>

248

</div>

248

</div>

249

249

250

250

251

</div>

251

</div>

252

252

253

<span

253

<span

254

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

254

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

255

>

255

>

256

</span>

256

</span>

257

</div>

257

</div>

258

</div>

258

</div>

259

</td>

259

</td>

260

260

261

<button

261

<button

262

class="btn btn-outline-secondary"

262

class="btn btn-outline-light"

263

ng-click="agregarATabla(13)"

263

ng-click="agregarATabla(13)"

264

>

264

>

265

265

266

</button>

266

</button>

267

</td>

267

</td>

268

</tr>

268

</tr>

269

269

270

270

271

271

272

<input

272

<input

273

placeholder="Seleccione Articulo"

273

placeholder="Seleccione Articulo"

274

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

274

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

275

readonly

275

readonly

276

ng-click="seleccionarArticulo()"

276

ng-click="seleccionarArticulo()"

277

/>

277

/>

278

</td>

278

</td>

279

</tr>

279

</tr>

280

280

281

<tr>

281

<tr>

282

282

283

<button

283

<button

284

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

284

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

285

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

285

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

286

ng-show="remitosTabla.length > 0"

286

ng-show="remitosTabla.length > 0"

287

>

287

>

288

<i

288

<i

289

class="fa fa-chevron-down"

289

class="fa fa-chevron-down"

290

ng-hide="show"

290

ng-hide="show"

291

aria-hidden="true"

291

aria-hidden="true"

292

>

292

>

293

</i>

293

</i>

294

<i

294

<i

295

class="fa fa-chevron-up"

295

class="fa fa-chevron-up"

296

ng-show="show"

296

ng-show="show"

297

aria-hidden="true">

297

aria-hidden="true">

298

</i>

298

</i>

299

</button>

299

</button>

300

</td>

300

</td>

301

</tr>

301

</tr>

302

302

303

303

304

304

305

<strong>Cantidad Items:</strong>

305

<strong>Cantidad Items:</strong>

306

306

307

</td>

307

</td>

308

308

309

<h3>Total:</h3>

309

<h3>Total:</h3>

310

</td>

310

</td>

311

311

312

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

312

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

313

</td>

313

</td>

314

</tr>

314

</tr>

315

</tfoot>

315

</tfoot>

316

</table>

316

</table>

317

</div>

317

</div>

318

</div>

318

</div>

319

319

320

320

321

<button

321

<button

322

ng-click="crearHojaRuta()"

322

ng-click="crearHojaRuta()"

323

type="submit"

323

type="submit"

324

title="Crear nota pedido"

324

title="Crear nota pedido"

325

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

325

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

326

<strong>GUARDAR</strong>

326

<strong>GUARDAR</strong>

327

</button>

327

</button>

328

<button

328

<button

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 border border-dark">

331

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

332

<strong>PAUSAR</strong>

332

<strong>PAUSAR</strong>

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 border border-dark">

338

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

339

<strong>SALIR</strong>

339

<strong>SALIR</strong>

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

Nuevo diseño en mobile, color icons

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