Proyecto

General

Perfil

Acciones

Funcionalidad #3289

cerrada

Configurar / personalizar la pagina de login de GONG

Añadido por Antonio León hace alrededor de 6 años. Actualizado hace alrededor de 6 años.

Estado:
Resuelta
Prioridad:
Normal
Asignado a:
Categoría:
Desarrollo
Versión prevista:
Fecha de inicio:
2017-09-11
Fecha fin:
% Realizado:

50%

Tiempo estimado:
10:30 h
Version:

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

Ficheros

pagina_login_DEMO_2.jpg (227 KB) pagina_login_DEMO_2.jpg Antonio León, 2018-04-04 15:54
pagina_login_DEMO_1.jpg (375 KB) pagina_login_DEMO_1.jpg Antonio León, 2018-04-04 15:54
pagina_login_Desarrollo.jpg (374 KB) pagina_login_Desarrollo.jpg Antonio León, 2018-04-04 15:54
pagina_login_CentraldoCerrado.jpg (467 KB) pagina_login_CentraldoCerrado.jpg Antonio León, 2018-04-04 15:54
pagina_login_General.jpg (368 KB) pagina_login_General.jpg Antonio León, 2018-04-04 15:54
pagina_login_CISP.jpg (499 KB) pagina_login_CISP.jpg Antonio León, 2018-04-04 15:54
pagina_login_OPAN.jpg (499 KB) pagina_login_OPAN.jpg Antonio León, 2018-04-04 15:54
pagina_login_CPT.jpg (438 KB) pagina_login_CPT.jpg Antonio León, 2018-04-04 15:54
pagina_login_JusticiaAlimentaria.jpg (397 KB) pagina_login_JusticiaAlimentaria.jpg Antonio León, 2018-04-04 15:54
pagina_login_Mundubat.jpg (478 KB) pagina_login_Mundubat.jpg Antonio León, 2018-04-04 15:54
pagina_login_ANSA.jpg (480 KB) pagina_login_ANSA.jpg Antonio León, 2018-04-04 15:55
pagina_login_JUANCIUDAD.jpg (520 KB) pagina_login_JUANCIUDAD.jpg Antonio León, 2018-04-04 15:55
pagina_login_APS.jpg (477 KB) pagina_login_APS.jpg Antonio León, 2018-04-04 15:55
pagina_login_MMI.jpg (486 KB) pagina_login_MMI.jpg Antonio León, 2018-04-04 15:55
pagina_login_FAS.jpg (518 KB) pagina_login_FAS.jpg Antonio León, 2018-04-04 15:55
pantalla_login_OEI.jpg (483 KB) pantalla_login_OEI.jpg Antonio León, 2018-04-04 15:55
maquetacion_nueva_pagina_login.zip (304 KB) maquetacion_nueva_pagina_login.zip Antonio León, 2018-04-12 23:41
login.css (10 KB) login.css Antonio León, 2018-04-16 19:04
maquetacion_nueva_pagina_login.zip (337 KB) maquetacion_nueva_pagina_login.zip Antonio León, 2018-04-19 13:15
Acciones #2

Actualizado por Antonio León hace alrededor de 6 años

  • Asunto cambiado de [Gor] Configurar / personalizar la pagina de entrada a GONG a Configurar / personalizar la pagina de login de GONG
  • Se actualizó Descripción (diferencias)
  • Categoría establecido a Desarrollo
  • Versión prevista establecido a 4.01
Acciones #3

Actualizado por Antonio León hace alrededor de 6 años

Acciones #6

Actualizado por Antonio León hace alrededor de 6 años

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

Acciones #7

Actualizado por Antonio León hace alrededor de 6 años

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

Acciones #8

Actualizado por Antonio León hace alrededor de 6 años

Subo de nuevo el fichero con cambios:

  • Número de versión debajo del logo
  • Arreglo Flecha select en Chrome
Acciones #9

Actualizado por Jaime Ortiz hace alrededor de 6 años

  • Estado cambiado de Asignada a 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

Acciones

Exportar a: Atom PDF