Plots2: UI 改进规划问题：单个标签页面

我对设计有一些疑问。
并非所有标签都有 wiki 页面，因此不会有背景图像。 在这种情况下应该设计什么？
我们应该在哪里添加相关标签部分？
另外，我想建议在其主页本身上添加父标签的子页面列表。
我们是否也需要将其设为影子页面？

@jywarren @CleverFool77 @gauravano @SidharthBansal
让我们开始吧。 谢谢！

哦。 似乎问题已经在这里分开了。 所以我将关闭我当时制作的早期问题。
谢谢 ！！

新的样式指南设计看起来不错，但还有许多功能我们尚未放入其中，例如评论中提到的 gautami。

我对设计有一些疑问。
并非所有标签都有 wiki 页面，因此不会有背景图像。 在这种情况下应该设计什么？
我们应该在哪里添加相关标签部分？
另外，我想建议在其主页本身上添加父标签的子页面列表。
我们是否也需要将其设为影子页面？

@CleverFool77我已将任务分配给我们。 您可以根据自己的喜好更改它。 谢谢。
让我们等待@jywarren对我们的疑虑发表评论。

嗨@gautamig54交替进行分配。 这样工作起来更容易，速度也更快。

我会做的。 我也会写出详细的任务，并相应地进行划分。

我已经更新了问题。
@CleverFool77我在想我们是否真的需要使用名称或人员对活动进行排序。 我的意思是我们已经将标签的活动划分为维基、问题和笔记等类型。 我们可以利用这个空间来显示相关标签。
你说什么？

我不确定对@gatamig54进行排序。 但是，是的，您的观点确实有道理。 正如我们已经根据维基、问题和笔记进行区分。
让我们等一下@jywarren。
嗨@gautamig54我添加了附近的用户搜索选项来映射添加地图部分。 由于它们是相关的，并且地图的添加看起来非常小。
谢谢 ！！

嗨@gautamig54我们是要在影子路线还是类似路线中做到这一点。
根据我的说法，新的 UI 不会像问题页面中发生的那样破坏一切。 由于新的用户界面与之前完全不同。 所以我们需要在测试之前使用shadow route。
但这里的新设计只是早期的一种改进和更好的方式。 位置几乎相同，但对导航选项卡到下拉列表进行了一些更改。 不同的 UI 卡。 而已。
那么我们应该在影子路线中这样做还是在之前的路线上进行更改？

我不确定影子页面。 我们将页面分为 3 个部分。 您认为这可能会影响当前页面？

如您所见，页面现在已经分为两个部分。 只需将第二部分分成卡片和地图的列。
col-10 和 col-2 可能吗？
https://publiclab.org/tag/air-quality
你说什么 ？
我们可以按views和likes而不是地方排序？

嗨@gautamig54让我们等待关于阴影或原始路线的@jywarren 。

也许我们可以在原始页面本身上进行管理。 让我们等待@jywarren的意见。

我认为鉴于现在标记页面的状态（相当糟糕），我们不妨在没有影子页面的情况下执行此操作，这可能意味着我们会在流程后期做一些会破坏的事情（就像我们尝试订购它一样）我们首先做的事情将是对当前页面的改进，而不是做一些稍后需要修复的事情并使页面处于损坏状态）有意义吗？

并非所有标签都有 wiki 页面，因此不会有背景图像。 在这种情况下应该设计什么？

我认为我们可以将背景设为灰色，除非你能想到别的。 样式指南中有一些页面示例没有引导图像，但顶部框的显示方式会有所不同。 所以，让我们用浅灰色？ 你怎么认为？

至于文本，如果没有 wiki 页面，我们可能会有像this page has no summary; _click here to add one_ by making a wiki page这样的文本——这可能需要更多的改进，但这有意义吗？ 还是应该更简单地说添加摘要但将较长的文本作为工具提示？

我们应该在哪里添加相关标签部分？

也许这可能会出现在此屏幕截图中See people near位置？ 风格指南可能需要细化，以使这个空间的各种用途更加清晰。

另外，我想建议在其主页本身上添加父标签的子页面列表。

它会出现在左侧边栏中吗？

排序选项

在默认视图中，我们看到所有笔记、问题和 Wiki 都是混合的，按最近的更新排序。 不同页面的排序区域会有所不同，所以也许在这里我们会提供created | updated | likes ？ commented呢？ 我们可以显示 2-3，并在需要时添加更多选项的more ？

