Project

General

Profile

Actions

Funcionalidad #3289

closed

Configurar / personalizar la pagina de login de GONG

Added by Antonio León about 7 years ago. Updated about 7 years ago.

Status:
Resuelta
Priority:
Normal
Assignee:
Category:
Desarrollo
Target version:
Start date:
09/11/2017
Due date:
% Done:

50%

Estimated time:
10:30 h
Versión:

Description

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

Files

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

Updated by Antonio León about 7 years ago

  • Subject changed from [Gor] Configurar / personalizar la pagina de entrada a GONG to Configurar / personalizar la pagina de login de GONG
  • Description updated (diff)
  • Category set to Desarrollo
  • Target version set to 4.01
Actions #3

Updated by Antonio León about 7 years ago

  • Description updated (diff)
Actions #6

Updated by Antonio León about 7 years ago

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

Actions #7

Updated by Antonio León about 7 years ago

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

Actions #8

Updated by Antonio León about 7 years ago

Subo de nuevo el fichero con cambios:

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

Updated by Jaime Ortiz about 7 years ago

  • Status changed from Asignada to 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

Actions

Also available in: Atom PDF