From 9f6a02e51e53017b482afa37e7842f517191a394 Mon Sep 17 00:00:00 2001
From: efernandez <efernandez@focasoftware.com>
Date: Mon, 5 Nov 2018 17:44:48 -0300
Subject: [PATCH] =?UTF-8?q?implementaci=C3=B3n=20agregar=20domicilio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                     |   2 +-
 src/js/controller.js           |  48 ++++++++++--
 src/js/service.js              |   6 ++
 src/views/modal-domicilio.html | 162 +++++++++++++++++++++++++++++++++++++----
 4 files changed, 195 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index e519be7..5fb61a0 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
                                     templateUrl: 'src/views/modal-domicilio.html',
                                     controller: 'focaModalDomicilioController',
                                     size: 'lg',
-                                    resolve: {idLista : function() { return null; }}
+                                    resolve: {idCliente : function() { return 1; }}
                                 }
                             );
                             
diff --git a/src/js/controller.js b/src/js/controller.js
index 50101b2..72624d4 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -8,13 +8,20 @@ angular.module('focaModalDomicilio')
             'focaModalDomicilioService',
             function($filter, $scope, $uibModalInstance, idCliente,focaModalDomicilioService) {
 
-                focaModalDomicilioService.getDomiciliosByIdCliente(idCliente).then(
-                    function(res) {
-                        $scope.domicilios = res.data;
-                        $scope.search();
-                    }
-                );
-
+                $scope.buscar = function() {
+                    focaModalDomicilioService.getDomiciliosByIdCliente($scope.idCliente).then(
+                        function(res) {
+                            $scope.domicilios = res.data;
+                            $scope.search();
+                            $scope.primerBusqueda = true;
+                        }
+                    );
+                };
+                $scope.idCliente = idCliente;
+                $scope.buscar();
+                $scope.ingreso = false;
+                $scope.primerBusqueda = false;
+                $scope.contactos = [{}];
                 // pagination
                 $scope.numPerPage = 5;
                 $scope.currentPage = 1;
@@ -88,6 +95,31 @@ angular.module('focaModalDomicilio')
                     }
                 };
 
+                $scope.agregarContacto = function() {
+                    $scope.contactos.push({item: $scope.contactos[$scope.contactos.length]});
+                };
+
+                $scope.quitarContacto = function(key) {
+                    $scope.contactos.splice(key, 1);
+                };
+
+                $scope.agregarDomicilio= function() {
+                    $scope.domicilio.idCliente = $scope.idCliente;
+                    $scope.domicilio.idDomicilioTipo = 2; //siempre es tipo de entrega
+                    for(var i = 0; i < $scope.contactos.length; i++) {
+                        $scope.contactos[i].idCliente = idCliente;
+                        focaModalDomicilioService.guardarContacto($scope.contactos[i]);
+                    }
+                    focaModalDomicilioService
+                        .guardarDomicilio($scope.domicilio)
+                        .then(function() {
+                            $scope.buscar();
+                        });
+                    $scope.ingreso = false;
+                    $scope.domicilio = {};
+                    $scope.contactos = [{}];
+                };
+
                 function calcularPages(paginaActual) {
                     var paginas = [];
                     paginas.push(paginaActual);
@@ -131,7 +163,7 @@ angular.module('focaModalDomicilio')
                 }
 
                 function siguiente() {
-                    if ($scope.selectedDomicilio < $scope.currentPageDomicilios.length - 1 ) {
+                    if ($scope.selectedDomicilio < $scope.currentPageDomicilios.length ) {
                         $scope.selectedDomicilio++;
                     } else {
                             avanzarPagina();
diff --git a/src/js/service.js b/src/js/service.js
index 4044d2b..3155bc8 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -8,6 +8,12 @@ angular.module('focaModalDomicilio')
                     var idTipoDom = 2;//El tipo para nota de pedido es 2 (tipo de entrega)
                     return $http.get(API_ENDPOINT.URL +
                         '/domicilio/tipo/' + idTipoDom + '/cliente/' + id);
+                },
+                guardarDomicilio: function(domicilio) {
+                    return $http.post(API_ENDPOINT.URL + '/domicilio', {domicilio: domicilio});
+                },
+                guardarContacto: function(contacto) {
+                    return $http.post(API_ENDPOINT.URL + '/contacto', {contacto: contacto});
                 }
             };
         }
