{
"titulo": "Login de Usuario",
"vista": {
"type": "columna",
"espaciado": 20,
"elementos": [
{
"type": "fila",
"espaciado": 10,
"elementos": [
{
"type": "boton",
"texto": "Cancelar",
"accionId": "cancelar_accion"
},
{
"type": "boton",
"texto": "Aceptar",
"accionId": "aceptar_accion"
}
]
},
{
"type": "imagen",
"url": "https://cdn-icons-png.flaticon.com/512/295/295128.png",
"alto": 150,
"contentDescription": "Logo de la App"
},
{
"type": "texto",
"contenido": "Bienvenido, ingresa tus datos:",
"tamano": 16,
"colorHex": "#555555",
"alineacion": "center"
},
{
"type": "input",
"idInput": "email_usuario",
"label": "Correo Electrónico",
"tipo": "email"
},
{
"type": "input",
"idInput": "clave_usuario",
"label": "Contraseña",
"tipo": "password"
},
{
"type": "boton",
"texto": "Iniciar Sesión",
"accionId": "login_action"
},
{
"type": "tarjeta",
"accionId": "ver_inventario",
"elementos": [
{
"type": "columna",
"espaciado": 8,
"elementos": [
{
"type": "imagen",
"url": "https://cdn-icons-png.flaticon.com/512/3233/3233827.png",
"alto": 80
},
{
"type": "texto",
"contenido": "Inventario",
"tamano": 18
}
]
}
]
},
{
"type": "select",
"idInput": "pais_origen",
"label": "Selecciona tu País",
"valorDefecto": "cl",
"opciones": {
"ar": "Argentina",
"cl": "Chile",
"co": "Colombia",
"mx": "México",
"pe": "Perú"
}
},
{
"type": "select",
"idInput": "rol_usuario",
"label": "Selecciona un Rol",
"opciones": {
"admin": "Administrador",
"vendedor": "Vendedor",
"invitado": "Invitado"
}
}
]
}
}
barbas