Plots2: タグページの新しいデザインを実装する(分割する必要があります)

作成日 2019年03月15日  ·  46コメント  ·  ソース: publiclab/plots2

#4922に基づいて、次の設計に従ってhttps://publiclab.org/tagsでページを再構築する必要があります。

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

これについての議論はここにあります: https

現在のテンプレートはここにあります: https

発生する可能性のある手順は次のとおりです。

  • [x] 2列にする#5100
  • [x] iframeのhttps://publiclab.org/stats/graphを2番目の列に追加
  • [x]グラフの下にリンクを追加する
  • [x]検索バーの再設計(https://github.com/publiclab/plots2/pull/5121)
  • []テンプレートの部分で代わりにカードUIを使用するようにテーブルを再設計します(パネルから開始します:https://getbootstrap.com/docs/3.3/components/#panels)

私はこれを手伝って欲しいです!

HTML Ruby break-me-up design help wanted

最も参考になるコメント

ここで何か助けてもらえますか? 貢献できたら嬉しいです! ありがとう

全てのコメント46件

@jywarrenこの問題に取り組みたいと思います。 2列にする最初の部分から始めてもいいですか。

それはすごいでしょう! ありがとうございます。現在、Bootstrap3を使用していることに注意してください。
https://getbootstrap.com/docs/3.3/のドキュメント-チェックする価値があり

13:31 Lekhika Dugtalで金、2019年3月15日には[email protected]
書きました:

@warrenhttps ://github.com/warrenこの問題に取り組みたいと思います
2列にする最初の部分から始めてもいいですか。


スレッドを作成したため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/publiclab/plots2/issues/5090#issuecomment-473376431
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AABfJ8N48ACVTtYlHFbsChYZIFpjb3dpks5vW9jfgaJpZM4b24tN

@jywarren検索バーの再設計に

もちろん! しかし、あなたはおそらくあなたが行った#5832(私は思う?)で先に進むことができます
すでに始まっています! ありがとうございました!

13:38 Divya Baidので金、2019年3月15日に[email protected]書きました:

@jywarrenhttps ://github.com/jywarren再設計に取り組む必要があり
検索バー?


あなたが言及されたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/publiclab/plots2/issues/5090#issuecomment-473378955
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AABfJxYkgDzS1hVu9VHErqzbSdRS-RzPks5vW9qKgaJpZM4b24tN

@jywarrenこれは最初の部分が言っていることですか? 私はそれを2つの部分に分けてPRを開きました。
Screenshot from 2019-03-16 10-11-38

@jywarren同じ人が他の部分にも取り組むことは可能ですか?
もしそうなら、私も第二部に行きたいと思います。 :)

@ CleverFool77ここでお手伝いしたいです! あなたがどこかで立ち往生しているなら、私に知らせてください、私たちは一緒にそれを解決することができます!

確かに@ IshaGupta18をお願いします:)

こんにちは@ IshaGupta18
私はiframeを表示する部分に取り組んでいました。 したがって、ajaxと一緒にコードを再度記述するか、graph.htmlで生成されたグラフをここに表示する必要があります。 本格的なプロジェクトでは、まだRuby onRailsを使用していません。 だからまだこれについて学んでいます。

はい、複数の人が並行して作業したり、共同作業したりできると思います。

iframeの場合、/ stats / graphで必要なグラフをすでに表示しているので、
ajaxの代わりにiframeを使用して含めることができると思います。 それは
わかる?

7:30 Lekhika Dugtalの日、2019年3月17日には[email protected]
書きました:

こんにちは@ IshaGupta18 https://github.com/IshaGupta18
私はiframeを表示する部分に取り組んでいました。 だから私はコードを書くべきですか
もう一度ajaxと一緒に、またはgraph.htmlで生成されたグラフを表示する必要があります
ここ。


あなたが言及されたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/publiclab/plots2/issues/5090#issuecomment-473656623
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AABfJ3l_BuDF5LweofawSM1wzy2lk9S1ks5vXicsgaJpZM4b24tN

@jywarrenこのようなもの-
Screenshot from 2019-03-18 23-57-57

私はまだマージンを与えていません。 そして、タググラフはカットされていません。3〜4種類の小さなグラフがあったため、表示されなかったため、ズームしました。 だから今のところ私はそれをズームしました

ここで何か助けてもらえますか? 貢献できたら嬉しいです! ありがとう

@jywarren @gauravano他のすべての変更は最初に依存すると思うので、最初のPRを最初にPRリンク
@ gautamig54この問題のどの部分からでも始めることができます。 しかし、今では、さらなる部分は互いに依存していると思います。 :考え:

@ gautamig54現在、2列目に表示される統計グラフPRに取り組んでいます。 あなたが興味を持っているなら、あなたは第三部に行くことができます:wink:

@ CleverFool77わかりました! 3つ目から始めます! ありがとう!

最後のタスクを完了する必要がありますか? その部分から始めてもいいですか?
ありがとう!

おっと、全部を閉じるつもりはありませんでした! 今すぐ再開します-そして、協力してくれてありがとう!

ああ、おっと、わかりました-そうですね、シーケンスがあります。 @ CleverFool77はすでに#5100を開始しているようで、マージする前にそこでiframeのものを完成させることができます(通常は2つのPRが素晴らしいでしょうが、これらは互いに非常に結びついています-マージすることは私には意味がありませんでした最初のページを公開してから、半分空のページを公開します。そうすれば、基本ページを一度にマージして、次のいくつかのページに進むことができますか? みんなありがとう、これはかっこいい!