diff --git a/src/views/modal-domicilio.html b/src/views/modal-domicilio.html
index da9018c..92bf68c 100644
--- a/src/views/modal-domicilio.html
+++ b/src/views/modal-domicilio.html
@@ -2,7 +2,7 @@
     <h3 class="modal-title">Busqueda de Domicilios</h3>
 </div>
 <div class="modal-body" id="modal-body">
-    <div class="input-group mb-3">
+    <div class="input-group mb-3" ng-show="!ingreso">
         <input 
             type="text" 
             class="form-control" 
@@ -14,7 +14,7 @@
             foca-focus="selectedDomicilio == -1"
             ng-focus="selectedDomicilio = -1"
         >
-        <table class="table table-striped table-sm">
+        <table ng-show="!ingreso" class="table table-striped table-sm">
             <thead>
                 <tr>
                     <th>Domicilio</th>
@@ -27,31 +27,59 @@
                     <th></th>
                     <th></th>
                     <th></th>
-                    <th>Nombre</th>
-                    <th>Telefono 1</th>
-                    <th>Telefono 2</th>
-                    <th></th>
+                    <th>Tipo</th>
+                    <th>Contacto</th>
                 </tr>
             </thead>
             <tbody>
+                <tr ng-show="currentPageDomicilios.length == 0 && primerBusqueda">
+                    <td colspan="6">
+                        No se encontraron resultados.
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan="5" ng-show="!ingreso">
+                        <input
+                            class="form-control form-control-sm"
+                            type="text"
+                            placeholder="Selección manual"
+                            readonly
+                            ng-click="ingreso = !ingreso"
+                            />
+                    </td>
+                    <td colspan="1" ng-show="!ingreso">
+                        <button
+                            type="button"
+                            class="btn btn-sm p-1 float-right"
+                            ng-class="{
+                                'btn-secondary': selectedDomicilio != 0,
+                                'btn-primary': selectedDomicilio == 0
+                            }"
+                            foca-focus="selectedDomicilio == 0"
+                            ng-keydown="itemDomicilio($event.keyCode)"
+                            ng-click="ingreso = !ingreso"
+                        >
+                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                        </button>
+                    </td>
+                </tr>
                 <tr class="selectable"
                     ng-repeat="(key,domicilio) in currentPageDomicilios"
                     ng-click="select(domicilio)">
                     <td ng-bind="domicilio.dom"></td>
                     <td ng-bind="domicilio.loc"></td>
                     <td ng-bind="domicilio.pci"></td>
-                    <td ng-bind="domicilio.contacto[0].nombre"></td>
-                    <td ng-bind="domicilio.contacto[0].telefono1"></td>
-                    <td ng-bind="domicilio.contacto[0].telefono2"></td>                    
+                    <td ng-bind="domicilio.contacto[0].tipo"></td>
+                    <td ng-bind="domicilio.contacto[0].contacto"></td>
                     <td>
                         <button 
                             type="button"
                             class="btn p-2 float-right"
                             ng-class="{
-                                'btn-secondary': selectedDomicilio != key,
-                                'btn-primary': selectedDomicilio == key
+                                'btn-secondary': selectedDomicilio != key + 1,
+                                'btn-primary': selectedDomicilio == key + 1 
                             }"
-                            foca-focus="selectedDomicilio == {{key}}"
+                            foca-focus="selectedDomicilio == {{key + 1}}"
                             ng-keydown="itemDomicilio($event.keyCode)"
                         >
                             <i class="fa fa-arrow-right" aria-hidden="true"></i>
