Le continuamos?
Vamos a ver una mejora el formulario, por ejemplo, que todos los chupones y también los Rádio Button,
los seleccionable.
Por ahora lo estamos mostrando abajo, justo abajo, de forma vertical, pero lo puedo mostrar hacia
el lado de forma horizontal, con otra columna, pero en realidad bastante simple.
Nos vamos a ir abajo donde tenemos los rádio puto y los checkbox.
Nos bajamos, por ejemplo por acá.
Acá todo lo que sean los div form check.
Acá le podemos agregar el col col sm 2.
Le agregamos el tamaño columna, entonces col sm 2.
Bien, vamos a seleccionar esto.
Lo copiamos y estuvimos a replicÃ en todos por acá también.
Espacio acá también.
Por acá, también en los idiomas, en cada idioma.
Y por acá también, eso sería el único cambio.
Bien.
Otro detalle que vamos a ver es que hay que enviamos los datos y validamos, perdemos la información
que habíamos seleccionado antes que los datos del recuas conocen bien podrían mantener, por ejemplo,
el valor que ingresamos en el Yussef.
El password en el email y también en los seleccionable, en los Selleck y los tipos.
Todo eso se puede recuperar sin tener que escribir todo nuevo, sin tener que seleccionar.
Vamos a ver, vamos a levantar.
Primero levantamos el terminal por acá.
Startup.
Hacemos el despliegue.
Bien, y revisamos.
Se dejan ahora Kioto de forma horizontal, como la columna y no vertical, constante.
Lo pueden dejar como quieran, como prefieran.
Entonces, si enviamos, por ejemplo, si agregamos Andrés acá, si colocamos el email, seleccionamos
Chile, lo que sea, enviamos.
Por ejemplo, voy a seleccionar también SPRI Input y JavaScript con control.
Se fijan?
Tengo varios.
Voy a seleccionar administrador.
También voy a seleccionar inglés y la password Legión Blanca para que valide.
Se fijan, enviamos y perdemos todo.
Todo lo que haya seleccionado se pierde.
Eso lo podemos recuperar de alguna forma mediante el objeto.
El request diferente forma.
Pero vamos a utilizar la más simple mediante lenguaje de expresión que se incluye en la JSP es el API
e l expression language o lenguaje de expresión.
Volvemos al código PIN, cerramos el terminal y vamos a subir al principio.
Por acá.
Acá estamos en el Yussef Naim.
Entonces simplemente agregamos el palio por acá o al final.
Mejor valio acá algún tipo valor.
Vamos a poner signo de peso las llaves, si no el peso, la llave.
Y entremedio alguna presión de lenguaje que se incluye en JSP.
Todos los parámetros del recuesto del formulario es mediante Parham nos separa.
Punto.
El nombre parámetro en este caso Usenet 2cm.
Perfecto.
Ahora, si no queremos que sea tan extenso, vamos a bajar acá el input por acá lo bajamos.
Un, dos, tres, cuatro al final.
Ok.
Ahí lo tenemos.
Valio igual si no tenés la llave para punto Yousef.
Y eso mismo lo vamos a replicar también al resto.
Pero esto es solamente para los input del tipo text.
Después vamos a ver cómo sería en los demás.
Entonces seleccionamos Control C, lo mismo para el password, no el paso no, porque el password en
realidad tiene conquistado.
Entonces por segurida hay que volver a colocarlo.
Viene codificado en los asteriscos, no se muestra.
Entonces no es recomendable colocar un Valium, un valor.
Mencken abre un tema seguridad, pero todo el resto.
Si nos vamos a e.mail a casi lo mismo, vamos a pegar, vamos a cambiar esto lo quitamos.
Email Perfecto.
Cómo sería en la lista desplegable en el select hay que hacerlo uno a uno.
Entonces por acá, por ejemplo para España hay que preguntar, pero simplemente lo dejamos marcado.
Se acuerdan con SELECT igual como lo tenemos en Chile?
Entonces ese es el lo vamos a quitar, es importante quitarlo, vamos a colocar sin peso las llaves
acá preguntamos param punto país si es igual a ese que sería el código al valor, pero para España vamos
a preguntar acá con signo pregunta vamos a devolver o vamos a imprimir selected puntos y no simplemente
un string pasión?
No lo marcamos, no imprimimos nada.
Entonces si el parámetro páis es igual al código, entonces como marca esta opción en particular?
Bueno, incluso en vez de utilizar el igual, igual podríamos usar mejor el equals punto equals porque
es un string.
Eso devuelve un plano, se fija y finalmente lo que hace el lenguaje de prisión no permite imprimir
algún dato según lo que coloquemos, según los parámetros.
En este caso estamos preguntando mediante un operador ternario.
Preguntamos si el parámetro país es el que esperamos y si es así, lo dejó marcado.
Esto mismo lo vamos a copiar y lo vamos a pegar.
Acaba así y punto y coma.
Ya solamente es una lenguaje de expresión para imprimir, de expresión para imprimir o para tener una
salida en el navegador.
Entonces acá estamos imprimiendo selecto o nada, SELLECK o nada de acuerdo a una validación.
En el fondo es eso lo mismo que mi Valeo.
Acá estamos imprimiendo en el baldío el valor del email o el valor del Yussef que tiene en el request.
Bien, vamos a seleccionar.
Copiamos y vamos a pegar para cada uno.
Íbamos cambiando cada cacería en vez de.
Venezuela V.
E. Colombia, Perú, Argentina, AR.
Cl.
MX.
México.
Por cada uno.
Y si coincide?
Queda marcado.
Esa sería la forma.
Bueno, todo lo que sea múltiple selección múltiple, por ejemplo TCL con múltiples opciones, lo dejamos
para después.
Por qué es distinto?
Lo mismo que el box acá el rol Admin Rol Yussef también son múltiples roles que podemos seleccionar,
pero el idioma es uno solo.
Entonces acá un poco más fácil.
Se acuerdan como queda marcado con Checker?
Entonces es similar al SELECT, pero en vez de ser selected sería checked.
Acá en el input, entonces por acá en cualquiera, vamos a partir con este primero.
De hecho muy parecido.
De hecho voy a pegar lo que habíamos copiado del selected, lo vamos a pegar ahí dentro del input tipo
radio, pero bueno, en vez de selected lo vamos a quitar.
Sería chequean perfecto.
Y acá el valor.
Bueno, en vez de país a cacería idioma, entonces para idioma punto equals y acá sería el idioma que
es rifan, lo copiamos, lo vamos a seleccionar, lo copiamos y lo pegamos para el resto.
Acá sería n?
Y acá sería.
FR Francés Gilito lo tenemos.
El último no necesario, porque es habilitar, lo dejamos por defecto chequeada.
Lento, qué más faltaría.
Lo de selección múltiple, ya sea con poses o la lista de los temas o lenguajes, que son varios.
Entonces por acá voy a quitar los Selected, ya que lo vamos a hacer de forma más automática según lo
que seleccionamos.
Entonces también lo vamos a quitar.
Y creí que teníamos angula bien, sería parecido.
Pero cómo es un arreglo?
Los datos, igual que en el fondo.
Starlet Los datos de una selección múltiple son varios, son palios.
Si volvemos al francés Lett, subimos por acá.
Acá se obtiene con qué parameter valiums y acá solamente parameter.
En el lenguaje expresión de JCP es parecido.
Usamos Parham para los parámetro del recuestate y usamos para valioso para el arreglo que contienen.
Este conjunto de opciones que seleccionamos los usamos para valiums y es un arreglo entonces.
Al final tenía que preguntar si en ese arreglo contiene o se incluye el valor en cuestión.
Por cada uno.
Por ejemplo.
Para el lenguaje Java si está incluido en la selección.
Después en Yakarta e si está incluido en la selección.
Y así por cada uno.
Por Spring.
Por 10 Angular.
En fin, tenemos que preguntar si está dentro del arreglo.
Eso lo podemos implementar con este lenguaje de expresión.
Devuelve un arreglo, pero es un arreglo especial que además soporta el API Stream.
Entonces conecté API Stream de lleva 8.
Y el operador o el método N match.
Podemos validar preguntar si contiene el elemento.
Si lo contiene va a devolver true o false.
Si a true lo dejamos seleccionado.
Si es fols.
Nada, volvemos a la vista lo mismo.
Entonces si no peso las llaves, cerramos y empezamos para valiums en plural.
La V corta es mayúscula para ballos punto lenguajes.
El nombre que tiene este select el parámetro lenguajes puntos stream acá paréntesis el método, el operador,
el macho.
Se acuerdan?
Lo vimos en Java 8.
Acá se emite el valor y acá valíamos, por ejemplo, que el valor sea igual al valor que esperamos.
Por ejemplo Java.
En este caso acá podemos utilizar igual igual o mejor aún.
Punto y.
Y cerramos acá.
Pero el denim match devuelve un optional, lo tenemos que obtener con el Quiete 12.7.
Recuerden que el Animax se pasa a una prisión Lanta, que es un predicaste.
Acá se evalúa una presión booleana.
Si se cumple, perfecto.
Es decir, si algún valor dentro del lenguajes de los PARAUN value que seleccionamos corresponde YABA.
Entonces dejó marcado seleccionado yaba.
Eso todo punto quieto, perfecto y preguntamos un operador ternario.
Si eso se cumple, vamos a imprimir o devolver?
En este caso selector dos puntos.
Si no se cumple, devolvemos nada.
Y eso es todo.
Ahora vamos a copiar y vamos a pegar para replicar en los demás.
Copiamos, pegamos.
Y vamos cambiando, por ejemplo, acá sería Angular quitábamos Yaba Angular.
Acá sería perdón.
Acá es angula.
Acá es recto.
Por acá es geez JavaScript.
Siempre se compara contra el valor acá.
Spring
yaca.
Yakarta e.
Y arriba ya perfecto.
Lo de mostrar acá porque lo vean completo.
Ahí lo tienen.
Perfecto.
Bien, continuemos.
Muy parecido.
También sería acá en las listas de los roles.
Estoy checkbox para que no sea tan extenso.
Voy a bajar acá en clase.
Vamos a bajar acá.
Acá un espacio perfecto.
Bajamos y voy a pegar acá.
Y voy a dar un espacio.
Y esto lo voy a modificar primero.
No es lenguaje, sino roles.
Entonces, roles.
Y en vez del valor.
En este caso Yaba sería rol admin porque estamos comparando con 13 valor y acá sería checked, ya que
se trata de un checkbox.
Entonces por eso checked ya sea checkbox o rádio puto y listo.
Vamos a seleccionar.
Lo copiamos y lo pegamos también más abajo, por acá, por ejemplo.
De hecho, incluso acá mismo espacio bajamos, lo pegamos, pero acá sería Rol Yussef con mayúscula
y todo lo demás igual para varios roles.
Mismo nombre acá roles, el arreglo, roles.
Yo acá también.
Lo mismo espacio.
Bajamos, pegamos y acá.
Moderador Rol, moderador.
Empezaste bien y estamos listos.
Lo tenemos todo seleccionado.
Ahora vamos a probar.
No vamos a al terminal.
Ya lo teníamos levantado desde antes.
Simplemente realizamos el despliegue.
Vamos a actualizar acá.
Volvemos atrás, actualizamos.
Acá tengo un error, acá puse dos puntos, nada que ver.
No vamos a volver solamente.
Si uno pregunta se fijan solamente.
Si uno pregunta, vamos a revisar.
No sé si acá, acá está.
Vamos a quitar los dos puntos después.
No, acá no quitamos ya.
Y lo mismo también en la litas eléctrica en los países.
Por acá se lo quitamos.
Le quitamos.
Ya.
Volvemos a desplegar.
GC Lo primero.
Por ejemplo, Andrés el padre, da lo mismo, Andrés, vamos a seleccionar, por ejemplo, Argentina.
Voy a seleccionar Yakarta, Angular y React, usuario y administrador.
Francés.
Enviar se fijan mejó mercado yakarta E9 React Angular administrador usuarios francés es decir, no perdí
nada, está todo seleccionado.
Ahora, por ejemplo, si seleccionamos Spring Puto JavaScript, estos dos seleccionamos solamente moderador
quitar.
Dejamos Moderador, dejamos español.
En vez de Argentina dejamos México, Andrés José, por ejemplo, el password da lo mismo que marque
el error para poder visualizar esto.
Enviar.
Andres José.
México Spring Boot Trip.
Usuario moderador español.
Había seleccionado solamente muera otro, no?
Veamos.
Enviar a el usuario creo que quedó marcado.
Vamos a ver, nos vamos a ir a los roles.
Si se fijan el cheque o no el cheque lo quitamos, que equivale es justamente el que seleccionamos acá.
La idea es que me quede nada solucionado por defecto, nada bien.
Volvemos a levantar.
Estamos casi listo.
Nos vamos.
Regresamos, actualizamos, se fijan, no tenemos nada seleccionado, nada.
Ni país, ni lenguaje.
Nada.
Solamente habilitar.
Andrés.
Puedes seleccionar solamente JavaScript angular.
Y React, administrador inglés.
Y País Perú.
Enviar Perú, que a tu mercado está perfecto.
Ya escribe angulas React.
Bien, eso sería.
Hay mucho mejores formulario, también podríamos centrar esto acá con un margen.
El punto, se fijan, son puros detalles, pero súper simple de solucionar.
Volvemos al código.
Nos vamos acá al huele y acá en vez de MX, le colocamos también un padding, un px de 5, por ejemplo,
o lo que queramos.
Y también.
Volvemos a publicar.
Actualizamos.
Ya parece un poco más al medio con un padding, el margen, el exterior, la distancia de un elemento,
pero con el exterior, con el límite, el padding es interno y eso sería nada más.
Nos vemos en la siguiente clase.