Eric Fernandez / foca-crear-nota-pedido

1

1

2

2

3

3

4

4

5

5

6

6

7

7

8

8

9

<div class="h6">NOTA DE PEDIDO</div>

9

<div class="h6">NOTA DE PEDIDO</div>

10

</div>

10

</div>

11

<div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>

11

<div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>

12

12

13

Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}

13

Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}

14

</div>

14

</div>

15

</div>

15

</div>

16

16

17

17

18

18

19

19

20

</div>

20

</div>

21

</div>

21

</div>

22

</div>

22

</div>

23

</div>

23

</div>

24

24

25

25

26

26

27

27

28

<button

28

<button

29

type="button"

29

type="button"

30

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

30

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

31

ng-click="boton.accion()"

31

ng-click="boton.accion()"

32

>

32

>

33

<i

33

<i

34

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

34

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

35

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

35

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

36

></i>

36

></i>

37

37

38

39

</button>

39

</button>

40

</div>

40

</div>

41

</div>

41

</div>

42

</div>

42

</div>

43

</div>

43

</div>

44

</div>

44

</div>

45

</div>

45

</div>

46

</form>

46

</form>

47

47

48

48

49

49

50

50

51

<thead>

51

<thead>

52

<tr>

52

<tr>

53

53

54

<th class="tabla-articulo-codigo">Código</th>

54

<th class="tabla-articulo-codigo">Código</th>

55

<th class="tabla-articulo-descripcion">Descripción</th>

55

<th class="tabla-articulo-descripcion">Descripción</th>

56

<th class="tabla-articulo-cantidad text-right">Cantidad</th>

56

<th class="tabla-articulo-cantidad text-right">Cantidad</th>

57

<th class="tabla-articulo-precio text-right">Precio Unitario</th>

57

<th class="tabla-articulo-precio text-right">Precio Unitario</th>

58

<th class="tabla-articulo-subtotal text-right">SubTotal</th>

58

<th class="tabla-articulo-subtotal text-right">SubTotal</th>

59

59

60

<button

60

<button

61

class="btn btn-outline-secondary selectable"

61

class="btn btn-outline-secondary selectable"

62

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

62

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

63

>

63

>

64

<i

64

<i

65

class="fa fa-chevron-down"

65

class="fa fa-chevron-down"

66

ng-show="show"

66

ng-show="show"

67

aria-hidden="true"

67

aria-hidden="true"

68

>

68

>

69

</i>

69

</i>

70

<i

70

<i

71

class="fa fa-chevron-up"

71

class="fa fa-chevron-up"

72

ng-hide="show"

72

ng-hide="show"

73

aria-hidden="true">

73

aria-hidden="true">

74

</i>

74

</i>

75

</button>

75

</button>

76

</th>

76

</th>

77

</tr>

77

</tr>

78

</thead>

78

</thead>

79

79

80

<tr

80

<tr

81

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

81

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

82

ng-show="show || key == (articulosTabla.length - 1)"

82

ng-show="show || key == (articulosTabla.length - 1)"

83

>

83

>

84

84

85

85

<td

86

86

class="tabla-articulo-codigo"

87

<td class="tabla-articulo-cantidad text-right"><input

87

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

88

></td>

89

<td

90

class="tabla-articulo-descripcion"

91

ng-bind="articulo.descripcion"

92

></td>

93

94

<input

88

ng-show="articulo.edit"

95

ng-show="articulo.edit"

89

ng-model="articulo.cantidad"

96

ng-model="articulo.cantidad"

90

class="form-control"

97

class="form-control"

91

type="number"

98

type="number"

92

min="1"

99

min="1"

93

foca-focus="articulo.edit"

100

foca-focus="articulo.edit"

94

ng-keypress="editarArticulo($event.keyCode, articulo)"

101

ng-keypress="editarArticulo($event.keyCode, articulo)"

95

ng-focus="selectFocus($event)"

102

ng-focus="selectFocus($event)"

96

>

103

>

97

<i

104

<i

98

class="selectable"

105

class="selectable"

99

ng-click="cambioEdit(articulo)"

106

ng-click="cambioEdit(articulo)"

100

ng-hide="articulo.edit"

107

ng-hide="articulo.edit"

101

ng-bind="articulo.cantidad">

108

ng-bind="articulo.cantidad">

102

</i>

109

</i>

103

</td>

110

</td>

104

111

<td

112

class="tabla-articulo-precio text-right"