令人兴奋！！！！！ 这会很棒。 我们可以随时征求人们的意见，新的自动截图功能也可以让我们在合并之前在一组 PR 中进行大量工作。 事实上，PRs 应该可以针对其他 PR 分支打开，这样我们就可以在进行更大的合并之前在屏幕截图中看到页面的演变......你怎么看？

或者我们可以逐步将 PR 合并到 master 分支中。 无论哪种方式。 什么都适合你们！

我认为鉴于现在标记页面的状态（相当糟糕），我们不妨在没有影子页面的情况下执行此操作，这可能意味着我们会在流程后期做一些会破坏的事情（就像我们尝试订购它一样）我们首先做的事情将是对当前页面的改进，而不是做一些稍后需要修复的事情并使页面处于损坏状态）有意义吗？

这是一个好主意。 我们可以从即兴展示主图像和主标签卡开始。 这更像是一种增强。

我认为我们可以将背景设为灰色，除非你能想到别的。 样式指南中有一些页面示例没有引导图像，但顶部框的显示方式会有所不同。 所以，让我们用浅灰色？ 你怎么认为？

浅灰色好听！！

关于子主题，我们可以在侧边栏添加。 也许在相关标签下方？

嗨@gautamig54 那么你是从第一部分开始的吗？

是的，我从第一部分开始

所以我们没有为图像留下任何边缘空间？

你会离开 col-2 去地图吧？

2019 年 6 月 13 日星期四晚上 11:19 Gautami Gupta通知@github.com
写道：

是的，我从第一部分开始

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AGLS6STPHT5O5ES6KZVHHXDP2KCCFA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LODMX5K8ZGOZGODMX5K5000000000000000000 ，
或静音线程
https://github.com/notifications/unsubscribe-auth/AGLS6SVMUSO6NKTS6MTPN2LP2KCCFANCNFSM4HXV2FRQ
.

我正在考虑将 col-3 用于地图。
col -2 也可以。

所以我们没有为图像留下任何边缘空间？

让我们先处理其他理解和直接适用的部分，直到我们可以讨论图像。

我正在考虑将 col-3 用于地图。

它会使活动卡太小。 少见。 发布 col-2 和 col-3 粗糙模型怎么样。 那我们来决定？

当然！ 我们两个都可以试试。
另外，由于网站的主要布局有一个固定的边际空间，让我们保持这种方式并实施。 如果我们需要删除空间，我们可以稍后再做。

col-3 看起来不错。
而且分页好看吗？

我没有更改页面上的太多内容。 随着我们推进其他任务，它将逐渐取代它的位置。 例如，标签名称、其描述、统计信息、RSS、关注/取消关注将在主标签卡中，我将在您管理图像后实施该卡。

我尝试在样式指南的侧边栏中添加“相关标签”区域：

看起来不错@jywarren。 我们会实施的。 谢谢！

嗨@jywarren @gautamig54
这是我们需要的图像绝对定位吗？
我附上了截图。
谢谢 ！！

没有维基图片

与维基和图像

有维基但没有图片

这看起来很棒@CleverFool77。
您可以尝试降低图像的高度，因为它覆盖了半页以上吗？ 你怎么认为？

啊，截图实际上是一小部分。 等等我放全屏截图。

这是全屏。 我应该降低高度吗？

抄送： @gautamig54

我觉得这很好。 看起来很棒！

凉爽的。 :+1: :+1:

@CleverFool77 @jywarren我正在制作标签卡。 请查看并提出更改建议。

我应该在省略号菜单中添加“添加标签父级”选项吗？

那将是真棒。 这看起来很棒！ 也许订阅按钮
应该是btn-primary吗？ 即蓝色？

2019 年 6 月 17 日星期一下午 1:53 Gautami Gupta通知@github.com
写道：

我应该在省略号菜单中添加“添加标签父级”选项吗？

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J2HOEJENCBOZQLNFP3P27FRHA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVX6WZPW63LNMVX6WZPW63LNMVXWZPY100000DXPW63LNMVXWZPY1000000
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZBCHFX27VGKUCQHVDP27FRHANCNFSM4HXV2FRQ
.

@jywarren PR #5903 已准备好合并。 合并后，我会将卡片定位到所需的位置并发布相同的 PR。 谢谢！

