Plots2: Implementar um novo design para a página de tags (precisa ser dividido)

Criado em 15 mar. 2019  ·  46Comentários  ·  Fonte: publiclab/plots2

Com base no # 4922, devemos trabalhar para reconstruir a página em https://publiclab.org/tags seguindo este design:

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

Há uma discussão sobre isso aqui: https://publiclab.org/notes/edie_blues/01-09-2019/the-tags-page-mockup-let-me-know-what-you-think#c22154

O modelo atual está aqui: https://github.com/publiclab/plots2/tree/master/app/views/tag/index.html.erb

As etapas que podem ser quebradas incluem:

  • [x] tornando-se 2 colunas # 5100
  • [x] adicionar https://publiclab.org/stats/graph em um iframe à 2ª coluna
  • [x] adicionando os links abaixo do gráfico
  • [x] Redesenhar a barra de pesquisa (https://github.com/publiclab/plots2/pull/5121)
  • [] redesenhando a tabela para usar uma interface do usuário Card (começando com painéis, aqui: https://getbootstrap.com/docs/3.3/components/#panels) em um modelo parcial

Adoraria ajudar com este!

HTML Ruby break-me-up design help wanted

Comentários muito úteis

Posso ser de alguma ajuda aqui? Seria ótimo se eu pudesse contribuir! Obrigado

Todos 46 comentários

@jywarren Eu adoraria trabalhar nessa questão. Posso começar com a primeira parte de torná-lo de duas colunas.

Isso seria ótimo! Obrigado - e observe que estamos atualmente no Bootstrap 3,
documentos em https://getbootstrap.com/docs/3.3/ - vale a pena conferir!

Na sexta-feira, 15 de março de 2019 às 13h31 Lekhika Dugtal [email protected]
escreveu:

@warren https://github.com/warren Eu adoraria trabalhar nessa questão.
Posso começar com a primeira parte de torná-lo de duas colunas.

-
Você está recebendo isso porque é o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473376431 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AABfJ8N48ACVTtYlHFbsChYZIFpjb3dpks5vW9jfgaJpZM4b24tN
.

@jywarren Devo trabalhar no redesenho da barra de pesquisa?

Certo! Mas você provavelmente pode ir em frente com o # 5832 (eu acho?), Onde você
já começou! Obrigado!

Na sexta-feira, 15 de março de 2019 às 13h38, Divya Baid [email protected] escreveu:

@jywarren https://github.com/jywarren Devo trabalhar no redesenho do
Barra de pesquisa?

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473378955 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AABfJxYkgDzS1hVu9VHErqzbSdRS-RzPks5vW9qKgaJpZM4b24tN
.

@jywarren É isso que diz a primeira parte? Abri um PR dividindo-o em duas partes.
Screenshot from 2019-03-16 10-11-38

@jywarren É possível que uma mesma pessoa trabalhe em outras partes também?
Se sim, também gostaria de passar para a segunda parte. :)

@ CleverFool77 Eu gostaria de ajudar aqui! Avise-me se você estiver preso em algum lugar, podemos resolver isso juntos!

Vou te perguntar com certeza @ IshaGupta18 :)

Olá @ IshaGupta18 ,
Eu estava trabalhando para mostrar o iframe. Portanto, devo escrever o código novamente junto com ajax ou devo mostrar o gráfico gerado em graph.html aqui. Ainda não usei o Ruby on Rails em um projeto completo. Então, ainda estou aprendendo sobre isso.

Sim, acho que várias pessoas podem trabalhar em paralelo e / ou colaborar!

Para o iframe, já mostramos o gráfico como queríamos em / stats / graph, então
Acho que podemos apenas incluí-lo usando um iframe em vez de ajax. Faz isso
faz sentido?

No domingo, 17 de março de 2019 às 7h30 Lekhika Dugtal [email protected]
escreveu:

Olá @ IshaGupta18 https://github.com/IshaGupta18 ,
Eu estava trabalhando para mostrar o iframe. Devo escrever o código
novamente junto com ajax ou devo mostrar o gráfico gerado em graph.html
aqui.

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-473656623 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AABfJ3l_BuDF5LweofawSM1wzy2lk9S1ks5vXicsgaJpZM4b24tN
.

@jywarren Algo assim -
Screenshot from 2019-03-18 23-57-57

Eu não dei margem ainda. E o gráfico de tags não está sendo cortado, em vez disso, aumentei, pois não estava visível porque eu tinha 3-4 pequenos gráficos diferentes. Então, por agora eu ampliei

Posso ser de alguma ajuda aqui? Seria ótimo se eu pudesse contribuir! Obrigado

@jywarren @gauravano Podemos ter primeiro PR fundido primeiro, porque eu acho que todas as outras mudanças dependerão primeiro. Link PR
@ gautamig54 Você pode começar com qualquer parte deste problema. Mas agora as outras partes dependerão uma da outra, eu acho. :pensamento:

@ gautamig54 No momento, estou trabalhando no gráfico de estatísticas PR a ser mostrado na segunda coluna. Se você estiver interessado, pode ir para a terceira parte: wink:

@ CleverFool77 Ok! Vou começar com o terceiro! Obrigado!

Devo completar a última tarefa? Posso começar com essa parte?
Obrigado!

Ups, não pretendia fechar tudo! Reabrindo agora - e obrigado por colaborar!

Oh, oops, ok - então, eu vejo, há uma sequência. Parece que @ CleverFool77 já começou # 5100 e poderíamos terminar o iframe lá antes de mesclá-lo (normalmente 2 PRs seria ótimo, mas eles estão tão ligados um ao outro - não fazia sentido para mim mesclar o primeiro e, em seguida, publicar uma página que está meio vazia, sabe?) para que possamos mesclar a página básica de uma vez, então podemos passar para as próximas? Obrigado a todos, isso é legal!

