标签:# <标签:0 x00007fc410d6b358 >
＃1

色鬼:sidebar-card

这张卡为你的界面添加了一个侧栏，你可以全局配置，这样每个页面都有侧栏。它可以取代顶部导航，但也可以提供额外的功能。





!!！它正在进行中的工作希望有些人想使用它并测试卡以帮助改善它笑脸:!!！



指令

请访问github存储库用于安装和使用说明。

让我知道如果你有任何问题，问题或建议!

screenshot-default
screenshot-default 2224×1392 269 KB

screenshot-styled
screenshot-styled 2404×1038 233 KB

22喜欢
自定义Lovelace卡片- Homekit风格的卡片
楼层平面图UI与颜色同步灯
在菜单栏上显示传感器可能吗?
＃2

伟大的工作@dbuit.——谢谢!
以下是一些初步观察：

  • 使用时行动:切换它第一次工作，但然后尝试再次切换将不会工作，除非您刷新屏幕。我已经用一个锁实体和一个轻实体尝试过了，它们的行为方式是相同的
  • 是否有可能为您的HomeKit Tiles等实体显示图标/状态颜色吗？我添加了一个锁实体sidebarMenu但通过观察你无法知道实体的当前状态(光或其他实体也是如此)
# 3

嘿,

谢谢你的尝试。会看看你的发现!!

# 4

刚刚发布的小修复在0.106中出现错误

# 5

我刚刚更新了卡片并改变了结构。您现在需要在您的视图中设置卡我这样做，所以我得到了这种情况的状态更新，以这种方式拨动可以工作，但是当灯开启时，您也可以显示活动状态。喜欢@mkhattab建议。

我还为菜单添加了图标选项，示例：

-动作:切换实体:光。开始的名字:Lichtstrip状态:光。beganegrond图标:mdi: led-strip-variant

因此,图标是新，又是新状态用于根据实体状态切换项目开启或关闭项目。

而且基本配置也不同:

- url: /local/sidebar-card.js?v=0.0.1 type: module sidebar: title: " sidebar title" views: - title: "Home" cards: - type: "custom:sidebar-card" cards: - type: "custom:homekit-card" ....

在html被注入之前所以只有全局栏:配置是需要的，这仍然是需要的!但是您还需要添加一个带有type的卡片自定义:sidebar-card这张卡片作为牌选项只是把你当前的卡配置在那里，它应该是所有的好!

新版本也在HACS如果你不改变你的配置与卡在你的视图侧边栏将不会出现!

# 6

我喜欢定制侧栏的想法，但不是展示观点......

我使用tile去不同的视图，而不是把它放在顶部标题或侧边栏…
我想做的是取代当前的侧边栏，不确定是否可能…

然后把项目放到设置中然后把东西放到你的。

# 7

@dbuit.谢谢你考虑我的建议。
ReadMe说sidebarMenu是可选的，但我永远不能得到这张卡的工作没有添加一个侧栏菜单。我把它添加到全局视图，但我想知道这将如何在单个视图下工作。

  1. 我们需要添加吗？sidebarMenu或者是可选的吗？
  2. 如果它不是可选的，我们是否必须在每个菜单中重新定义所有选项的侧手？我试图只添加以下内容，它仍在抱怨
- type: "custom:sidebar-card"
# 8

我很困惑。所以我们是否将卡片添加了常规方式或在原始配置中进行此卡？

# 9

@mkhattab@lawsuitup

你需要在级别上的全局配置意见就像之前一样。
在那里，您定义了侧边栏应显示的内容，这是您定义的地方sidebarMenu例如。

在视图中，你想要显示侧边栏，你将侧边栏卡设置为第一张卡。这张卡只需要多一个属性卡:这个视图中所有其他纸牌都在这里。

希望这更清楚。

# 10

忘记我昨天xd的变化
我今天会把它改回来，所以只有视图级的全局配置是需要的，它将基于实体状态更新。

# 11

大家好，

我刚刚发布了v0.1 yich y昨天的改变哈哈。
只有全局配置栏:是需要的，它将被添加到所有地方，它也更新实体状态的变化，所以东西@mkhattab这些都是可能的: slight_smile:

＃１２

@dbuit.它还在问我sidebarMenu
下面是我的config (global-在定义我的视图之前):

侧边栏：标题：“主页”DigitalClock：True标题：家庭观点：

这是我得到的错误:

错误:你需要定义侧边栏菜单标题:Home digitalClock: true breakpoints: tablet: 1024 mobile: 768 type: 'custom:sidebar-card' ' ' ' '
# 13

我也不知道为什么它在错误中显示断点。我没有像你看到的那样定义它们

# 14

@mkhattab检查的代码快我错了，它是设置，你需要侧边栏菜单，我将稍后更改!

# 15

谢了哥们。你摇滚！

# 16

从V0.1开始，就不再显示侧栏了，即使是最简单的配置。
如果我理解正确，只是全局配置(在我的ui-lovelace.yaml)是必需的。我说的对吗?

编辑:嗯，似乎缓存问题，即使在几个CTRL-F5…
感谢这个伟大的组成部分。我会继续我的测试: slight_smile:

EDIT2:刚刚注意到使用导航操作时活动状态不工作

# 17

刚刚发布的小更新，修复了侧栏菜单是必需的@mkhattab

1就像
＃18

@jncanches您确定导航路径与您正在查看的页面的路径完全相同吗?它只是检查当前的url路径与你在配置中的路径。

# 19

谢谢@dbuit.现在工作得很好!
到目前为止我注意到的唯一一件事就是锁定实体似乎没有更新侧边栏中的状态。我尝试了灯光和开关，它们非常好，但锁不起作用。无论实际状态如何，它始终出现黄色（上）。切换锁实体工作，但它只是需要更正的状态显示。

# 20

我认为问题是，当状态等于关闭或不可用时，它显示为关闭else是显示购买锁使用锁定和解锁状态