我猜@gautamig54将页面分成两列https://github.com/publiclab/plots2/pull/5902的PR也准备好了。 合并这将有助于我们转发有关以下活动卡的工作以及本期依赖于此的其他部分。
谢谢 ！！！

好的，我去看看！

2019 年 6 月 18 日，星期二，下午 12:38，Lekhika Dugtal通知@github.com
写道：

我猜将页面分成两列的 PR #5902
https://github.com/publiclab/plots2/pull/5902 @gautamig54
https://github.com/gautamig54也准备好了。 合并这将有助于我们
在转发有关以下活动卡和其他部分的工作时
依赖于此的问题。
谢谢 ！！！

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6JYPKJI5E4QQURWQL43P3EFM7A5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LODMX5HW63LODMX5200000000000000000000D
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J4NEKON7QFP3ZZ5VATP3EFM7ANCNFSM4HXV2FRQ
.

@CleverFool77我想帮您

@CleverFool77我想帮您

我好像看不懂？？ 关于活动卡。 我肯定会问你问题。 你是这个意思吗 ？

到目前为止，省略号部分对我来说似乎不是问题。 但是，是的，如果我遇到任何。 我会请你帮忙。
Juts 在https://github.com/publiclab/plots2/pull/5903#issuecomment -503429664 中推送了https://github.com/publiclab/plots2/pull/5903 的最新更改。
有一些评论会很棒。
谢谢 ！！

当然！

嗨@jywarren正如我们所看到的，在所有页面上共享的questions, wiki and notes卡片是相同的代码。 因此，如果我将更改单个标签页面中卡片​​的 UI，那么所有页面中卡片​​的 UI 都会更改。 那么我应该为代码编写一个新文件，还是重写旧文件。 因此也允许在仪表板和其他页面中更改卡片 UI。 很快，仪表板 UI 和卡片将再次更改。 重写旧的并允许更改所有页面中的卡片 UI 看起来更好。

如果我们覆盖旧的，会影响哪些页面？ 老一，可以
你命名了确切的文件，所以我仔细遵循？ 但如果有任何疑问，
可以制作第二个模板文件，可能标记为 _new 或 _2，我们
一旦我们完全有信心，将替换原来的。

谢谢！

2019 年 6 月 19 日，星期三，上​​午 5:37，Lekhika Dugtal通知@github.com
写道：

嗨@jywarren https://github.com/jywarren正如我们所见，卡片
对于问题，维基和所有页面上共享的注释是相同的
代码。 因此，如果我将更改个人标签中存在的卡片的 UI
页面，那么所有页面中存在的卡片的 UI 将被更改。 所以应该
我为代码编写了一个新文件，或者重写了旧文件。 因此
还允许更改仪表板和其他页面中的卡片 UI。
很快，仪表板 UI 和卡片将再次更改。 重写
在较旧的页面上并允许更改所有页面中的卡片 UI 看起来像
更好的主意。

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J56GEMFBLOEARYJQJDP3H42VA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWSZ5L040000000000000000000000000000000400000000000000004004000400000000000000000004
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J66WDLC35YRQ3XLVNLP3H42VANCNFSM4HXV2FRQ
.

这些卡片的代码在任何地方都被重用。 例如在dashboard然后再次在这里。 我们渲染notes/notes并多次重用它。

啊，好吧，我们可以更换它...但我们想检查它的外观
在网站的任何地方。 所以也许我们应该让它/完全/在
一旦出现，然后让它无处不在？ 你怎么认为？

2019 年 6 月 19 日，星期三，上​​午 10:46，Lekhika Dugtal通知@github.com
写道：

这些卡片的代码在任何地方都被重用。 例如在
仪表板然后再次在这里。 我们渲染笔记/笔记并多次重复使用
次。
[图片：截图来自2019-06-19 20-12-04]
https://user-images.githubusercontent.com/26685258/59775286-97404280-92ce-11e9-8e6c-079a60306535.png

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J6RD3GKCVBX7RZF6W3P3JBBTA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBWZKCDDNV53VMVBWZKCDDNV5000000000000000000000000000003000000000000000000000000000000000005
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J5HXEH2LXMNNJHQJWLP3JBBTANCNFSM4HXV2FRQ
.

当然。 那我先去看看。

