Plots2: Implementar un nuevo diseño para la página de etiquetas (necesita dividirse)

Creado en 15 mar. 2019  ·  46Comentarios  ·  Fuente: publiclab/plots2

Sobre la base del número 4922, deberíamos trabajar para reconstruir la página en https://publiclab.org/tags siguiendo este diseño:

Screen Shot 2019-03-15 at 12 45 20 PM

Hay una discusión sobre esto aquí: https://publiclab.org/notes/edie_blues/01-09-2019/the-tags-page-mockup-let-me-know-what-you-think#c22154

La plantilla actual está aquí: https://github.com/publiclab/plots2/tree/master/app/views/tag/index.html.erb

Los pasos que podrían desglosarse incluyen:

  • [x] haciéndolo 2 columnas n. ° 5100
  • [x] agregando https://publiclab.org/stats/graph en un iframe a la segunda columna
  • [x] agregando los vínculos debajo del gráfico
  • [x] Rediseño de la barra de búsqueda (https://github.com/publiclab/plots2/pull/5121)
  • [] rediseñar la tabla para usar una interfaz de usuario de tarjeta en su lugar (comenzando con paneles, aquí: https://getbootstrap.com/docs/3.3/components/#panels) en una plantilla parcial

¡Me encantaría recibir ayuda con este!

HTML Ruby break-me-up design help wanted

Comentario más útil

¿Puedo ser de alguna ayuda aquí? ¡Sería genial si pudiera contribuir! Gracias

Todos 46 comentarios

@jywarren Me encantaría trabajar en este tema. ¿Puedo comenzar con la primera parte para hacerlo de dos columnas?

¡Eso sería genial! Gracias, y tenga en cuenta que actualmente estamos en Bootstrap 3,
docs en https://getbootstrap.com/docs/3.3/ - ¡vale la pena echarle un vistazo!

El viernes 15 de marzo de 2019 a la 1:31 p.m. Lekhika Dugtal [email protected]
escribió:

@warren https://github.com/warren Me encantaría trabajar en este tema.
¿Puedo comenzar con la primera parte para hacerlo de dos columnas?

-
Recibes esto porque eres el autor del hilo.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473376431 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ8N48ACVTtYlHFbsChYZIFpjb3dpks5vW9jfgaJpZM4b24tN
.

@jywarren ¿Debería trabajar en el rediseño de la barra de búsqueda?

¡Seguro! Pero probablemente puedas seguir adelante con el # 5832 (¿creo?) Donde has
¡Ya empezadó! ¡Gracias!

El viernes, 15 de marzo de 2019 a la 1:38 p.m., Divya Baid [email protected] escribió:

@jywarren https://github.com/jywarren ¿Debo trabajar en el rediseño del
¿barra de búsqueda?

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473378955 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJxYkgDzS1hVu9VHErqzbSdRS-RzPks5vW9qKgaJpZM4b24tN
.

@jywarren ¿Es esto lo que dice la primera parte? Abrí un PR dividiéndolo en dos partes.
Screenshot from 2019-03-16 10-11-38

@jywarren ¿Es posible que una misma persona trabaje también en otras partes?
Si es así, me gustaría ir a la segunda parte también. :)

@ CleverFool77 ¡ Me gustaría ayudar aquí! Avísame si te quedas atascado en algún lugar, ¡podemos solucionarlo juntos!

Te lo pido seguro @ IshaGupta18 :)

Hola @ IshaGupta18 ,
Estaba trabajando en la parte de mostrar iframe. Entonces, ¿debo escribir el código nuevamente junto con ajax o debo mostrar el gráfico generado en graph.html aquí? Todavía no he usado Ruby on Rails en un proyecto completo. Así que sigo aprendiendo sobre esto.

Sí, creo que varias personas pueden trabajar en paralelo y / o colaborar.

Para el iframe, ya mostramos el gráfico como queríamos en / stats / graph, por lo que
Creo que podemos incluirlo usando un iframe en lugar de ajax. Hace eso
¿tener sentido?

