Luigi / foca-crear-nota-pedido

Commit 7f1fedba3f239f83b70c7e313f81dbebd49ca5dc

Authored by Pablo Marco del Pont 2018-10-24 18:39:16 -0300

Exists in master

- Agregué botón para salir al menú principal.

- Cambié estilo de botones Guardar y Salir.

Showing 2 changed files with 15 additions and 3 deletions Show diff stats

src/js/controller.js

Diff comments View file @ 7f1fedb

 angular.module('focaCrearNotaPedido')
     .controller('notaPedidoCtrl',
-        ['$scope', '$uibModal', 'crearNotaPedidoService', 'focaModalService',
+        ['$scope', '$uibModal', '$location', 'crearNotaPedidoService', 'focaModalService',
-            function($scope, $uibModal, crearNotaPedidoService, focaModalService) {
+            function($scope, $uibModal, $location, crearNotaPedidoService, focaModalService) {
                 $scope.botonera = [
                     {texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},
                     {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
                     {texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},
                     {
                         texto: 'Precios y condiciones',
                         accion: function() {$scope.abrirModalListaPrecio();}},
                     {texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},
                     {texto: 'Bomba', accion: function() {}},
                     {texto: 'Detalle', accion: function() {}},
                     {texto: 'Totales', accion: function() {}}
                 ];
                 $scope.show = false;
                 $scope.cargando = true;
                 $scope.dateOptions = {
                     maxDate: new Date(),
                     minDate: new Date(2010, 0, 1)
                 };
                 $scope.notaPedido = {
                     vendedor: {},
                     cliente: {},
                     domicilio: {dom: ''},
                     moneda: {detalle: ''}
                 };
                 $scope.articulosTabla = [];
                 var idLista;
                 var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
                 crearNotaPedidoService.getPrecioCondicion().then(
                     function(res) {
                         $scope.precioCondiciones = res.data;
                     }
                 );
                 if (notaPedidoTemp !== undefined) {
                     notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga);
                     $scope.notaPedido = notaPedidoTemp;
                     $scope.notaPedido.flete = ($scope.notaPedido.flete).toString();
                     $scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString();
                     idLista = $scope.notaPedido.precioCondicion;
                     crearNotaPedidoService
                         .getArticulosByIdNotaPedido($scope.notaPedido.id).then(
                             function(res) {
                                 $scope.articulosTabla = res.data;
                             }
                         );
                     //TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO
                     //(NO REQUERIDO EN ESTA VERSION)
                     // crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(
                     //     function(res) {
                     //         $scope.notaPedido.domicilio = res.data;
                     //     }
                     // );
                 } else {
                     $scope.notaPedido.fechaCarga = new Date();
                     $scope.notaPedido.bomba = '0';
                     $scope.notaPedido.flete = '0';
                     idLista = undefined;
                 }
                 //TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO
                 // $scope.addNewDom = function() {
                 //     $scope.notaPedido.domicilio.push({ 'id': 0 });
                 // };
                 // $scope.removeNewChoice = function(choice) {
                 //     if ($scope.notaPedido.domicilio.length > 1) {
                 //         $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex(
                 //             function(c) {
                 //                 return c.$$hashKey === choice.$$hashKey;
                 //             }
                 //         ), 1);
                 //     }
                 // };
                 $scope.crearNotaPedido = function() {
                     if($scope.articulosTabla.length === 0) {
                         focaModalService.alert('Debe cargar almenos un articulo');
                         return;
                     }
                     if($scope.notaPedido.domicilio.id === undefined) {
                         $scope.notaPedido.domicilio.id = 0;
                     }
                     var date = new Date();
                     var notaPedido = {
                         id: 0,
                         fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
                                             .toISOString().slice(0, 19).replace('T', ' '),
                         vendedor: $scope.notaPedido.vendedor.nombre,
                         idCliente: $scope.notaPedido.cliente.id,
                         domicilio: $scope.notaPedido.domicilio,
                         precioCondicion: $scope.notaPedido.precioCondicion,
                         bomba: $scope.notaPedido.bomba,
                         flete: $scope.notaPedido.flete,
                         total: $scope.getTotal()
                     };
                     crearNotaPedidoService.crearNotaPedido(notaPedido).then(
                         function(data) {
                             focaModalService.alert('Nota pedido creada');
                             if($scope.notaPedido.flete === 1) {
                                 var flete = {
                                     idNotaPedido: data.data.id,
                                     idTransportista: $scope.notaPedido.fleteId,
                                     idChofer: $scope.notaPedido.chofer.id,
                                     idVehiculo: $scope.notaPedido.vehiculo.id,
                                     kilometros: $scope.notaPedido.kilometros,
                                     costoKilometro: $scope.notaPedido.costoUnitarioKmFlete
                                 };
                                 crearNotaPedidoService.crearFlete(flete);
                             }
                             var articulosNotaPedido = $scope.articulosTabla;
                             for(var i = 0; i < articulosNotaPedido.length; i++) {
                                 delete articulosNotaPedido[i].edit;
                                 articulosNotaPedido[i].idNotaPedido = data.data.id;
                                 crearNotaPedidoService
                                     .crearArticulosParaNotaPedido(articulosNotaPedido[i]);
                             }
                             $scope.limpiarPantalla();
                         }
                     );
                 };
                 $scope.seleccionarArticulo = function() {
                     if (idLista === undefined) {
                         focaModalService.alert(
                             'Primero seleccione una lista de precio y condicion');
                         return;
                     }
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Productos',
                             templateUrl: 'modal-busqueda-productos.html',
                             controller: 'modalBusquedaProductosCtrl',
                             resolve: { idLista: function() { return idLista; } },
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(producto) {
                             var newArt =
                             {
                                 id: 0,
                                 codigo: producto.codigo,
                                 sector: producto.sector,
                                 descripcion: producto.descripcion,
                                 item: $scope.articulosTabla.length + 1,
                                 nombre: producto.descripcion,
                                 precio: producto.precio.toFixed(2),
                                 costoUnitario: producto.costo,
                                 edit: false
                             };
                             $scope.articuloACargar = newArt;
                             $scope.cargando = false;
                         }, function() {
                             // funcion ejecutada cuando se cancela el modal
                         }
                     );
                 };
                 $scope.seleccionarVendedor = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Vendedores',
                             templateUrl: 'modal-vendedores.html',
                             controller: 'modalVendedoresCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(vendedor) {
                             $scope.notaPedido.vendedor.nombre = vendedor.NomVen;
                         }, function() {
                         }
                     );
                 };
                 $scope.seleccionarPetrolera = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Petrolera',
                             templateUrl: 'modal-petroleras.html',
                             controller: 'modalPetrolerasCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(petrolera) {
                             $scope.notaPedido.petrolera = petrolera.NOM;
                         }, function() {
                         }
                     );
                 };
                 $scope.seleccionarCliente = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Cliente',
                             templateUrl: 'foca-busqueda-cliente-modal.html',
                             controller: 'focaBusquedaClienteModalController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(cliente) {
                             $scope.notaPedido.cliente.nombre = cliente.nom;
                             $scope.notaPedido.cliente.id = cliente.cod;
                             crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then(
                                 function(data) {
                                     if(data.data.length === 0){
                                         focaModalService
                                             .alert('El cliente no tienen domicilios de entrega')
                                             .then(
                                                 function() {
                                                     $scope.seleccionarCliente();
                                                     $scope.notaPedido.cliente = {nombre: ''};
                                                 }
                                         );
                                         return;
                                     }
                                     $scope.domiciliosCliente = data.data;
                                 }
                             );
                         }, function() {
                         }
                     );
                 };
                 $scope.mostrarFichaCliente = function() {
                     $uibModal.open(
                         {
                             ariaLabelledBy: 'Datos del Cliente',
                             templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',
                             controller: 'focaCrearNotaPedidoFichaClienteController',
                             size: 'lg'
                         }
                     );
                 };
                 $scope.getTotal = function() {
                     var total = 0;
                     var arrayTempArticulos = $scope.articulosTabla;
                     for (var i = 0; i < arrayTempArticulos.length; i++) {
                         total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;
                     }
                     return total.toFixed(2);
                 };
                 $scope.getSubTotal = function() {
                     if($scope.articuloACargar) {
                         return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
                     }
                 };
                 $scope.abrirModalListaPrecio = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Precio Condición',
                             templateUrl: 'modal-precio-condicion.html',
                             controller: 'focaModalPrecioCondicionController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(precioCondicion) {
                             $scope.notaPedido.precioCondicion = precioCondicion.nombre;
                             idLista = precioCondicion.idListaPrecio;
                             $scope.articulosTabla = [];
                         }, function() {
                         }
                     );
                 };
                 $scope.abrirModalFlete = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Flete',
                             templateUrl: 'modal-flete.html',
                             controller: 'focaModalFleteController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(flete) {
                             $scope.limpiarFlete();
                             $scope.notaPedido.fleteNombre = flete.nombre;
                             $scope.notaPedido.fleteId = flete.id;
                             $scope.choferes = flete.chofer;
                             $scope.vehiculos = flete.vehiculo;
                         }, function() {
                         }
                     );
                 };
                 $scope.abrirModalMoneda = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Moneda',
                             templateUrl: 'modal-moneda.html',
                             controller: 'focaModalMonedaController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(moneda) {
                             $scope.notaPedido.moneda = {
                                 id: moneda.ID,
                                 detalle: moneda.DETALLE,
                                 simbolo: moneda.SIMBOLO
                             };
                         }, function() {
                         }
                     );
                 };
                 $scope.agregarATabla = function(key) {
                     if(key === 13) {
                         if($scope.articuloACargar.cantidad === undefined ||
                             $scope.articuloACargar.cantidad === 0 ||
                             $scope.articuloACargar.cantidad === null ){
                                 focaModalService.alert('El valor debe ser al menos 1');
                                 return;
                         }
                         $scope.articulosTabla.unshift($scope.articuloACargar);
                         $scope.cargando = true;
                     }
                 };
                 $scope.quitarArticulo = function(key) {
                     $scope.articulosTabla.splice(key, 1);
                 };
                 $scope.editarArticulo = function(key, articulo) {
                     if(key === 13) {
                         if(articulo.cantidad === null || articulo.cantidad === 0 ||
                             articulo.cantidad === undefined){
                             focaModalService.alert('El valor debe ser al menos 1');
                             return;
                         }
                         articulo.edit = false;
                     }
                 };
                 $scope.cambioEdit = function(articulo) {
                     articulo.edit = true;
                 };
                 $scope.limpiarFlete = function() {
                     $scope.notaPedido.fleteNombre = '';
                     $scope.notaPedido.chofer = '';
                     $scope.notaPedido.vehiculo = '';
                     $scope.notaPedido.kilometros = '';
                     $scope.notaPedido.costoUnitarioKmFlete = '';
                     $scope.choferes = '';
                     $scope.vehiculos = '';
                 };
                 $scope.limpiarPantalla = function() {
                     $scope.limpiarFlete();
                     $scope.notaPedido.flete = '0';
                     $scope.notaPedido.bomba = '0';
                     $scope.notaPedido.precioCondicion = '';
                     $scope.articulosTabla = [];
                     $scope.notaPedido.vendedor.nombre = '';
                     $scope.notaPedido.cliente = {nombre: ''};
                     $scope.notaPedido.domicilio = {dom: ''};
                     $scope.domiciliosCliente = [];
                 };
                 $scope.resetFilter = function() {
                     $scope.articuloACargar = {};
                     $scope.cargando = true;
                 };
                 $scope.selectFocus = function($event) {
                     $event.target.select();
                 };