113

ng-bind="articulo.precio | currency: '$'"

114

></td>

105

<td

115

<td

106

class="tabla-articulo-subtotal text-right"

116

class="tabla-articulo-subtotal text-right"

107

ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">

117

ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">

108

</td>

118

</td>

109

119

110

<button

120

<button

111

class="btn btn-outline-secondary btn-sm"

121

class="btn btn-outline-secondary btn-sm"

112

ng-click="quitarArticulo(key)"

122

ng-click="quitarArticulo(key)"

113

>

123

>

114

124

115

</button>

125

</button>

116

</td>

126

</td>

117

</tr>

127

</tr>

118

</tbody>

128

</tbody>

119

<tfoot>

129

<tfoot>

120

130

121

131

<td

132

class="tabla-articulo-numero align-middle"

133

ng-bind="articulosTabla.length + 1"

134

></td>

122

135

123

<input

136

<input

124

class="form-control"

137

class="form-control"

125

ng-model="articuloACargar.sectorCodigo"

138

ng-model="articuloACargar.sectorCodigo"

126

readonly

139

readonly

127

>

140

>

128

</td>

141

</td>

129

142

130

<input

143

<input

131

class="form-control"

144

class="form-control"

132

ng-model="articuloACargar.descripcion"

145

ng-model="articuloACargar.descripcion"

133

readonly

146

readonly

134

>

147

>

135

</td>

148

</td>

136

149

137

<input

150

<input

138

class="form-control"

151

class="form-control"

139

type="number"

152

type="number"

140

min="1"

153

min="1"

141

ng-model="articuloACargar.cantidad"

154

ng-model="articuloACargar.cantidad"

142

foca-focus="!cargando"

155

foca-focus="!cargando"

143

esc-key="resetFilter()"

156

esc-key="resetFilter()"

144

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

157

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

145

>

158

>

146

</td>

159

</td>

147

160

148

<input

161

<input

149

class="form-control"

162

class="form-control"

150

ng-value="articuloACargar.precio | currency: '$'"

163

ng-value="articuloACargar.precio | currency: '$'"

151

readonly

164

readonly

152

>

165

>

153

</td>

166

</td>

154

167

155

<input

168

<input

156

class="form-control"

169

class="form-control"

157

ng-value="getSubTotal() | currency: '$'"

170

ng-value="getSubTotal() | currency: '$'"

158

readonly

171

readonly

159

></td>

172

></td>

160

173

161

<button

174

<button

162

class="btn btn-outline-secondary btn-sm"

175

class="btn btn-outline-secondary btn-sm"

163

ng-click="agregarATabla(13)"

176

ng-click="agregarATabla(13)"

164

>

177

>

165

178

166

</button>

179

</button>

167

</td>

180

</td>

168

</tr>

181

</tr>

169

182

170

183

171

<input

184

<input

172

placeholder="Seleccione Articulo"

185

placeholder="Seleccione Articulo"

173

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

186

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

174

readonly

187

readonly

175

ng-click="seleccionarArticulo()"

188

ng-click="seleccionarArticulo()"

176

/>

189

/>

177

</td>

190

</td>

178

</tr>

191

</tr>

179

192

180

193

181

<strong>Cantidad Items:</strong>

194

<strong>Cantidad Items:</strong>

182

195

183

</td>

196

</td>

184

<td class="text-right table-celda-total"><h3>Total:</h3></td>

197

<td class="text-right table-celda-total"><h3>Total:</h3></td>

185

198

186

<h3>{{getTotal() | currency: '$'}}</h3>

199

<h3>{{getTotal() | currency: '$'}}</h3>

187

</td>

200

</td>

188

201

189

<button

202

<button

190

type="button"

203

type="button"

191

class="btn btn-default btn-sm"

204

class="btn btn-default btn-sm"

192

>

205

>

193

Totales

206

Totales

194

</button>

207

</button>

195

</td>

208

</td>

196

</tr>

209

</tr>

197

</tfoot>

210

</tfoot>

198

</table>

211

</table>

199

</div>

212

</div>

200

</div>

213

</div>

201

214

202

215

203

216

204

<button

217

<button

205

ng-click="crearNotaPedido()"

218

ng-click="crearNotaPedido()"

206

type="submit"

219

type="submit"

207

title="Crear nota pedido"

220

title="Crear nota pedido"

208

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

221

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

209

Guardar

222

Guardar

210

</button>