现在只是https://github.com/publiclab/plots2/pull/5902 ？ 🎉

我更新了一些清单，但可能不是全部——谢谢！

这现在在https://stable.publiclab.org/tag/balloon-mapping

嗨@jywarren这看起来很酷

但请注意，这些图像没有加载吗？

嗨，杰夫！！ 我应该在笔记卡上工作吗？ ：思维：

对于图像，我认为稳定，图像可能无法正确指向
但他们应该从事生产工作。 你能看看图片的网址吗
并将“stable.publiclab.org”更改为“publiclab.org”以查看它是否真的
生产中存在吗？ 谢谢！

2019 年 7 月 5 日星期五下午 12:23 Lekhika Dugtal通知@github.com
写道：

嗨，杰夫！！ 我应该在笔记卡上工作吗？ 🤔

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J7VGIHNZ22GT4HF233P55YPHA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63KZDNX8000000000000000000000000000101000000000000001
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JYQ4ZGIYSO3KGE2UMTP55YPHANCNFSM4HXV2FRQ
.

我应该降低笔记标题的高度吗？

我猜这还没有投入生产。

现在正在推送 :smiley:

嗨@jywarren。 我在主卡的省略号中看到了“如何编辑这张卡”的选项。 我不认为我添加了这个。 这是故意的吗？

是的，我加了！ 我在 PublicLab.org 上做了一个页面来帮助解释这个
特征 ：-）

2019 年 7 月 8 日星期一下午 2:37 Gautami Gupta通知@github.com
写道：

嗨@jywarren https://github.com/jywarren 。 我看到这个选项
主卡省略号中的“如何编辑此卡”。 我不认为我
添加了这个。 这是故意的吗？

[图像：屏幕截图 2019-07-09 at 12 05 10 AM]
https://user-images.githubusercontent.com/35326753/60834075-738d5f80-a1dd-11e9-87ce-a64539a2750a.png

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J4JXRAEL6TR4MVEHALP6OCNZA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWSZ7Z00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000004
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J2WUMF2J2TPCSEPIWTP6OCNZANCNFSM4HXV2FRQ
.

我关闭了#5902 PR，因为它被延迟了许多设计冲突。 我将为相同的和其他所需的更改打开一个新的 PR。

我们是否需要新设计中的格式切换选项，或者我们可以将其删除？

我想我们可以删除它，谢谢！

2019 年 7 月 8 日星期一下午 3:27 Gautami Gupta通知@github.com
写道：

我们是否需要新设计中的格式切换选项，或者我们可以将其删除？

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6JZYHA3NTQZDVY4E2Z3P6OIIFA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63KZDNX50000000000000000000000000000010010001000000000000000000001
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J2NXSRUTCY46FO7UYTP6OIIFANCNFSM4HXV2FRQ
.

@jywarren在设计中有一些下拉菜单，我无法理解其目的。 就像在“发布问题”中一样，下拉列表中会有什么？
类型下拉列表旁边的省略号和“查看附近的人”旁边的侧边栏中的省略号？

在Post a question我认为它可能会用于不同类型的帖子。 但是如果我们实现这里显示的弹出模板菜单：

那么下拉菜单就没有必要了，我们可以只说Post 。 你怎么认为？

另外两个，我想我们可以跳过，因为我们有一张在顶牌。 它们只是其他建议的“隐藏”或隐藏额外功能的地方！

@jywarren ，那么您是否想要一种模态弹出窗口来从中选择模板？ 我们甚至可以将其作为下拉菜单中的选项。 是的，如果我们要为用户提供选择其目的的选项，我们必须更改为“发布”。

嘿@gautamig54 ，我们可以使用下拉菜单，但是这个设计https://github.com/publiclab/plots2/issues/5890#issuecomment -509830813 看起来真的很棒，所以你能尝试实现它吗？

嗨@gautamig54你在处理post button吗？ 并使用模态和所有？

嗨@CleverFool77！ 我最近有点忙。 我正在处理标签页面上的剩余任务。 我将很快推动更改。
抱歉耽搁了！

嗨@gautamig54如果你愿意，我可以完成发布问题的任务？ 你说什么 ？ 正如我所看到的，您在其他页面中仍有一些任务。

发布问题的下拉菜单中应该包含什么？

