Skip to content

P
proyecto-estandar
Commit caf66a6a by Alonso Moreno Postigo
Options

[ADD] v0.1

parent 94d0c27c
Showing with 274 additions and 251 deletions
web/js/lib/validate_inputs.js 0 → 100644
(function (a) {
a.fn.validCampo = function (b) {
a(this).on({
keypress: function (a) {
var c = a.which,
d = a.keyCode,
e = String.fromCharCode(c).toLowerCase(),
f = b;
(-1 != f.indexOf(e) || 9 == d || 37 != c && 37 == d || 39 == d && 39 != c || 8 == d || 46 == d && 46 != c) && 161 != c || a.preventDefault()
}
})
}
})(jQuery);
\ No newline at end of file
web/js/pages/persona.js
...@@ -179,14 +179,6 @@ let persona = { ...@@ -179,14 +179,6 @@ let persona = {
reject("Error al registrar personal") reject("Error al registrar personal")
} }
}) })
fetchSo('../PersonaServlet?accion=registrarPersona', json)
.then((data) => {
resolve(data)
})
.catch((data) => {
reject(data)
})
}) })
}, },
editar() { editar() {
...@@ -319,14 +311,19 @@ let asignarEventos = () => { ...@@ -319,14 +311,19 @@ let asignarEventos = () => {
persona persona
.registrar() .registrar()
.then((data) => { .then((data) => {
customSwal if (data.status) {
.alert('¡Exito!', data.message, 'success') customSwal
.then(() => { .alert('¡Exito!', data.message, 'success')
$('#modal_registrar_persona').modal('hide') .then(() => {
}) $('#modal_registrar_persona').modal('hide')
.then(() => { })
persona.listar() .then(() => {
}) persona.listar()
})
} else {
customSwal.alert('¡Error!', data.message, 'error')
}
}) })
.catch((data) => { .catch((data) => {
customSwal.alert('¡Error!', data.message, 'error') customSwal.alert('¡Error!', data.message, 'error')
...@@ -395,8 +392,19 @@ let asignarEventos = () => { ...@@ -395,8 +392,19 @@ let asignarEventos = () => {
} }
}) })
} }
let validateInputs = () => {
$(document.querySelector('#txt-busqueda')).validCampo('abcdefghijklmnñopqrstuvwxyzáéíóú ')
$(document.querySelector('#txt_numero_documento')).validCampo('1234567890')
$(document.querySelector('#txt_apellidos')).validCampo('abcdefghijklmnñopqrstuvwxyzáéíóú ')
$(document.querySelector('#txt_nombres')).validCampo('abcdefghijklmnñopqrstuvwxyzáéíóú ')
$(document.querySelector('#txt_edad')).validCampo('1234567890')
$(document.querySelector('#txt_correo')).validCampo('abcdefghijklmnñopqrstuvwxyz1234567890._-@ ')
}
jqueryValidateConfig() jqueryValidateConfig()
persona.listar() persona.listar()
asignarEventos() asignarEventos()
limpiarCajasTexto() limpiarCajasTexto()
\ No newline at end of file validateInputs()
\ No newline at end of file
web/vistas/persona.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<%@include file="templates/header.jsp" %> <%@include file="templates/header.jsp" %>
<!--template-core--> <!--template-core-->
<!--css--> <!--css-->
<!--css--> <!--css-->
</head> </head>
<body> <body>
<%@include file="templates/header-body.jsp" %> <%@include file="templates/header-body.jsp" %>
<!-- content --> <!-- content -->
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3"> <div class="col-md-6 col-md-offset-3">
<div class="panel panel-flat border-top-xlg border-top-primary"> <div class="panel panel-flat border-top-xlg border-top-primary">
<div class="panel-heading"> <div class="panel-heading">
<h6 class="panel-title text-semibold"><i class="icon-cog3 position-left"></i> Mantenimiento persona</h6> <h6 class="panel-title text-semibold"><i class="icon-cog3 position-left"></i> Mantenimiento persona</h6>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="form-group"> <div class="form-group">
<label class="control-label display-block">Ingresar criterio de búsqueda: </label> <label class="control-label display-block">Ingresar criterio de búsqueda: </label>
<div class="input-group input-group-xlg"> <div class="input-group input-group-xlg">
<span class="input-group-addon"><i class="icon-search4"></i></span> <span class="input-group-addon"><i class="icon-search4"></i></span>
<input id="txt-busqueda" type="text" class="form-control" placeholder="Ingresar criterio"> <input id="txt-busqueda" type="text" class="form-control" placeholder="Ingresar criterio">
</div> </div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<button id="btn_buscar_criterio" type="button" class="btn btn-primary"><i class="icon-search4 position-left"></i> Buscar</button>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<button id="btn_buscar_criterio" type="button" class="btn btn-primary"><i class="icon-search4 position-left"></i> Buscar</button>
</div>
</div> </div>
</div>
</div> </div>
<div class="row"> </div>
<div class="col-md-12"> </div>
<div class="panel panel-flat border-top-xlg border-top-primary"> <div class="row">
<div class="panel-heading"> <div class="col-md-12">
<h6 class="panel-title text-semibold"><i class=" icon-list3 position-left"></i> Listado persona</h6> <div class="panel panel-flat border-top-xlg border-top-primary">
</div> <div class="panel-heading">
<div class="panel-body"> <h6 class="panel-title text-semibold"><i class=" icon-list3 position-left"></i> Listado persona</h6>
<div class="row"> </div>
<div class="col-md-12 text-center"> <div class="panel-body">
<button id="btn_agregar_persona" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_registrar_persona"><i class="icon-plus3 position-left"></i> Agregar</button> <div class="row">
</div> <div class="col-md-12 text-center">
</div> <button id="btn_agregar_persona" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_registrar_persona"><i class="icon-plus3 position-left"></i> Agregar</button>
</div> </div>
<div class="table-responsive">
<table class="table table-striped table-sm" id="tbl-persona">
<thead>
<tr>
<th>#</th>
<th>DNI</th>
<th>APELLIDOS Y NOMBRES</th>
<th>EDAD</th>
<th>CORREO ELECTRONICO</th>
<th>ESTADO</th>
<th>ACCIONES</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div> </div>
</div>
<div class="table-responsive">
<table class="table table-striped table-sm" id="tbl-persona">
<thead>
<tr>
<th>#</th>
<th>DNI</th>
<th>APELLIDOS Y NOMBRES</th>
<th>EDAD</th>
<th>CORREO ELECTRONICO</th>
<th>ESTADO</th>
<th>ACCIONES</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div> </div>
<!-- / content --> </div>
</div>
<!-- / content -->
<!-- modal_registrar_persona --> <!-- modal_registrar_persona -->
<div id="modal_registrar_persona" class="modal fade" data-backdrop="static"> <div id="modal_registrar_persona" class="modal fade" data-backdrop="static">
<!--<div id="modal_registrar_persona">--> <!--<div id="modal_registrar_persona">-->
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary"> <div class="modal-header bg-primary">
<h6 class="modal-title">Registrar persona</h6> <h6 class="modal-title">Registrar persona</h6>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="form_registrar_persona"> <form id="form_registrar_persona">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
<label class="control-label display-block">Número de documento:<span class="text-danger"> (*)</span></label> <label class="control-label display-block">Número de documento:<span class="text-danger"> (*)</span></label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="icon-vcard"></i></span> <span class="input-group-addon"><i class="icon-vcard"></i></span>
<input id="txt_numero_documento" name="txt_numero_documento" type="text" class="form-control" placeholder="Ingresar número de documento"> <input id="txt_numero_documento" name="txt_numero_documento" type="text" class="form-control" placeholder="Ingresar número de documento">
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Apellidos:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_apellidos" name="txt_apellidos" type="text" class="form-control" placeholder="Ingresar apellidos">
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Nombres:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_nombres" name="txt_nombres" type="text" class="form-control" placeholder="Ingresar nombres">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Edad:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_edad" name="txt_edad" type="text" class="form-control" placeholder="Ingresar edad">
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label class="control-label display-block">Correo electrónico:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-mention"></i></span>
<input id="txt_correo" name="txt_correo" type="text" class="form-control" placeholder="Ingresar correo electrónico">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span class="text-danger pull-right">Campos obligatorios (*)</span>
</div>
</div>
</form>
</div> </div>
</div>
<div class="modal-footer text-center"> </div>
<button id="btn_registrar_persona" type="button" class="btn btn-primary">Registrar</button> <div class="col-md-4">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> <div class="form-group">
<label class="control-label display-block">Apellidos:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_apellidos" name="txt_apellidos" type="text" class="form-control" placeholder="Ingresar apellidos">
</div> </div>
</div>
</div> </div>
</div> <div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Nombres:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_nombres" name="txt_nombres" type="text" class="form-control" placeholder="Ingresar nombres">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Edad:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_edad" name="txt_edad" type="text" class="form-control" placeholder="Ingresar edad">
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label class="control-label display-block">Correo electrónico:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-mention"></i></span>
<input id="txt_correo" name="txt_correo" type="text" class="form-control" placeholder="Ingresar correo electrónico">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span class="text-danger pull-right">Campos obligatorios (*)</span>
</div>
</div>
</form>
</div>
<div class="modal-footer text-center">
<button id="btn_registrar_persona" type="button" class="btn btn-primary">Registrar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div> </div>
<!-- /modal_registrar_persona --> </div>
</div>
<!-- /modal_registrar_persona -->
<!-- modal_editar_persona --> <!-- modal_editar_persona -->
<div id="modal_editar_persona" class="modal fade" data-backdrop="static"> <div id="modal_editar_persona" class="modal fade" data-backdrop="static">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary"> <div class="modal-header bg-primary">
<h6 class="modal-title">Editar persona</h6> <h6 class="modal-title">Editar persona</h6>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="form_editar_persona"> <form id="form_editar_persona">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
<label class="control-label display-block">Número de documento:<span class="text-danger"> (*)</span></label> <label class="control-label display-block">Número de documento:<span class="text-danger"> (*)</span></label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="icon-vcard"></i></span> <span class="input-group-addon"><i class="icon-vcard"></i></span>
<input disabled="disabled" id="txt_numero_documento_editar" name="txt_numero_documento_editar" type="text" class="form-control"> <input disabled="disabled" id="txt_numero_documento_editar" name="txt_numero_documento_editar" type="text" class="form-control">
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Apellidos:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_apellidos_editar" name="txt_apellidos_editar" type="text" class="form-control" placeholder="Ingresar apellidos">
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Nombres:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_nombres_editar" name="txt_nombres_editar" type="text" class="form-control" placeholder="Ingresar nombres">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Edad:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_edad_editar" name="txt_edad_editar" type="text" class="form-control" placeholder="Ingresar edad">
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label class="control-label display-block">Correo electrónico:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-mention"></i></span>
<input id="txt_correo_editar" name="txt_correo_editar" type="text" class="form-control" placeholder="Ingresar correo electrónico">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span class="text-danger pull-right">Campos obligatorios (*)</span>
</div>
</div>
</form>
</div> </div>
</div>
<div class="modal-footer text-center"> </div>
<button id="btn_editar_persona" type="button" class="btn btn-primary">Editar</button> <div class="col-md-4">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> <div class="form-group">
<label class="control-label display-block">Apellidos:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_apellidos_editar" name="txt_apellidos_editar" type="text" class="form-control" placeholder="Ingresar apellidos">
</div> </div>
</div>
</div> </div>
</div> <div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Nombres:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_nombres_editar" name="txt_nombres_editar" type="text" class="form-control" placeholder="Ingresar nombres">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="control-label display-block">Edad:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-user"></i></span>
<input id="txt_edad_editar" name="txt_edad_editar" type="text" class="form-control" placeholder="Ingresar edad">
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label class="control-label display-block">Correo electrónico:<span class="text-danger"> (*)</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-mention"></i></span>
<input id="txt_correo_editar" name="txt_correo_editar" type="text" class="form-control" placeholder="Ingresar correo electrónico">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<span class="text-danger pull-right">Campos obligatorios (*)</span>
</div>
</div>
</form>
</div>
<div class="modal-footer text-center">
<button id="btn_editar_persona" type="button" class="btn btn-primary">Editar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
</div>
</div> </div>
<!-- /modal_editar_persona --> </div>
</div>
<!-- /modal_editar_persona -->
<%@include file="templates/footer-body.jsp" %> <%@include file="templates/footer-body.jsp" %>
<!--js plantilla--> <!--js plantilla-->
<!--jQueryValidator--> <!--jQueryValidator-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/forms/validation/validate.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/validation/validate.min.js"></script>
<!--jQueryValidator--> <!--jQueryValidator-->
<!--form--> <!--form-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/forms/inputs/touchspin.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/inputs/touchspin.min.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/pages/form_input_groups.js"></script> <script type="text/javascript" src="../plantilla/assets/js/pages/form_input_groups.js"></script>
<!--form--> <!--form-->
<!--modal--> <!--modal-->
<script type="text/javascript" src="../plantilla/assets/js/pages/components_modals.js"></script> <script type="text/javascript" src="../plantilla/assets/js/pages/components_modals.js"></script>
<!--modal--> <!--modal-->
<!--sweetalerts--> <!--sweetalerts-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/notifications/bootbox.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/notifications/bootbox.min.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/notifications/sweet_alert.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/notifications/sweet_alert.min.js"></script>
<!--sweetalerts--> <!--sweetalerts-->
<!--datatable--> <!--datatable-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<!--datatable--> <!--datatable-->
<!--js plantilla--> <!--js plantilla-->
<!--mi js--> <!--mi js-->
<script src="../js/general.js" type="text/javascript"></script> <script src="../js/lib/validate_inputs.js" type="text/javascript"></script>
<script src="../js/pages/persona.js" type="text/javascript"></script> <script src="../js/general.js" type="text/javascript"></script>
<!--mi js--> <script src="../js/pages/persona.js" type="text/javascript"></script>
<!--mi js-->
</body> </body>
</html> </html>
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