223

</button>

211

<button

224

<button

212

ng-click="salir()"

225

ng-click="salir()"

213

type="button"

226

type="button"

214

title="Salir"

227

title="Salir"

215

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

228

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

216

Salir

229

Salir

217

</button>

230

</button>

218

</div>

231

</div>

219

</div>

232

</div>

220

</div>

233

</div>

221

</div>

234

</div>

222

</div>

235

</div>

223

<!--

236

<!--

224

237

225

<uib-tabset active="active">

238

<uib-tabset active="active">

226

<uib-tab index="0" heading="General">

239

<uib-tab index="0" heading="General">

227

240

228

<div>

241

<div>

229

242

230

<button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>

243

<button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>

231

</div>

244

</div>

232

</div>

245

</div>

233

<br>

246

<br>

234

<br>

247

<br>

235

248

236

249

237

250

238

<label>Fecha de carga</label>

251

<label>Fecha de carga</label>

239

</div>

252

</div>

240

</div>

253

</div>

241

254

242

255

243

256

244

</div>

257

</div>

245

</div>

258

</div>

246

259

247

260

248

<label>Kilómetros</label>

261

<label>Kilómetros</label>

249

</div>

262

</div>

250

</div>

263

</div>

251

264

252

265

253

<input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"

266

<input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"

254

ng-model="notaPedido.kilometros" ng-required="true">

267

ng-model="notaPedido.kilometros" ng-required="true">

255

</div>

268

</div>

256

</div>

269

</div>

257

</div>

270

</div>

258

271

259

272

260

273

261

<label>Jurisdicción de IIBB</label>

274

<label>Jurisdicción de IIBB</label>

262

</div>

275

</div>

263

</div>

276

</div>

264

277

265

278

266

<input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"

279

<input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"

267

ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">

280

ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">

268

</div>

281

</div>

269

</div>

282

</div>

270

283

271

284

272

<label>Costo de financiación</label>

285

<label>Costo de financiación</label>

273

</div>

286

</div>

274

</div>

287

</div>

275

288

276

289

277

290

278

291

279

292

280

</div>

293

</div>

281

<input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"

294

<input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"

282

ng-model="notaPedido.costoFinanciacion">

295

ng-model="notaPedido.costoFinanciacion">

283

</div>

296

</div>

284

</div>

297

</div>

285

</div>

298

</div>

286

</div>

299

</div>

287

300

288

301

289

302

290

<label>Bomba</label>

303

<label>Bomba</label>

291

</div>

304

</div>

292

</div>

305

</div>

293

306

294

307

295

308

296

309

297

310

298

Si

311

Si

299

</label>

312

</label>

300

</div>

313

</div>

301

314

302

315

303

316

304

No

317

No

305

</label>

318

</label>

306

</div>

319

</div>

307

</div>

320

</div>

308

</div>

321

</div>

309

322

310

323

311

<label>Flete</label>

324

<label>Flete</label>

312

</div>

325

</div>

313

</div>

326

</div>

314

327

315

328

316

329

317

330

318

331

319

Si

332

Si

320

</label>

333

</label>

321

</div>

334

</div>

322

335

323

336

324

337

325

FOB

338

FOB

326

</label>

339

</label>

327

</div>

340

</div>

328

</div>

341

</div>

329

</div>

342

</div>

330

343

331

344

332

<label>Costo unitario kilometro flete</label>

345

<label>Costo unitario kilometro flete</label>

333

</div>

346

</div>

334

</div>

347

</div>

335

348

336

349

337

350

338

351

339

352

340

</div>

353

</div>

341

<input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"

354

<input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"

342

ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">

355

ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">

343

</div>

356

</div>

344

</div>

357

</div>

345

</div>

358

</div>

346

</div>

359

</div>

347

360

348

361

349

362

350

<label>Vendedor</label>

363

<label>Vendedor</label>

351

</div>

364

</div>

352

</div>

365

</div>

353

366

354

367

355

<input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"

368

<input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"

356

ng-click="seleccionarVendedor()" readonly>

369

ng-click="seleccionarVendedor()" readonly>

357

</div>

370

</div>

358

</div>

371

</div>

359

372

360

373

361

<label>Petrolera</label>

374

<label>Petrolera</label>

362

</div>

375

</div>

363

</div>

376

</div>

364

377

365

378

366

<input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"

379

<input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"

367

ng-click="seleccionarPetrolera()" readonly>

380

