Se creo la vista modal para editar persona

parent 3b8a3c08
'use strict';
(()=> {
class PersonaEditarModalController {
constructor($uibModalInstance, parametro, personaService) {
this.persona = {};
this.alertas = [];
this.enviado = false;
this.modal = $uibModalInstance;
this.service = personaService;
this.personaId = parametro.personaId;
this.service.getPersona(this.personaId)
.then((persona)=>{
this.persona = persona;
console.log(persona);
})
}
guardarPersona(form) {
this.enviado = true;
if (form.$valid) {
this.service.editarPersona(this.personaId, this.persona)
.then((persona)=>{
this.modal.close(persona);
})
}
}
}//class
angular.module('moduloPersonalApp')
.controller('PersonaEditarModalCtrl', PersonaEditarModalController);
})();
<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>
......@@ -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: {personaId: persona._id}
}
}).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);
......
......@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment