Funcionalidad #3289
Configurar / personalizar la pagina de login de GONG
50%
Descripción
Tareas:
- Diseñar una nueva página de login de GONG que con variables de personalización para cada Organización.
- Maquetación del diseño
- Crear una variable de configuración para poder personalizar la pagina de login de GONG para cada Organización.
LOGIN_PAGE
- Implementar nuevo diseño
Instancias:
- General
- Demo
- Desarrollo
- OEI
- Medicusmundi
- APS
- Mundubat
- Justicia Alimentaria
- Juan CIudad
- FAS
- Ansa
- CPT
- Opan
- Central do cerrado
- CISP
pagina_login_DEMO_2.jpg (227 KB)
pagina_login_DEMO_1.jpg (375 KB)
pagina_login_Desarrollo.jpg (374 KB)
pagina_login_CentraldoCerrado.jpg (467 KB)
pagina_login_General.jpg (368 KB)
pagina_login_CISP.jpg (499 KB)
pagina_login_OPAN.jpg (499 KB)
pagina_login_CPT.jpg (438 KB)
pagina_login_JusticiaAlimentaria.jpg (397 KB)
pagina_login_Mundubat.jpg (478 KB)
pagina_login_ANSA.jpg (480 KB)
pagina_login_JUANCIUDAD.jpg (520 KB)
pagina_login_APS.jpg (477 KB)
pagina_login_MMI.jpg (486 KB)
pagina_login_FAS.jpg (518 KB)
pantalla_login_OEI.jpg (483 KB)
maquetacion_nueva_pagina_login.zip (304 KB)
login.css 
(10 KB)
maquetacion_nueva_pagina_login.zip (337 KB)
Histórico
#2 Actualizado por Antonio León hace alrededor de 6 años
- Asunto cambiado [Gor] Configurar / personalizar la pagina de entrada a GONG por Configurar / personalizar la pagina de login de GONG
- Se actualizó Descripción (diff)
- Categoría establecido a Desarrollo
- Versión prevista establecido a 4.01
#3 Actualizado por Antonio León hace alrededor de 6 años
- Se actualizó Descripción (diff)
#4 Actualizado por Antonio León hace alrededor de 6 años
- Añadido Fichero pagina_login_DEMO_2.jpg
- Añadido Fichero pagina_login_DEMO_1.jpg
- Añadido Fichero pagina_login_General.jpg
- Añadido Fichero pagina_login_Desarrollo.jpg
- Añadido Fichero pagina_login_CentraldoCerrado.jpg
- Añadido Fichero pagina_login_OPAN.jpg
- Añadido Fichero pagina_login_CISP.jpg
- Añadido Fichero pagina_login_CPT.jpg
- Añadido Fichero pagina_login_JusticiaAlimentaria.jpg
- Añadido Fichero pagina_login_Mundubat.jpg
#5 Actualizado por Antonio León hace alrededor de 6 años
- Añadido Fichero pagina_login_JUANCIUDAD.jpg
- Añadido Fichero pagina_login_ANSA.jpg
- Añadido Fichero pagina_login_APS.jpg
- Añadido Fichero pagina_login_MMI.jpg
- Añadido Fichero pagina_login_FAS.jpg
- Añadido Fichero pantalla_login_OEI.jpg
#6 Actualizado por Antonio León hace alrededor de 6 años
- Añadido Fichero maquetacion_nueva_pagina_login.zip
- Asignado a cambiado Antonio León por Jaime Ortiz
- % Realizado cambiado 20 por 50
Subo la maquetación de la nueva página de login:
http://gong.es/maquetacion/views/layouts/login.html#
La traducción al portugués:
http://gong.es/maquetacion/views/layouts/login-pr.html#
La de Demo cuenta con otra página para pedir probar la demo
http://gong.es/maquetacion/views/layouts/pruebademo.html
La personalización de las instancias están configuradas en el css, de manera que cambiando el id del body según el nombre de la instancia, cambiaran los estilos (Logo, color de botón y color de fondo)
Estos son los id:
general
demo
desarrollo
medicusmundi
aps
mundubat
justiciaalimentaria
juancIudad
fas
ansa
cpt
cisp
opan
central do cerrado
oei
gesproei
#7 Actualizado por Antonio León hace alrededor de 6 años
- Añadido Fichero login.css
Hola,
Adjunto de nuevo el css con cambios para arreglar temas del responsive del logo.
Por la parte de la maquetación ya está. Cualquier cosa que veais al implementar me decis.
Un abrazo
#8 Actualizado por Antonio León hace alrededor de 6 años
- Añadido Fichero maquetacion_nueva_pagina_login.zip
Subo de nuevo el fichero con cambios:
- Número de versión debajo del logo
- Arreglo Flecha select en Chrome
#9 Actualizado por Jaime Ortiz hace alrededor de 6 años
- Estado cambiado Asignada por Resuelta
Desde la maquetación HTML original modificamos los siguientes elementos:
A) Las rutas a las imagenes son /images/login/ para agrupar las imagenes en un unico punto.
B) Se utiliza el helper para cargar login.css para facilitar su actualizacion en desarrollo.
C) Logica que define el ID del "body" para decidir el estilo en funcion de "LOGIN_ORG_STYLE_NAME"
D) Logica de mensaje de error de autenticación
E) Carga automatica del numero de la versión
NOTA: No se utilizan helpers para las imagenes con lo que se cargan todas desde el public -->
Metemos en un partial especifico para cada idioma toda la parte de la pagina de funcionalidades
Se llamaran: _login_funcionalidades.pt.html.erb