@@ -60,7 +88,7 @@
                 </tr>
             </tbody>
         </table>
-        <nav>
+        <nav ng-show="currentPageDomicilios.length > 0 && !ingreso">
             <ul class="pagination justify-content-end">
                 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                     <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
@@ -89,7 +117,113 @@
             </ul>
         </nav>
     </div>
+    <form name="formDomicilio" ng-show="ingreso">
+        <div class="row">
+            <div class="col-4">
+                <label>Tipo</label>
+                <select
+                    class="form-control"
+                    ng-disabled="true"
+                    >
+                    <option ng-value="2">Entrega</option>
+                </select>
+            </div>
+            <div class="col-4">
+                <label>Código Postal</label>
+                <input
+                    type="text"
+                    foca-focus="ingreso"
+                    class="form-control"
+                    ng-model="domicilio.cpo"
+                    ng-required="true"
+                    placeholder="Ingrese código postal"
+                />
+            </div>
+            <div class="col-12">
+                <label>Domicilio</label>
+                <input
+                    type="text"
+                    class="form-control"
+                    ng-model="domicilio.dom"
+                    ng-required="true"
+                    placeholder="Ingrese domicilio"
+                />
+            </div>
+            <div class="col-6">
+                <label>Localidad</label>
+                <input
+                    type="text"
+                    class="form-control"
+                    ng-model="domicilio.loc"
+                    ng-required="true"
+                    placeholder="Ingrese localidad"
+                />            
+            </div>
+            <div class="col-6">
+                <label>Provincia</label>
+                <input
+                    type="text"
+                    class="form-control"
+                    ng-model="domicilio.pci"
+                    ng-required="true"
+                    placeholder="Ingrese provincia"
+                />
+            </div>
+            <label class="col-12">Ingrese Contactos</label>
+            <div class="col-12 form-row mb-1" ng-repeat="(key, contacto) in contactos">
+                <div class="col-3">
+                    <select class="form-control" ng-model="contacto.tipo" ng-required="true">
+                        <option ng-value="0">Teléfono Móvil</option>
+                        <option ng-value="1">Teléfono Fijo</option>
+                        <option ng-value="2">Fax</option>
+                        <option ng-value="3">Email</option>
+                    </select>
+                </div>
+                <div class="col-7">
+                    <input
+                        type="text"
+                        class="form-control"
+                        ng-model="contacto.contacto"
+                        placeholder="Ingrese contacto"
+                        ng-required="true"
+                    >
+                </div>
+                <div class="col-1">
+                    <button
+                        type="button"
+                        class="form-control"
+                        ng-click="quitarContacto(key)"
+                        ng-disabled="contactos.length === 1"
+                    ><i class="fa fa-minus" aria-hidden="true"></i>
+                    </button>
+                </div>
+                <div class="col-1">
+                    <button
+                        type="button"
+                        class="form-control"
+                        ng-click="agregarContacto()"
+                    ><i class="fa fa-plus" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </form>
 </div>
 <div class="modal-footer">
-    <button class="btn btn-secondary" type="button" ng-click="cancel()">Seleccionar otro cliente</button>
+    <button ng-show="!ingreso" class="btn btn-secondary" type="button" ng-click="cancel()">Seleccionar otro cliente</button>
+    <button
+        ng-show="ingreso"
+        class="btn btn-secondary"
+        type="button"
+        ng-click="ingreso = !ingreso; domicilio = {}; contactos = [{}]"
+    >Cancelar
+    </button>
+    <button
+        ng-show="ingreso"
+        class="btn btn-primary"
+        type="button"
+        ng-click="agregarDomicilio()"
+        ng-disabled="!formDomicilio.$valid"
+    >Agregar domicilio
+    </button>
 </div>
-- 
1.9.1