-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprocesos.js
More file actions
executable file
·120 lines (120 loc) · 5.01 KB
/
procesos.js
File metadata and controls
executable file
·120 lines (120 loc) · 5.01 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
/*
Formulario Basico para mostrar un proyecto y construcion con TypeScript y JavaScript
autor: Carlos A. Cobo
fecha: 15 - Enero - 2017
*/
"use strict";
var Usuario = (function () {
// --- Constructor ---
function Usuario() {
}
// --- Metodos Setters ---
Usuario.prototype.setId = function (id) {
this.id = id;
};
Usuario.prototype.setNombre = function (nombre) {
this.nombre = nombre;
};
Usuario.prototype.setApellido = function (apellido) {
this.apellido = apellido;
};
Usuario.prototype.setEdad = function (edad) {
this.edad = edad;
};
Usuario.prototype.setUsuario = function (usuario) {
this.usuario = usuario;
};
Usuario.prototype.setClave = function (clave) {
this.clave = clave;
};
Usuario.prototype.setCorreo = function (correo) {
this.correo = correo;
};
// --- Metodos Getters ---
Usuario.prototype.getId = function () {
return this.id;
};
Usuario.prototype.getNombre = function () {
return this.nombre;
};
Usuario.prototype.getApellido = function () {
return this.apellido;
};
Usuario.prototype.getEdad = function () {
return this.edad;
};
Usuario.prototype.getUsuario = function () {
return this.usuario;
};
Usuario.prototype.getClave = function () {
return this.clave;
};
Usuario.prototype.getCorreo = function () {
return this.correo;
};
return Usuario;
}());
// arreglo para almacenar los usuarios
var usuarios = [];
// --- Logica
function guardar() {
/*
Se obtiene el valor en la caja con ID=txtNombre
y se almacena en la variable "nombre"
*/
var nombre = document.getElementById("txtNombre").value.toString();
var apellido = document.getElementById("txtApellido").value.toString();
var edad = document.getElementById("txtEdad").value.toString();
var usuario = document.getElementById("txtUsuario").value.toString();
var clave = document.getElementById("txtClave").value.toString();
var correo = document.getElementById("txtCorreo").value.toString();
// --- Validar si el nombre no esta vacio
if (nombre.length != 0) {
// --- Validar si el apellido no esta vacio
if (apellido.length != 0) {
// --- Validar si la edad no esta vacia
if (edad != 0) {
// se instancia un usuario y se settean valores
var usuario_new = new Usuario();
usuario_new.setNombre(nombre);
usuario_new.setApellido(apellido);
usuario_new.setEdad(edad);
usuario_new.setUsuario(usuario);
usuario_new.setClave(clave);
usuario_new.setCorreo(correo);
// anexarlo al array
usuarios.push(usuario_new);
var list = "";
// --- Recorrer arreglo
for (var i = 0; i < usuarios.length; ++i) {
list = list + "<li>" + usuarios[i].getNombre() + ", " + usuarios[i].getApellido() + ", " + usuarios[i].getEdad() + ", " + usuarios[i].getUsuario() + ", " + usuarios[i].getClave() + ", " + usuarios[i].getCorreo() + "</li>";
}
var listado = document.getElementById("listado");
listado.innerHTML = list;
// --- dejas campos de texto limpios
document.getElementById("txtNombre").value = "";
document.getElementById("txtApellido").value = "";
document.getElementById("txtEdad").value = "";
document.getElementById("txtUsuario").value = "";
document.getElementById("txtClave").value = "";
document.getElementById("txtCorreo").value = "";
var mensaje_exitoso = document.getElementById("mensaje");
mensaje_exitoso.innerHTML = '<div class="alert alert-success alert-dismissible" role="alert">' + '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' + '<span aria-hidden="true">' + "×" + '</span>' + '</button>' + '<strong>' + "Ingreso Exitoso!" + '</strong>' + ", la informacion se guardo con exito.";
var a = setInterval(mensaje_exitoso, 1000);
clearInterval(a);
}
else {
var mensaje_1 = document.getElementById("mensaje");
mensaje_1.innerHTML = '<div class="alert alert-danger alert-dismissible" role="alert">' + '<button type="button" class="close" data-dismiss="alert" aria-label="Close">' + '<span aria-hidden="true">' + "×" + '</span>' + '</button>' + '<strong>' + "Edad!" + '</strong>' + " se encuentra vacia.";
}
}
else {
var mensaje_2 = document.getElementById("mensaje");
mensaje_2.innerHTML = "Falta el apellido por lo que no se pudo guardar";
}
}
else {
var mensaje_3 = document.getElementById("mensaje");
mensaje_3.innerHTML = "Falta el nombre por lo que no se pudo guardar";
}
}