凉爽的。 你在这方面工作，然后我将从仪表板开始。
在后问题下拉列表中，应该有一个模式可以让我们
选择模板。
@jywarren在样式指南中为它添加了一个设计草案。
谢谢 ！！！

2019 年 8 月 4 日星期日晚上 10:17 Gautami Gupta [email protected]
写道：

发布问题的下拉菜单中应该包含什么？

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AGLS6ST3JAKPXSV3ZMN2T4TQC4BY3A5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LONQFLXM520000000000000000000000000000000 ;
或静音线程
https://github.com/notifications/unsubscribe-auth/AGLS6STF2LBT3RV2FA7QFI3QC4BY3ANCNFSM4HXV2FRQ
.

@gauravano @aSquare14我对帖子的可用选项有一些疑问。

• 问题
• 故事或项目。 现在，故事将是一个带有博客提交标签的帖子，而作为一个项目，它可以是一个简单的帖子。 选择哪一个？
• 问题，它会是一个标记为问题简介的帖子吗？ 问题的模板在哪里，因为我认为它是一个功能而不是代码。

嗨@gautamig54首先，我似乎并没有完全理解你的问题，但我会尽力解释我所理解的。
我们需要像我们在仪表板中为Share your Work提供的选项，在这个仪表板中，我们有Notes 、 Wikis和Questions 。 等等 -

在这里，我们应该拥有的是用于在笔记、qikis 和我猜的问题之间进行选择的模态。

抄送： @gauravano @aSquare14

你写的关于问题/故事/项目和其他东西 - 而不是像我们在仪表板中那样用Wikis Note和Questions来写会很好。

在这里需要注意的主要事情之一是我们不会直接发布，而是应该为该特定标签附加标签，因为这是在其上发布Note或Question标签。 所以您需要确保附加了标签。

就像我们目前为特定标签发布问题所拥有的一样 -

我实现了我所理解的@CleverFool77。 我已经附上了标签，它们工作正常。 除了在问题中我添加了标签 issue-brief-tagname。 我认为这就是它的工作原理。
对于其他人，我按照您的建议做了同样的事情。

另外， @CleverFool77我在想，如果我们可以有一个单独的问题来纠正移动视图或选项卡视图的视图。 你怎么认为？

嗨@gautamig54是否需要创建更多问题？ 我们可以将其添加到后续修复和错误清单中。 如果我们继续创建问题，那么每个错误都会有很多问题。 因此，最好将它们列在一个现有问题中。 凉爽的。

抱歉在这里回复缓慢，但我希望它有助于澄清 - 原文
带有要发布选项下拉列表的仪表板将被替换
通过模式（显示 /before/ 重定向到编辑器，因为
编辑器取决于所做的选择）因为模式给了我们更多的空间
解释不同类型的用途。 就像现在一样，新人看到
下拉菜单可能不容易理解每​​种“类型”的帖子是什么，所以
模态为我们提供了一些解释这一点的空间。 这能行吗？ 模态
可以是它自己的部分模板。 我们只想确保它呈现
在手机上很好。

2019 年 8 月 8 日星期四下午 2:01 Lekhika Dugtal通知@github.com
写道：

嗨@gautamig54 https://github.com/gautamig54是否需要创建
更多问题？ 我们可以将其添加到后续修复和错误清单中。
好像如果我们继续创造问题，我们就会有很多问题
漏洞。 所以最好只检查一个现有问题。 凉爽的。

—
你收到这个是因为你被提到了。
直接回复本邮件，在GitHub上查看
https://github.com/publiclab/plots2/issues/5890?email_source=notifications&email_token=AAAF6J4ELSFTANVA3S6L3ITQDPHBZA5CNFSM4HXV2FR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWWJ2200000000000000000000000000000000040000000000000200400000010000100000000000000100000000000010001000100010001000100001
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J535HT4GKGYXOQZLQDQDPHBZANCNFSM4HXV2FRQ
.

凉爽的。 @gautamig54在她的 pr 中更新了这个模态功能。
抄送： @jywarren

我想我们也快完成了，只需要确保排序工作！ 我划掉了一些我们没有做的事情。

@CleverFool77您是否有兴趣解决排序问题，或者至少在记录更彻底的同一里程碑下将其分解为一个新问题？ 然后我们可以关闭它！

我相信这几乎是完整的，除了我要链接到的这个问题！ https://github.com/publiclab/plots2/issues/6307

谢谢大家！