『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 19104|回复: 23

[UI界面] 支持前端UI配置卡片的DC1 Lovelace卡片

[复制链接]

16

主题

217

帖子

2229

积分

论坛技术达人

积分
2229
金钱
1977
HASS币
140
发表于 2020-8-26 15:48:35 | 显示全部楼层 |阅读模式
本帖最后由 fineemb 于 2020-10-20 19:46 编辑

Lovelace DC1 Card

hacs_badge

斐讯DC1排插卡片,这只是一个Lovelace的前端卡片, 具体硬件部分可以看罗总的固件.

  • 卡片可以定义多个传感器,显示排插的相关数据
  • 4个switch开关, 3个是插座,还有一个是USB, 可自由排序

更新

v 1.2.0

  • 优化代码,修复一些小bug
  • 增加前端UI的卡片配置

v 1.1.3

  • 适配hass 0.110.0 修复图标不显示的问题
  • 排插按钮不固定4个,可任意设置, 但是建议还是4个比较美观

    预览


HACS 安装

搜索DC1, 或者手动添加地址安装

手动安装

  1. 下载 dc1-card.js
  2. 复制到 www\community\lovelace-dc1-card
  3. 在Lovelace的resources下添加以下配置
    resources:
      - url: /local/community/lovelace-dc1-card/dc1-card.js
        type: module
  4. 在Lovelace视图 views.cards 内部添加卡片配置
    type: custom:dc1-card
    name: 工作间
    background_color: var(--paper-card-background-color)
    title_color: var(--icon-color-off)
    on_color: var(--paper-item-icon-active-color)
    off_color: var(--icon-color-off)
    sensors:
      a: sensor.dianliu
      w: sensor.gonglv
      v: sensor.dianya
      today: sensor.jintian
      yesterday: sensor.zuotian
      total: sensor.zong
    entitys: 
      - entity: switch.dc1_487F56_1
        title: USB
        icon: mdi:usb-port
      - entity: switch.dc1_487F56_2
        title: 吹风机
        icon: mdi:hair-dryer
      - entity: switch.dc1_487F56_3
        title: 台灯
        icon: mdi:desk-lamp
      - entity: switch.dc1_487F56_4
        title: 电脑
        icon: mdi:desktop-classic

    sensor switch还有title替换成自己的相关实体

选项

属性名 类型 默认 描述
name string 选项 这是整个排插的名字,现在还没想好UI部分放哪里
a entity id 选项 这里配置电流传感器
w entity id 选项 这里配置功率传感器
v entity id 选项 这里配置电压传感器
today entity id 选项 这里配置今日电量传感器
yesterday entity id 选项 这里配置昨天用电量传感器
total entity id 选项 这里配置总计电量传感器
entity entity id 必选 这个配置开关实体,总共必须配置4个
title string 选项 对应开关实体下的名称,如果不配置将读取实体的默认名称,建议配置
icon string 选项 对应开关实体下的图标,如果不配置将读取实体的默认图标,建议配置
background_color string 选项 卡片背景颜色,默认不需要配置跟随主题--paper-card-background-color
title_color string 选项 卡片文本颜色,默认不需要配置跟随主题--icon-color-off
on_color string 选项 打开状态颜色,默认不需要配置跟随主题--paper-item-icon-active-color
off_color string 选项 关闭状态颜色,默认不需要配置跟随主题--icon-color-off

确保所有传感器和开关是有效配置后才能正确显示


评分

参与人数 3金钱 +27 收起 理由
fenixdeng + 5
令狐鸣 + 10 大神666!
咸味土豆 + 12 大神666!

查看全部评分

回复

使用道具 举报

16

主题

245

帖子

1191

积分

金牌会员

Rank: 6Rank: 6

积分
1191
金钱
946
HASS币
0
发表于 2020-8-26 18:33:42 | 显示全部楼层
给大佬顶起,马上安装用上,谢谢
回复

使用道具 举报

16

主题

245

帖子

1191

积分

金牌会员

Rank: 6Rank: 6

积分
1191
金钱
946
HASS币
0
发表于 2020-8-26 18:36:03 | 显示全部楼层
大佬,留个github,不然文件哪里下载呢
回复

使用道具 举报

0

主题

183

帖子

2459

积分

金牌会员

Rank: 6Rank: 6

积分
2459
金钱
2276
HASS币
0
发表于 2020-8-26 20:06:35 | 显示全部楼层
回复

使用道具 举报

77

主题

1391

帖子

2万

积分

元老级技术达人

积分
24284
金钱
22853
HASS币
290
发表于 2020-8-26 20:41:22 | 显示全部楼层
效果不错,如果能有个带锁的功能就更发了,让有些设备的电源不能随意开关。
回复

使用道具 举报

9

主题

118

帖子

541

积分

高级会员

Rank: 4

积分
541
金钱
423
HASS币
0
发表于 2020-8-27 09:16:00 | 显示全部楼层
啥时候有空做个TC1和M1的前端吧。整个一整套。风格也一样。多好。期待哟。
回复

使用道具 举报

4

主题

531

帖子

4001

积分

论坛元老

Rank: 8Rank: 8

积分
4001
金钱
3460
HASS币
120
发表于 2020-8-28 17:15:09 | 显示全部楼层
大佬出的个个都是精品
回复

使用道具 举报

12

主题

545

帖子

2037

积分

金牌会员

Rank: 6Rank: 6

积分
2037
金钱
1492
HASS币
0
发表于 2020-8-29 00:15:10 来自手机 | 显示全部楼层
漂亮啊,马克一下 回头下载
回复

使用道具 举报

5

主题

90

帖子

1488

积分

金牌会员

Rank: 6Rank: 6

积分
1488
金钱
1398
HASS币
0
发表于 2020-8-31 09:35:42 | 显示全部楼层
大佬,怎么设置  可视化设置
回复

使用道具 举报

0

主题

71

帖子

432

积分

中级会员

Rank: 3Rank: 3

积分
432
金钱
361
HASS币
0
发表于 2020-8-31 10:10:57 | 显示全部楼层
这个厉害了,我的dc1又有用武之地了
https://tool.lu/netcard/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 21:45 , Processed in 2.034861 second(s), 34 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表