viewEditUser.php
16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<title>Editar Usuario - Arcu </title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="#">
<meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="#">
<!-- Favicon icon -->
<link rel="icon" href="<?php echo constant ('URL');?>src/menu/assets/images/favicon.ico" type="image/x-icon">
<!-- Google font-->
<link href="<?php echo constant ('URL');?>src/menu/assets/fonts/fonts-opensans.css" rel="stylesheet">
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/bower_components/bootstrap/css/bootstrap.min.css">
<!-- themify-icons line icon -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/assets/icon/themify-icons/themify-icons.css">
<!-- ico font -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/assets/icon/icofont/css/icofont.css">
<!-- feather Awesome -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/assets/icon/feather/css/feather.css">
<!--forms-wizard css-->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/bower_components/jquery.steps/css/jquery.steps.css">
<!-- Select 2 css -->
<link rel="stylesheet" href="<?php echo constant ('URL');?>src/menu/bower_components/select2/css/select2.min.css">
<!-- Multi Select css -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/bower_components/bootstrap-multiselect/css/bootstrap-multiselect.css">
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/bower_components/multiselect/css/multi-select.css">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/assets/css/style.css">
<link rel="stylesheet" type="text/css" href="<?php echo constant ('URL');?>src/menu/assets/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="<?php echo constant ('URL');?>src/menu/assets/scss/partials/menu/_pcmenu.htm">
</head>
<body>
<?php include_once 'views/header.php';?>
<!-- Page-header start -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-lg-8">
<div class="page-header-title">
<div class="d-inline">
<h4>Editar Mi Perfil</h4>
<span>En Esta Sección podrá Editar Su Información Personal dentro del Sistema</span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="page-header-breadcrumb">
<ul class="breadcrumb-title">
<li class="breadcrumb-item">
<a href="<?php echo constant('URL');?>home"> <i class="feather icon-home"></i> Inicio</a>
</li>
<li class="breadcrumb-item"><a href="<?php echo constant('URL');?>usuarios"><i class="feather icon-users"></i> Usuarios</a> </li>
<li class="breadcrumb-item active"><strong><a href="<?php echo constant('URL') . "usuarios/viewEdit/" . $this->id_persona;?>"><i class="feather icon-edit"></i>Editar Usuario</a> </strong></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Page-header end -->
<div class="page-body">
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-header">
<h5>Editar Usuario</h5>
<span>Los Datos a Completar del Siguiente Formulario identificados (<b style="color: red;">*</b>) Son Obligatorios.</span>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><a href="<?php echo constant ('URL');?>usuarios"><button class="btn btn-inverse btn-out-dotted"><i class="icofont icofont-arrow-left" style="font-size: 1.2em; color: white"></i> Volver</button></a></li>
</ul>
</div>
</div>
<div class="card-block">
<?php echo $this->mensaje;?>
<div class="row">
<div class="col-md-12">
<div id="wizard">
<section>
<form action="<?php echo constant ('URL') . "perfil/editUser/" . $this->id_persona;?>" method="POST" class="wizard-form" id="example-advanced-form">
<h3> Datos de Usuario </h3>
<fieldset>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label for="usuario" class="block">Nombre de Usuario <span style="color: red;">*</span></label>
<input id="usuario" name="usuario" type="text" class="required form-control" value="<?php echo $this->persona->usuario; ?>" placeholder="Ingrese el Nombre de Usuario">
</div>
<div class="form-group">
<label for="clave" class="block">Contraseña <span style="color: red;">*</span></label>
<input id="clave" name="clave" type="password" class="required form-control" value="<?php echo $this->persona->clave; ?>" placeholder="Ingrese la Contraseña" onkeyup='check();' minlength="6" maxlength="10">
<span id="password"></span>
</div>
<!--Validacion de Minusculas y Mayusculas-->
<script>
document
.getElementById('clave')
.addEventListener('input', function(evt) {
const clave= evt.target,
valido = document.getElementById('password'),
regex = /^(?=.*[A-Z].*[A-Z])(?=.*[0-9].*[0-9])(?=.*[a-z].*[a-z])/;
//Mensaje para comprobar si es valido o no los caracteres ingresados con la validacion
if (regex.test(clave.value)) {
valido.innerText = "válido";
} else {
valido.innerText = "No es válido. Debe contener por lo menos dos letra Mayuscula y Miniscula y dos Números ";
}
});
</script>
</div>
<div class="col-lg-6">
<div class="form-group">
<input type="hidden">
</div>
<br>
<br>
<br>
<div class="form-group">
<label for="confirmar" class="block">Confirma la Contraseña <span style="color: red;">*</span></label>
<input id="confirmar" name="confirmar" type="password" class="required form-control" value="<?php echo $this->persona->clave; ?>" placeholder="Repite la Contraseña" onkeyup='check();' minlength="6" maxlength="10">
<span id="message"></span>
</div>
</div>
<script>
var check = function() {
if (document.getElementById('clave').value ==
document.getElementById('confirmar').value) {
document.getElementById('message').style.color = 'green';
document.getElementById('message').innerHTML = 'Coiciden';
}else {
document.getElementById('message').style.color = 'red';
document.getElementById('message').innerHTML = 'No coincide';
}
}
</script>
</div>
</fieldset>
</form>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include_once 'views/footer.php';?>
<!-- NOTA: revisen el footer, ahi integre todos los js que necesita el header para que funcione,
si necesitan, agregar un plugin lo hacen a partir de este comentario -->
<script src="<?php echo constant ('URL');?>src/menu/bower_components/jquery-validation/js/jquery.validate.js"></script>
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/assets/pages/form-validation/validate.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/bower_components/jquery.cookie/js/jquery.cookie.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/bower_components/jquery.steps/js/jquery.steps.js"></script>
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/assets/pages/form-validation/validate.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/assets/pages/forms-wizard-validation/form-wizard-horizontal.js"></script>
<!-- Masking js -->
<script src="<?php echo constant ('URL');?>src/menu/assets/pages/form-masking/inputmask.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/assets/pages/form-masking/jquery.inputmask.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/assets/pages/form-masking/autoNumeric.js"></script>
<script src="<?php echo constant ('URL');?>src/menu/assets/pages/form-masking/form-mask.js"></script>
<!-- Select 2 js -->
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/bower_components/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/assets/pages/advance-elements/select2-custom.js"></script>
<!-- Multiselect js -->
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/bower_components/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="<?php echo constant ('URL');?>src/menu/bower_components/multiselect/js/jquery.multi-select.js"></script>
</body>
</html>