ng-click="seleccionarPetrolera()" readonly>

368

</div>

381

</div>

369

</div>

382

</div>

370

</div>

383

</div>

371

</div>

384

</div>

372

385

373

386

374

387

375

<label>Cliente</label>

388

<label>Cliente</label>

376

</div>

389

</div>

377

</div>

390

</div>

378

391

379

392

380

<input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"

393

<input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"

381

ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>

394

ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>

382

</div>

395

</div>

383

</div>

396

</div>

384

397

385

398

386

<label>Domicilio</label>

399

<label>Domicilio</label>

387

</div>

400

</div>

388

</div>

401

</div>

389

402

390

403

391

404

392

<input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="

405

<input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="

393

domi.dom

406

domi.dom

394

for domi

407

for domi

395

in domiciliosCliente

408

in domiciliosCliente

396

"

409

"

397

typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"

410

typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"

398

class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">

411

class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">

399

412

400

413

401

No se encontraron resultados.

414

No se encontraron resultados.

402

</div>

415

</div>

403

</div>

416

</div>

404

417

405

418

406

</div>

419

</div>

407

</div>

420

</div>

408

</div>

421

</div>

409

</uib-tab>

422

</uib-tab>

410

<uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">

423

<uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">

411

<div>

424

<div>

412

425

413

<button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>

426

<button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>

414

</div>

427

</div>

415

</div>

428

</div>

416

<br>

429

<br>

417

<br>

430

<br>

418

431

419

432

420

433

421

<label>Precios y condiciones</label>

434

<label>Precios y condiciones</label>

422

</div>

435

</div>

423

</div>

436

</div>

424

437

425

438

426

439

427

</select>

440

</select>

428

</div>

441

</div>

429

</div>

442

</div>

430

443

431

444

432

<label>Producto</label>

445

<label>Producto</label>

433

</div>

446

</div>

434

</div>

447

</div>

435

448

436

449

437

<input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"

450

<input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"

438

ng-click="seleccionarArticulo()" readonly>

451

ng-click="seleccionarArticulo()" readonly>

439

</div>

452

</div>

440

</div>

453

</div>

441

</div>

454

</div>

442

455

443

456

444

<thead>

457

<thead>

445

<tr>

458

<tr>

446

<th>Código</th>

459

<th>Código</th>

447

<th>Nombre</th>

460

<th>Nombre</th>

448

<th>Precio unitario</th>

461

<th>Precio unitario</th>

449

<th>Costo unitario bruto</th>

462

<th>Costo unitario bruto</th>

450

<th>Cantidad</th>

463

<th>Cantidad</th>

451

<th>Subtotal</th>

464

<th>Subtotal</th>

452

</tr>

465

</tr>

453

</thead>

466

</thead>

454

<tbody>

467

<tbody>

455

468

456

469

457

470

458

471

459

472

460

473

461

474

462

</tr>

475

</tr>

463

</tbody>

476

</tbody>

464

</table>

477

</table>

465

</div>

478

</div>

466

</uib-tab>

479

</uib-tab>

467

</uib-tabset>

480

</uib-tabset>

468

</form>-->

481

</form>-->

GITLAB

Eric Fernandez / foca-crear-nota-pedido

no permitir mas de 100 caracteres

 <div class="crear-nota-pedido">
     <form name="formCrearNota" ng-submit="crearNotaPedido()">
         <div class="row">
             <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                 <div class="row p-1 panel-informativo">
                     <div class="col-12">
                         <div class="row">
                             <div class="col-5">
                                 <div class="h6">NOTA DE PEDIDO</div>
                             </div>
                             <div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>
                             <div class="col-4 text-right">
                                 Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}
                             </div>
                         </div>
                         <div class="row">
                             <div class="col-auto" ng-repeat="cab in cabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor"></span>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class="col-12">
                         <div class="row">
                             <div class="col-3 px-0 py-0" ng-repeat="boton in botonera">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-block btn-xs text-left py-2"
                                     ng-click="boton.accion()"
                                 >
                                     <i
                                         class="fa fa-arrow-circle-right"
                                         ng-show="boton.texto != ''"
                                     ></i>
                                     &nbsp;
                                     {{boton.texto}}
                                 </button>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </form>
     <div class="row">
         <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
             <div class="row grilla-articulos align-items-end">
                 <table class="table table-striped table-sm table-dark tabla-articulos">
                     <thead>
                         <tr>
                             <th class="tabla-articulo-numero">#</th>
                             <th class="tabla-articulo-codigo">Código</th>
                             <th class="tabla-articulo-descripcion">Descripción</th>
                             <th class="tabla-articulo-cantidad text-right">Cantidad</th>
                             <th class="tabla-articulo-precio text-right">Precio Unitario</th>
                             <th class="tabla-articulo-subtotal text-right">SubTotal</th>
                             <th class="tabla-articulo-boton text-right">
                                 <button
                                     class="btn btn-outline-secondary selectable"
                                     ng-click="show = !show; masMenos()"
                                 >
                                     <i
                                         class="fa fa-chevron-down"
                                         ng-show="show"
                                         aria-hidden="true"
                                     >
                                     </i>
                                     <i
                                         class="fa fa-chevron-up"
                                         ng-hide="show"
                                         aria-hidden="true">
                                     </i>
                                 </button>
                             </th>
                         </tr>
                     </thead>
                     <tbody class="tabla-articulos-body">
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == (articulosTabla.length - 1)"
                         >
                             <td class="tabla-articulo-numero" ng-bind="key + 1"></td>