+                $scope.salir = function() {
+                    $location.path('/');
+                }
             }
         ]
     )
     .controller('notaPedidoListaCtrl', [
         '$scope',
         'crearNotaPedidoService',
         '$location',
         function($scope, crearNotaPedidoService, $location) {
             crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
                 $scope.notaPedidos = datos.data;
             });
             $scope.editar = function(notaPedido) {
                 crearNotaPedidoService.setNotaPedido(notaPedido);
                 $location.path('/venta-nota-pedido/abm/');
             };
             $scope.crearPedido = function() {
                 crearNotaPedidoService.clearNotaPedido();
                 $location.path('/venta-nota-pedido/abm/');
             };
         }
     ])
     .controller('focaCrearNotaPedidoFichaClienteController', [
         '$scope',
         'crearNotaPedidoService',
         '$location',
         function($scope, crearNotaPedidoService, $location) {
             crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
                 $scope.notaPedidos = datos.data;
             });
             $scope.editar = function(notaPedido) {
                 crearNotaPedidoService.setNotaPedido(notaPedido);
                 $location.path('/venta-nota-pedido/abm/');
             };
             $scope.crearPedido = function() {
                 crearNotaPedidoService.clearNotaPedido();
                 $location.path('/venta-nota-pedido/abm/');
             };
         }
     ]);