Se quisermos adicionar um novo item que é 'ampliando o gráfico de tags', acho que talvez seja possível usar esta documentação: http://js.cytoscape.org/

e esse código? - https://github.com/publiclab/plots2/blob/master/app/views/tag/graph.html.erb

@jywarren Vou adicionar o iframe no mesmo pr com outro commit.
Reagrding zooming feature, era necessário porque meu gráfico local não tem muitos dados.
Obrigado

@ divyabaid16 Acho que precisamos terminar na última parte. : pensando: Não tenho certeza embora

Sim, você está absolutamente certo @ CleverFool77.
Então o que farei é converter a mesa no cartão ui (pois já fiz as alterações) e enviar um PR para isso. E então podemos trabalhar em colaboração com outras adições na IU. Soa bem?
Obrigado!

Isso é ótimo @ divyabaid16 : wink:

Ok, então, sinto muito por não ter respondido a você @ CleverFool77 . Serei mais útil a partir daí. Um trabalho incrível está sendo feito aqui! Me diga se posso ajudar. Obrigado a todos!

Incrível a todos, obrigado!

Na segunda-feira, 18 de março de 2019, 23h50 Lekhika Dugtal [email protected]
escreveu:

Isso é ótimo @ divyabaid16 https://github.com/divyabaid16 😉

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/publiclab/plots2/issues/5090#issuecomment-474187999 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AABfJ3dnNcKajiyf-RCUqtYVfAzl6Soyks5vYF5JgaJpZM4b24tN
.

Certamente precisaríamos da sua ajuda no futuro @ IshaGupta18 : wink:
Descanse e fique bem logo @jywarren

@ divyabaid16 Faça ping depois de concluir a estrutura básica dos cartões: wink:. Vamos colaborar e resolver juntos: sorriso:

Com certeza @ CleverFool77
Eu adoraria trabalhar com você: sorria:

Olá @jywarren , descobri que a correção foi feita na parte destacada deste problema. Mas você mencionou na edição # 5004 que isso é armazenado no banco de dados. Então, posso ter algumas dicas sobre isso?

# 5100 mesclado! Agora para as próximas etapas; talvez https://github.com/publiclab/plots2/pull/5172 seja o próximo?

Vejo progresso em https://github.com/publiclab/plots2/pull/5169 também em um layout de cartão!

Vamos ter certeza de que o layout do cartão por @ CleverFool77 é compatível com a classificação em https://github.com/publiclab/plots2/pull/5176 por @ divyabaid16 ! Que cooperação incrível de várias pessoas aqui !!! 🙌

Olá @jywarren. O layout básico do cartão é para a seção de pessoas. Com relação ao layout básico do cartão na seção de tags, acho que @ divyabaid16 está funcionando como ela já mencionou. Ela fez um ótimo trabalho na seção de classificação, então se a mesma pessoa estiver fazendo o trabalho, a compatibilidade será verificada facilmente.

Posteriormente, a estrutura básica da interface do usuário será aprimorada com a colaboração entre vários contribuidores.
Obrigado !!!

Olá @ gautamig54 , Precisa de ajuda?

@ CleverFool77 Obrigado! Estou trabalhando na 3ª tarefa. Com certeza vou pedir ajuda se for preciso 👍

Na verdade, estou confuso se devo enviar o PR para o cartão de interface do usuário ou não. Porque é uma transportadora à frente dos meus 2 PRs anteriores.

@jywarren @ CleverFool77 Eu fiz a 3ª tarefa e enviei um PR para a mesma. Pl revê-lo.

Na página de tags, o número de tags mostrado à esquerda é maior, o que resulta em um espaço vazio à direita, abaixo do gráfico. Acho que algumas alterações devem ser feitas em relação a isso no design. O que dizer @jywarren @ CleverFool77?

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

HI @ divyabaid16 Eu queria perguntar quais são os dois PR anteriores. Não é um PR que é para tipo?

Oh, eu entendo agora com relação ao que você quer dizer com 2 PRs, @ divyabaid16. Acho que precisamos esperar. :pensamento:
@ gautamig54 Vamos ver o que há na nova IU para isso.

@ CleverFool77 Os tópicos em destaque não foram adicionados ao novo design da IU?

@ gautmig54 Sim, ainda não foi adicionado. Perguntei a @jywarren sobre essa questão nos comentários acima.
Obrigado :)

Ah, desculpe, respondendo agora:

Olá @jywarren , descobri que a correção foi feita na parte destacada deste problema. Mas você mencionou na edição # 5004 que isso é armazenado no banco de dados. Então, posso ter algumas dicas sobre isso?

Sim, acho que estamos bem nisso agora: https://publiclab.org/tags

Embora devamos renomear a página simplesmente "Tags" e talvez possamos remover o texto (posso copiá-lo para o banco de dados para que possamos alterá-lo mais facilmente em vez de rastreá-lo na base de código!)

Uma coisa é que os títulos das mesas estão um pouco lotados - acho que iremos removê-los quando fizermos as cartas, certo?

image

Olhando para https://github.com/publiclab/plots2/pull/5176/ agora para a classificação, então pronto para passar para a exibição de cartão! ( @ CleverFool77, vi sua observação sobre o design do cartão da página de pessoas, você está totalmente certo, obrigado!)

https://github.com/publiclab/plots2/pull/5239 concluído - agora apenas a IU do cartão!

Enviarei o PR desta parte até hoje.
Obrigado!

Esta página foi útil?
0 / 5 - 0 avaliações