-                            <td class="tabla-articulo-codigo" ng-bind="articulo.sector + '-' + articulo.codigo"></td>
+                            <td
-                            <td class="tabla-articulo-descripcion" ng-bind="articulo.descripcion"></td>
+                                class="tabla-articulo-codigo"
-                            <td class="tabla-articulo-cantidad text-right"><input
+                                ng-bind="articulo.sector + '-' + articulo.codigo"
+                            ></td>
+                            <td
+                                class="tabla-articulo-descripcion"
+                                ng-bind="articulo.descripcion"
+                            ></td>
+                            <td class="tabla-articulo-cantidad text-right">
+                                <input
                                     ng-show="articulo.edit"
                                     ng-model="articulo.cantidad"
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     foca-focus="articulo.edit"
                                     ng-keypress="editarArticulo($event.keyCode, articulo)"
                                     ng-focus="selectFocus($event)"
                                 >
                                 <i
                                     class="selectable"
                                     ng-click="cambioEdit(articulo)"
                                     ng-hide="articulo.edit"
                                     ng-bind="articulo.cantidad">
                                 </i>
                             </td>
-                            <td class="tabla-articulo-precio text-right" ng-bind="articulo.precio | currency: '$'"></td>
+                            <td
+                                class="tabla-articulo-precio text-right"
+                                ng-bind="articulo.precio | currency: '$'"
+                            ></td>
                             <td
                                 class="tabla-articulo-subtotal text-right"
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
                             <td class="tabla-articulo-boton text-right">
                                 <button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                     </tbody>
                     <tfoot>
                         <tr ng-show="!cargando">