src/views/nota-pedido.html

Diff comments View file @ 7f1fedb

 <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">
                                 <span class="label">Vendedor:</span>
                                 <span class="valor" ng-bind="notaPedido.vendedor.nombre"></span>
                             </div>
                             <div class="col-5">
                                 <span class="label">Moneda:</span>
                                 <span class="valor" ng-bind="notaPedido.moneda.detalle"></span>
                             </div>
                             <div class="col-2">
                                 <span class="label">Flete:</span>
                                 <span class="valor" ng-bind="notaPedido.flete"></span>
                             </div>
                         </div>
                         <div class="row">
                             <div class="col-5">
                                 <span class="label">Cliente:</span>
                                 <span class="valor" ng-bind="notaPedido.cliente.nombre"></span>
                             </div>
                             <div class="col-5">
                                 <span class="label">Precios y condiciones:</span>
                                 <span class="valor" ng-bind="notaPedido.precioCondicion"></span>
                             </div>
                             <div class="col-2">
                                 <span class="label">Bomba:</span>
                                 <span class="valor" ng-bind="notaPedido.bomba"></span>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class=" col-12 col-sm-6 col-md-3 botonera" ng-repeat="boton in botonera">
                         <button
                             type="button"
                             class="btn btn-default btn-block btn-xs"
                             ng-bind="boton.texto"
                             ng-click="boton.accion()"
                         ></button>
                     </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">
                     <thead>
                         <tr>
                             <th>Sector</th>
                             <th>Código</th>
                             <th>Descripción</th>
                             <th>Precio Unitario</th>
                             <th>Cantidad</th>
                             <th>SubTotal</th>
                             <th>
                                 <button
                                     class="btn btn-outline-secondary selectable"
                                     style="float: right;"
                                     ng-click="show = !show; masMenos()"
                                 >
                                     <i
                                         class="fa fa-chevron-down"
                                         ng-hide="show"
                                         aria-hidden="true"
                                     >
                                     </i>
                                     <i
                                         class="fa fa-chevron-up"
                                         ng-show="show"
                                         aria-hidden="true">
                                     </i>
                                 </button>
                             </th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr ng-show="!cargando">
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.sector"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.codigo"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly></td>
                             <td><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><input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly></td>
                             <td class="text-center"><button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="agregarATabla(13)">
                                 <i class="fa fa-save"></i>
                             </button></td>
                         </tr>
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == 0"
                         >
                             <td ng-bind="articulo.sector"></td>
                             <td ng-bind="articulo.codigo"></td>
                             <td ng-bind="articulo.descripcion"></td>
                             <td ng-bind="articulo.precio | currency: '$'"></td>
                             <td><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
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
                             <td class="text-center">
                                 <button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                         <tr ng-show="cargando">
                             <td colspan="7">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
                                     readonly
                                     ng-click="seleccionarArticulo()"
                                 />
                             </td>
                         </tr>
                     </tbody>
                     <tfoot>
                         <tr class="">
                             <td colspan="4">
                                 <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"></td>
                         </tr>
                     </tfoot>
                 </table>
             </div>
         </div>
         <div class="col-auto my-2">
             <button
                 ng-click="crearNotaPedido()"
                 type="submit"
                 title="Crear nota pedido"
-                class="btn btn-primary float-right">
+                class="btn btn-default">
                 Guardar
             </button>
+            <br/>
+            <br/>
+            <button
+                ng-click="salir()"
+                type="button"
+                title="Salir"
+                class="btn btn-default">
+                Salir
+            </button>
         </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>-->