「タググラフをズームする」という新しいアイテムを追加したい場合は、おそらく次のドキュメントを使用して可能だと思います: http

そしてこのコード? --https://github.com/publiclab/plots2/blob/master/app/views/tag/graph.html.erb

@jywarren別のコミットで同じprにiframeを追加します。
ズーム機能についてですが、私のローカルグラフには多くのデータがないため、これが必要でした。
ありがとう

@ divyabaid16最後の部分で別れる必要があると思います。 :thinking:わからないけど

はい、あなたは絶対に正しい@ CleverFool77です。
したがって、私が行うことは、テーブルをカードuiに変換し(すでに変更を加えているため)、そのためのPRを送信することです。 そして、UIでさらに追加する作業を共同で行うことができます。 いいですね?
ありがとう!

それは素晴らしい@ divyabaid16 :wink:

申し訳ありませんが、 @ CleverFool77に返信できません

素晴らしい皆さん、ありがとう!

月、2019年3月18日には、23:50 Lekhika Dugtal [email protected]
書きました:

それは素晴らしい@ divyabaid16https //github.com/divyabaid16😉


あなたが言及されたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/publiclab/plots2/issues/5090#issuecomment-474187999
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AABfJ3dnNcKajiyf-RCUqtYVfAzl6Soyks5vYF5JgaJpZM4b24tN

将来的にはきっとあなたの助けが必要になるでしょう@ IshaGupta18 :wink:
休憩してすぐに元気になる@jywarren

@ divyabaid16カードの基本構造が完了したら、pingを:。 私たちは協力して一緒にそれを解決します:smile:

確かに@ CleverFool77
私はあなたと一緒にそれを働きたいです:smile:

こんにちは@jywarrenこの問題の特集部分で修正が行われていることがわかりました。 しかし、問題#5004で、これはデータベースに保存されているとおっしゃいました。 それでは、これについていくつかの洞察を得ることができますか?

#5100を統合しました! 次のステップに進みます。 おそらくhttps://github.com/publiclab/plots2/pull/5172が次ですか?

カードレイアウトについてもhttps://github.com/publiclab/plots2/pull/5169で進捗状況を確認できます。

レッツ・メイクは確かCleverFool77 @により、カードのレイアウトは、内ソートと互換性がありhttps://github.com/publiclab/plots2/pull/5176 @ divyabaid16ことで! ここでなんと素晴らしい多人協力!!! 🙌

こんにちは@jywarren基本的なカードのレイアウトは人のセクション用です。 タグセクションの基本的なカードレイアウトに関しては、 @ divyabaid16がすでに述べたように機能していると思います。 彼女はソートセクションで素晴らしい仕事をしたので、同じ人が両方の仕事をしている場合、互換性は簡単にチェックされます。

その後、UIは、さまざまな寄稿者間のコラボレーションにより、基本構造から改善されます。
ありがとう !!!

こんにちは@ gautamig54 、何か助けが必要ですか?

@ CleverFool77ありがとう! 私は3番目のタスクに取り組んでいます。 必要に応じて必ず助けを求めます👍

カードUIのPRを送信するかどうかは実際には混乱しています。 それは私の前の2つのPRの前のキャリアだからです。

@jywarren @ CleverFool77私は3番目のタスクを実行し、同じPRを提出しました。 plはそれを確認します。

タグページでは、左側に表示されているタグの数が多いため、グラフの下の右側に空のスペースがあります。 設計上、これに関していくつかの修正を行う必要があると思います。 @jywarren @ CleverFool77は何と言いますか?

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

こんにちは@ divyabaid16私は前の2つのPRを尋ねたかった。 ソート用のPRではないですか?

ああ、私はあなたが2つのPR、@ divyabaid16について何を意味するかについて今それを見る。 待つ必要があると思います。 :考え:
@ gautamig54このための新しいUIに何があるか見て

@ CleverFool77注目のトピックが新しいUIデザインに追加されていませんか?

@ gautmig54はい、まだ追加されていません。 上記のコメントで、この質問について@jywarrenに質問しました。
ありがとう :)

ああ、すみません、今すぐ応答します:

こんにちは@jywarrenこの問題の特集部分で修正が行われていることがわかりました。 しかし、問題#5004で、これはデータベースに保存されているとおっしゃいました。 それでは、これについていくつかの洞察を得ることができますか?

はい、私たちは今これで大丈夫だと思います: https

ページの名前を単に「タグ」に変更する必要がありますが、おそらくテキストを削除できます(データベースにコピーできるので、コードベースで追跡する代わりに、より簡単に変更できます!)

1つは、テーブルの見出しが少し混雑していることです。ただし、カードを作成するときにテーブルの見出しを削除すると思いますか?

image

https://github.com/publiclab/plots2/pull/5176/で並べ替えを確認したら、カードの表示に進む準備ができています。 ( @ CleverFool77人々のページカードのデザインに関するあなたのメモを見ました、あなたは完全に正しいです、ありがとう!)

https://github.com/publiclab/plots2/pull/5239完了-カードのUIだけになりました!

本日までにこの部分のPRをお送りします。
ありがとう!

このページは役に立ちましたか?
0 / 5 - 0 評価