-                            <td class="tabla-articulo-numero align-middle" ng-bind="articulosTabla.length + 1"></td>
+                            <td
+                                class="tabla-articulo-numero align-middle"
+                                ng-bind="articulosTabla.length + 1"
+                            ></td>
                             <td class="tabla-articulo-codigo">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.sectorCodigo"
                                     readonly
                                 >
                             </td>
                             <td class="tabla-articulo-descripcion">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly
                                 >
                             </td>
                             <td class="tabla-articulo-cantidad text-right">
                                 <input
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     ng-model="articuloACargar.cantidad"
                                     foca-focus="!cargando"
                                     esc-key="resetFilter()"
                                     ng-keypress="agregarATabla($event.keyCode)"
                                 >
                             </td>
                             <td class="tabla-articulo-precio text-right">
                                 <input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly
                                 >
                             </td>
                             <td class="tabla-articulo-subtotal text-right">
                                 <input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly
                                 ></td>
                             <td class="tabla-articulo-boton text-right">
                                 <button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="agregarATabla(13)"
                                 >
                                     <i class="fa fa-save"></i>
                                 </button>
                             </td>
                         </tr>
                         <tr ng-show="cargando">
                             <td colspan="6">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
                                     readonly
                                     ng-click="seleccionarArticulo()"
                                 />
                             </td>
                         </tr>
                         <tr class="">
                             <td colspan="3">
                                 <strong>Cantidad Items:</strong>
                                 <a ng-bind="articulosTabla.length"></a>
                             </td>
                             <td class="text-right table-celda-total"><h3>Total:</h3></td>
                             <td class="table-celda-total text-right" colspan="1">
                                 <h3>{{getTotal() | currency: '$'}}</h3>
                             </td>
                             <td colspan="2" class="text-right">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-sm"
                                 >
                                     Totales
                                 </button>
                             </td>
                         </tr>
                     </tfoot>
                 </table>
             </div>
         </div>
         <div class="col-auto my-2 col-lg-2 botonera-lateral">
             <div class="row align-items-end">
                 <div class="col-12">
                     <button
                         ng-click="crearNotaPedido()"
                         type="submit"
                         title="Crear nota pedido"
                         class="btn btn-default btn-block mb-2">
                         Guardar
                     </button>
                     <button
                         ng-click="salir()"
                         type="button"
                         title="Salir"
                         class="btn btn-default btn-block">
                         Salir
                     </button>
                 </div>
             </div>
         </div>
     </div>
 </div>
 <!--
 <form name="formCrearNota">
     <uib-tabset active="active">
         <uib-tab index="0" heading="General">
             <input type="hidden" name="id" ng-model="notaPedido.id" />
             <div>
                 <div class="col-auto my-2">
                     <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>
                 </div>
             </div>
             <br>
             <br>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Fecha de carga</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true">
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Kilómetros</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"
                             ng-model="notaPedido.kilometros" ng-required="true">
                     </div>
                 </div>
             </div>
             <div class="row my-3">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Jurisdicción de IIBB</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"
                             ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Costo de financiación</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-prepend">
                                 <div class="input-group-text">$</div>
                             </div>
                             <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"
                                 ng-model="notaPedido.costoFinanciacion">
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Bomba</label>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba">
                             <label class="form-check-label">
                                 Si
                             </label>
                         </div>
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba">
                             <label class="form-check-label">
                                 No
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <label>Flete</label>
                     </div>
                 </div>
                 <div class="col-md-1">
                     <div class="col-auto">
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete">
                             <label class="form-check-label">
                                 Si
                             </label>
                         </div>
                         <div class="form-check custom-radio custom-control-inline">
                             <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete">
                             <label class="form-check-label">
                                 FOB
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Costo unitario kilometro flete</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <div class="input-group mb-2">
                             <div class="input-group-prepend">
                                 <div class="input-group-text">$</div>
                             </div>
                             <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"
                                 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row my-3">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Vendedor</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"
                             ng-click="seleccionarVendedor()" readonly>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Petrolera</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"
                             ng-click="seleccionarPetrolera()" readonly>
                     </div>
                 </div>
             </div>
             </div>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Cliente</label>
                     </div>
                 </div>
                 <div class="col-md-3">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"
                             ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Domicilio</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio">
                         <div class="col-auto">
                             <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="
                                     domi.dom
                                     for domi
                                     in domiciliosCliente
                                 "
                                 typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"
                                 class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">
                             <i ng-show="cargandoClientes" class="fas fa-sync"></i>
                             <div ng-show="sinResultados">
                                 No se encontraron resultados.
                             </div>
                         </div>
                         <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a>
                         <a class="btn" ng-click="addNewDom()">+</a>
                     </div>
                 </div>
             </div>
         </uib-tab>
         <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">
             <div>
                 <div class="col-auto my-2">
                     <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>
                 </div>
             </div>
             <br>
             <br>
             <div class="row">
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Precios y condiciones</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-auto">
                         <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones">
                         </select>
                     </div>
                 </div>
                 <div class="col-md-2">
                     <div class="col-auto">
                         <label>Producto</label>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="col-auto">
                         <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"
                             ng-click="seleccionarArticulo()" readonly>
                     </div>
                 </div>
             </div>
             <div class="col-md-12">
                 <table class="table my-3 table-hover table-nonfluid">
                     <thead>
                         <tr>
                             <th>Código</th>
                             <th>Nombre</th>
                             <th>Precio unitario</th>
                             <th>Costo unitario bruto</th>
                             <th>Cantidad</th>
                             <th>Subtotal</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr ng-repeat="articulo in articulosTabla">
                             <td ng-bind="articulo.codigo"></td>
                             <td ng-bind="articulo.nombre"></td>
                             <td ng-bind="articulo.precio"></td>
                             <td ng-bind="articulo.costoUnitario"></td>
                             <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td>
                             <td ng-bind="getSubTotal(articulo.item)"></td>
                         </tr>
                     </tbody>
                 </table>
             </div>
         </uib-tab>
     </uib-tabset>
 </form>-->