Merge branch 'iss6360-crear-vista-editar-persona-modal' into 'desarrollo'

#44 Se creo la vista modal para editar persona



See merge request !60

client/app/personas/modals/personas.editar.modal.controller.js

+'use strict';
+(()=> {
+  class PersonaEditarModalController {
+    constructor($uibModalInstance, parametro, personaService) {
+      this.alertas = [];
+      this.enviado = false;
+      this.modal = $uibModalInstance;
+
+      this.service = personaService;
+
+      this.persona = Object.assign({}, parametro.persona);
+
+    }
+
+    guardarPersona(form) {
+      this.enviado = true;
+      if (form.$valid) {
+        this.service.editarPersona(this.persona._id, this.persona)
+          .then((persona)=>{
+            this.modal.close(persona);
+          })
+      }
+    }
+
+
+
+  }//class
+
+angular.module('moduloPersonalApp')
+.controller('PersonaEditarModalCtrl', PersonaEditarModalController);
+})();

client/app/personas/modals/personas.editar.modal.html

+<form class="form" name="form" ng-submit="vm.guardarPersona(form)" novalidate>
+  <div class="modal-header modal-header-primary ">
+    <button type="button" ng-click="vm.modal.dismiss()" class="close">&times;</button>
+    <h4 class="modal-title">Persona</h4>
+  </div>
+  <div class="modal-body">
+    <div class="row">
+      <div class="col-md-10">
+        <label>Nombres</label>
+        <div class="">
+          <input type="text" name="nombres" class="form-control" ng-model="vm.persona.nombres" required>
+          <p class="help-block" ng-show="form.nombres.$error.required && vm.enviado">
+            Ingrese los nombres de la persona
+          </p>
+        </div>
+      </div>
+      <div class="col-md-10">
+        <label>Apellidos</label>
+        <div class="">
+          <input type="text" name="apellidos" class="form-control" ng-model="vm.persona.apellidos" required>
+          <p class="help-block" ng-show="form.apellidos.$error.required && vm.enviado">
+            Ingrese los apellidos de la persona
+          </p>
+        </div>
+      </div>
+      <div class="col-md-10">
+        <label>CI</label>
+        <div class="">
+          <input type="text" name="ci" class="form-control" ng-model="vm.persona.ci" required>
+          <p class="help-block" ng-show="form.ci.$error.required && vm.enviado">
+            Ingrese el ci de la persona
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="form-group has-error">
+      <p class="help-block">{{ vm.errores.otros}}</p>
+    </div>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-primary-outline" type="submit"
+            ng-disabled="!(form.nombres.$dirty ||form.apellidos.$dirty|| form.ci.$dirty)">
+      Guardar
+    </button>
+    <button class="btn btn-default" type="button" ng-click="vm.modal.dismiss()">Cancelar</button>
+  </div>
+</form>

client/app/personas/personas.controller.js

@@ -138,6 +138,26 @@
     }
 
     //endregion
+
+    //region editar Persona
+    editarPersona(persona){
+      this.modal.open({
+        templateUrl: 'app/personas/modals/personas.editar.modal.html',
+        controller: 'PersonaEditarModalCtrl',
+        controllerAs: 'vm',
+        resolve: {
+          parametro: {persona: persona}
+        }
+
+      }).result.then(persona=> {
+        this.alertas.push({
+          tipo: 'info',
+          mensaje: 'Se editó corectamente persona: ' + persona.nombre
+        })
+      })
+
+    }
+    //end region editar Persona
   }
   angular.module('moduloPersonalApp')
     .controller('PersonaCtrl', PersonaController);

client/index.html

@@ -80,7 +80,7 @@
       <script src="components/autenticacion/autenticacion.module.js"></script>
       <script src="components/modal/modal.module.js"></script>
       <script src="components/util/util.module.js"></script>
-      <script src="app/oficinas/editar/oficinas.editar.controller.js"></script>
+      <script src="app/oficinas/modals/oficina.entidad.crear.modal.controller.js"></script>
       <script src="app/cargos/cargos.js"></script>
       <script src="app/cargos/cargos.service.js"></script>
       <script src="app/cargos/editar/cargos.editar.controller.js"></script>
@@ -134,8 +134,8 @@
       <script src="app/migracionMoodle/migracionMoodle.controller.js"></script>
       <script src="app/migracionMoodle/migracionMoodle.js"></script>
       <script src="app/migracionMoodle/migracionMoodle.service.js"></script>
+      <script src="app/oficinas/editar/oficinas.editar.controller.js"></script>
       <script src="app/calificaciones/calificaciones.service.js"></script>
-      <script src="app/oficinas/modals/oficina.entidad.crear.modal.controller.js"></script>
       <script src="app/oficinas/modals/oficina.entidad.editar.modal.controller.js"></script>
       <script src="app/oficinas/modals/oficinas.crear.modal.controller.js"></script>
       <script src="app/oficinas/modals/oficinas.editar.modal.controller.js"></script>
@@ -143,6 +143,7 @@
       <script src="app/oficinasUnidad/oficinasUnidad.service.js"></script>
       <script src="app/personas/editar/personas.editar.controller.js"></script>
       <script src="app/personas/modals/personas.crear.modal.controller.js"></script>
+      <script src="app/personas/modals/personas.editar.modal.controller.js"></script>
       <script src="app/personas/personas.controller.js"></script>
       <script src="app/personas/personas.js"></script>
       <script src="app/personas/personas.service.js"></script>