El domingo, 17 de marzo de 2019 a las 7:30 a.m. Lekhika Dugtal [email protected]
escribió:

Hola @ IshaGupta18 https://github.com/IshaGupta18 ,
Estaba trabajando en la parte de mostrar iframe. Entonces debería escribir el código
nuevamente junto con ajax o debería mostrar el gráfico generado en graph.html
aquí.

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473656623 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ3l_BuDF5LweofawSM1wzy2lk9S1ks5vXicsgaJpZM4b24tN
.

@jywarren Algo como esto:
Screenshot from 2019-03-18 23-57-57

Todavía no he dado margen. Y el gráfico de etiquetas no se está recortando, sino que lo amplié, ya que no era visible porque tenía 3-4 gráficos pequeños diferentes. Así que por ahora lo amplié

¿Puedo ser de alguna ayuda aquí? ¡Sería genial si pudiera contribuir! Gracias

@jywarren @gauravano ¿Podemos fusionar primero las relaciones públicas porque supongo que todos los demás cambios dependerán primero de ellos? Enlace de relaciones públicas
@ gautamig54 Puede comenzar con cualquiera de las partes de este número. Pero ahora las demás partes dependerán unas de otras, supongo. :pensando:

@ gautamig54 En este momento, estoy trabajando en el gráfico de estadísticas PR que se mostrará en la segunda columna. Si te interesa puedes ir a la tercera parte: guiño:

@ CleverFool77 ¡Está bien! ¡Empezaré por el tercero! ¡Gracias!

¿Debo completar la última tarea? ¿Puedo empezar con esa parte?
¡Gracias!

¡Vaya, no quise cerrar todo! Reabrir ahora, ¡y gracias por colaborar!

Oh, uy, ok, ya veo, hay una secuencia. Parece que @ CleverFool77 ya ha comenzado # 5100 y ¿podríamos terminar las cosas del iframe allí antes de fusionarlo? el primero y luego publicar una página que está medio vacía, ¿sabes?) para que podamos fusionar la página básica de una vez, ¿y luego pasar a las siguientes? Gracias a todos, ¡esto es genial!

Si queremos agregar un nuevo elemento que es 'hacer zoom en el gráfico de etiquetas', creo que es posible tal vez usando esta documentación: http://js.cytoscape.org/

y este codigo? - https://github.com/publiclab/plots2/blob/master/app/views/tag/graph.html.erb

@jywarren Agregaré el iframe en el mismo pr con otra confirmación.
En cuanto a la función de zoom, era necesaria porque mi gráfico local no tiene muchos datos.
Gracias

@ divyabaid16 Supongo que necesitamos romper en la última parte. : pensando: aunque no estoy seguro

Sí, tienes toda la razón @ CleverFool77.
Entonces, lo que haré es convertir la tabla en la interfaz de usuario de la tarjeta (ya que ya hice los cambios) y enviar un PR para eso. Y luego podemos trabajar en colaboración con más adiciones en la interfaz de usuario. ¿Suena bien?
¡Gracias!

Eso es genial @ divyabaid16 : guiño:

De acuerdo, lamento mucho no poder responderte @ CleverFool77 . Seré más útil a partir de ahí. ¡Aquí se está haciendo un trabajo increíble! Hágame saber si puedo ayudar. ¡Gracias a todos!

¡Increíble a todos, gracias!

El lunes 18 de marzo de 2019 a las 11:50 p.m. Lekhika Dugtal [email protected]
escribió:

Eso es genial @ divyabaid16 https://github.com/divyabaid16 😉

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-474187999 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AABfJ3dnNcKajiyf-RCUqtYVfAzl6Soyks5vYF5JgaJpZM4b24tN
.

Seguramente necesitaríamos su ayuda en el futuro @ IshaGupta18 : guiño:
Descansa y recupérate pronto

@ divyabaid16 Hazme ping después de que hayas terminado con la estructura básica de las tarjetas: guiño:. Colaboraremos y lo resolveremos juntos: sonríe:

Seguro @ CleverFool77
Me encantaría trabajarlo contigo: sonríe:

