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添加到第二列
  • [x] 在图表下方添加链接
  • [x] 重新设计搜索栏 (https://github.com/publiclab/plots2/pull/5121)
  • [ ] 在模板部分重新设计表格以使用 Card ui(从面板开始,这里:https://getbootstrap.com/docs/3.3/components/#panels)

我很乐意帮助解决这个问题!

HTML Ruby break-me-up design help wanted

最有用的评论

我能帮上忙吗? 如果我能做出贡献就太好了! 谢谢

所有46条评论

@jywarren我很乐意解决这个问题。 我可以从制作两列的第一部分开始吗?

那就太好了! 谢谢 - 请注意,我们目前正在使用 Bootstrap 3,
https://getbootstrap.com/docs/3.3/ 上的文档——值得一看!

2019 年 3 月 15 日星期五下午 1:31 Lekhika Dugtal通知@github.com
写道:

@warren https://github.com/warren我很乐意解决这个问题。
我可以从制作两列的第一部分开始吗?


您收到此消息是因为您创作了该线程。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5090#issuecomment-473376431
或静音线程
https://github.com/notifications/unsubscribe-auth/AABfJ8N48ACVTtYlHFbsChYZIFpjb3dpks5vW9jfgaJpZM4b24tN
.

@jywarren我应该重新设计搜索栏吗?

当然! 但是您可能可以继续使用 #5832(我认为?)
已经开始了! 谢谢!

在周五,2019年3月15日在下午1点38分迪夫亚Baid [email protected]写道:

@jywarren https://github.com/jywarren我应该重新设计
搜索栏?


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5090#issuecomment-473378955
或静音线程
https://github.com/notifications/unsubscribe-auth/AABfJxYkgDzS1hVu9VHErqzbSdRS-RzPks5vW9qKgaJpZM4b24tN
.

@jywarren这是第一部分所说的吗? 我打开了一个 PR,将它分为两​​部分。
Screenshot from 2019-03-16 10-11-38

@jywarren同一个人是否也可以在其他部分工作?
如果是,那么我也想参加第二部分。 :)

@CleverFool77我想在这里帮忙! 如果您遇到任何问题,请告诉我,我们可以一起解决!

我肯定会问你@IshaGupta18 :)

@IshaGupta18
我正在处理展示 iframe 的部分。 那么我应该和ajax一起重新编写代码还是应该在这里显示graph.html中生成的图形。 我还没有在成熟的项目中使用 ruby​​ on rails。 所以还在学习这方面。

是的,我认为多人可以并行和/或协作!

对于 iframe,我们已经在 /stats/graph 中显示了我们想要的图形,所以
我认为我们可以使用 iframe 而不是 ajax 来包含它。 是吗
有道理吗?

2019 年 3 月 17 日星期日上午 7:30 Lekhika Dugtal通知@github.com
写道:

@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 吗,因为我想所有其他更改都将首先依赖。 公关链接
@gautamig54您可以从这个问题的任何部分开始。 但现在我猜更多的部分将相互依赖。 :思考:

@gautamig54现在,我正在研究要在第二列中显示的统计图 PR。 如果你有兴趣,你可以去第三部分 :wink:

@CleverFool77好的! 我将从第三个开始! 谢谢!

我应该完成最后一个任务吗? 我可以从那部分开始吗?
谢谢!

哎呀并不是要关闭整个事情! 现在重新开放 - 感谢您的合作!

哦,哦,好吧 - 所以,我明白了,有一个序列。 看起来@CleverFool77已经开始#5100,我们可以在合并之前完成 iframe 的内容

如果我们想添加一个“缩放标签图”的新项目,我认为可能可以使用此文档: 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 日星期一晚上 11:50 Lekhika Dugtal通知@github.com
写道:

太好了@divyabaid16 https://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 我 :wink: 。 我们将合作并一起解决 :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谢谢! 我正在做第三个任务。 如果需要,我一定会寻求帮助👍

我实际上很困惑是否发送卡 ui 的 PR。 因为它是我之前 2 个 PR 的载体。

@jywarren @CleverFool77我已经完成了第三个任务,并为此提交了一个 PR。 请审查它。

在标签页面上,左侧显示的标签数量更多,这导致图表下方右侧的空白区域。 我认为应该在设计中对此进行一些修改。 @jywarren @CleverFool77 怎么说?

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

@divyabaid16我想问一下前两个 PR。 这不是一个用于排序的 PR 吗?

哦,我现在明白你对 2 个 PR 的意思了,@divyabaid16。 我想我们需要等待。 :思考:
@gautamig54让我们看看新 UI 中有什么。

@CleverFool77特色主题尚未添加到新 UI 设计中?

@gautmig54是的,它还没有添加。 我在上面的这些评论中向@jywarren询问了这个问题。
谢谢:)

啊,对不起,现在回复:

@jywarren我发现修复要在这个问题的特色部分完成。 但是您在问题 #5004 中提到它存储在数据库中。 那么我可以对此有所了解吗?

是的,我认为我们现在没问题: https :

虽然我们应该简单地将页面重命名为“标签”,也许我们可以删除文本(我可以将其复制到数据库中,以便我们可以更轻松地更改它而不是在代码库中跟踪它!)

一件事是表格标题有点拥挤 ​​- 我想我们在制作卡片时会删除它们,但是?

image

现在查看https://github.com/publiclab/plots2/pull/5176/进行排序,然后准备继续进行卡片展示! ( @CleverFool77我看到了你关于人物页面卡片设计的说明,你说得对,谢谢!)

https://github.com/publiclab/plots2/pull/5239完成 - 现在只是卡片 UI!

我将在今天之前发送这部分的 PR。
谢谢!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

milaaraujo picture milaaraujo  ·  3评论

grvsachdeva picture grvsachdeva  ·  3评论

grvsachdeva picture grvsachdeva  ·  3评论

keshavsethi picture keshavsethi  ·  3评论

milaaraujo picture milaaraujo  ·  3评论