Diseño del rediseño (CSS y Helpers)¶
Rediseño del CSS y de los helpers para unificar, simplificar, y evitar redundancia en la presentacion y posicionamiento de los componenetes de la herramienta.
Layout¶
Cambiamos los nombres de los estilos de las 3 barras:
barraestado
barracontrolador
barraacciones
barracontrolador y barraacciones de momento estará dentro del DIV centro que es el que define el ancho de los contenidos 1010.
Inicio.¶
La barra de secciones se transforma en una barra de estado y se define un inicio.
Popup de informacion adicional¶
Actualmente se comporta irregularmente: Pendiente de verlo con Antonio en mas detalle.
Por otro lado existen las 2 opciones de:
- Ponerlo en un icono al final de linea (solucion actual).
- Ponerlo sobre el propio campo del que queremos ampliar informacion.
Mensajes de la aplicacion.¶
Mantenemos flash[:mensaje] y flash[:error] y diferenciamos dos tipos de colores en el error: si hay error rojo, y si sale bien en verde. Por otro lado mantenemos en azul el mensaje de informacion habitual.
Icono anadir.¶
Pendiente de decision, tenemos 3 modelos:
- Dentro de la cabecera.
- Mantenerlo arriba pero darle algo mas de contenido a esa linea con algun rotulo (ademas de ponerlo a la izquierda).
- Mantenerlo arriba pero ponerlo a la izquierda.
En cualquier caso se borra el metodo icono_anadir e icono_anadir_ajax
Listado.¶
Metodos del helper:
- cabecera_listado: igual que esta a no ser que le pongamos
- final_listado: introducir aqui el tema de la paginacion.
Formulario.¶
Los dos helper cambian a la forma:
- comienzo_formulario url, rotulo
- comienzo_formulario_ajax url, rotulo
Y ademas:
- Dejamos multipart a true siempre.
- Le daremos un ancho fijo al formulario para evitar las filas
Dos CSS.¶
Dividiremos el CSS en dos CSS:
- Posicionamiento (o contenidos dentro del centro de la pagina)
- Estilo o tema (referente al layout y estilos generales)
NOTA: se trata de una primera aproximacion para poder tematizar la aplicacion.
Identificadores y sublistados.¶
Las filas siempre tendran el id del elemento, y la linea vacia donde se carga el sublistado se llamará sub_id.
NOTA1: Profundizando en esta logica una fila del sublistado se identificaria por sub_id_id y un sub_sub_listado por sub_sub_id_id
NOTA2: Esperamos que la nota1 nunca se produzca.
Helpers para sublistado:
- comienzo_sublistado: será un fieldset y se colocará siempre el boton de cerrar la ventana arriba a la derecha.
- final_sublistado
- Quiza seria interesante meter el :loading y el :complete de los link_to_remote en un helper.... ¿O el propio link_to_remote?
render :update page¶
Se plantea la posibilidad de meterlo en un rjs comun para todos los sitios en los que se usa. De momento esta pendiente
Problemas generales de javascript y de posicionamiento:¶
El redbox siempre aparece arriba.
Seguimos con problema con los popups.
Metodologia o pasos para estos cambios.¶
CSS:
- Rehacer el layout con los nuevos estilos gor_tema
- Hacer el inicio y cambiar la barra de secciones por barra de estado.
- Rehacer el posicionamiento con los nuevos estilos gor_posicionamiento.
HELPERS:
- Ir cambiando cada helper en funcion de los comentarios introducidos en el propio helper.
- Testear el cambio en una vista concreta.,
- Extender el cambio a todas las vistas que lo necesite e ir probando en cada caso.