Hola @jywarren , encontré la solución en la parte destacada de este problema. Pero mencionaste en el número 5004 que esto está almacenado en la base de datos. Entonces, ¿puedo tener alguna idea sobre esto?

Fusionado # 5100! Ahora pasemos a los siguientes pasos; tal vez https://github.com/publiclab/plots2/pull/5172 sea ​​el siguiente?

¡Veo progreso en https://github.com/publiclab/plots2/pull/5169 también en un diseño de tarjeta!

¡Asegurémonos de que el diseño de la tarjeta de @ CleverFool77 sea ​​compatible con la clasificación en https://github.com/publiclab/plots2/pull/5176 de @ divyabaid16 ! ¡Qué asombrosa cooperación entre varias personas! 🙌

Hola @jywarren El diseño básico de la tarjeta es para la sección de personas. Con respecto al diseño básico de la tarjeta en la sección de etiquetas, supongo que @ divyabaid16 lo está funcionando como ya mencionó. Hizo un gran trabajo en la sección de clasificación, por lo que si la misma persona está haciendo ambos trabajos, la compatibilidad se verificará fácilmente.

Más tarde, la interfaz de usuario se mejorará a partir de la estructura básica con la colaboración entre varios contribuyentes.
Gracias !!!

Hola @ gautamig54 , ¿Necesitas ayuda?

@ CleverFool77 ¡Gracias! Estoy trabajando en la tercera tarea. Seguramente pediré ayuda si es necesario 👍

De hecho, estoy confundido sobre si enviar el PR para la interfaz de usuario de la tarjeta o no. Porque es un transportista por delante de mis 2 RP anteriores.

@jywarren @ CleverFool77 He realizado la tercera tarea y he enviado un PR para la misma. Pl revísalo.

En la página de etiquetas, el número de etiquetas que se muestra a la izquierda es mayor, lo que da como resultado un espacio vacío a la derecha, debajo del gráfico. Creo que deberían hacerse algunas enmiendas al respecto en el diseño. ¿Qué dices @jywarren @ CleverFool77?

Screen Shot 2019-03-21 at 7 58 16 PM

HI @ divyabaid16 Quería preguntar cuáles dos relaciones públicas anteriores. ¿No es un PR que es para la clase?

Oh, lo veo ahora con respecto a lo que quieres decir con 2 RP, @ divyabaid16. Supongo que tenemos que esperar. :pensando:
@ gautamig54 Veamos qué hay en la nueva interfaz de usuario para esto.

@ CleverFool77 ¿No se han agregado temas destacados al nuevo diseño de la interfaz de usuario?

@ gautmig54 Sí, aún no se ha agregado. Le pregunté a @jywarren sobre esta pregunta en estos comentarios anteriores.
Gracias :)

Ah, lo siento, respondiendo ahora:

Hola @jywarren , encontré la solución en la parte destacada de este problema. Pero mencionaste en el número 5004 que esto está almacenado en la base de datos. Entonces, ¿puedo tener alguna idea sobre esto?

Sí, creo que estamos bien en esto ahora: https://publiclab.org/tags

Aunque deberíamos cambiar el nombre de la página simplemente a "Etiquetas" y tal vez podamos eliminar el texto (¡puedo copiarlo en la base de datos para que podamos cambiarlo más fácilmente en lugar de rastrearlo en la base de código!)

Una cosa es que los encabezados de las tablas están un poco abarrotados, aunque supongo que los eliminaremos cuando hagamos tarjetas.

image

Mirando https://github.com/publiclab/plots2/pull/5176/ ahora para la clasificación, ¡luego listo para pasar a la visualización de tarjetas! ( @ CleverFool77 vi tu nota en el diseño de la tarjeta de la página de personas, tienes toda la razón, ¡gracias!)

https://github.com/publiclab/plots2/pull/5239 completo: ¡ahora solo la interfaz de usuario de la tarjeta!

Enviaré el PR para esta parte hoy.
¡Gracias!

¿Fue útil esta página
0 / 5 - 0 calificaciones