教程：Floorplan之作为状态卡的配置

Floorplan除了可以展现为定制化面板（如前面章节所展现的，从左边菜单点击进入），也可以展现为状态卡的形式（同样支持动态的样式与互动的操作），如下图所示。

将floorplan配置为状态卡形式，与定制化面板的配置区别在两点上：

将源程序中state-card-floorplan.html文件拷贝到“配置目录/www/custom_ui/state-card-floorplan.html”。
在状态卡模式下，不会使用到定制化面板模式中需要的“配置目录/panels/floorplan.html”。

修改configuration.yaml，增加以下内容。

homeassistant:
  # 保留homeassistant下原有的一些配置
  # …………
  #################################
  # 如果原来的配置中为!include customize.yaml，也可以将下面的配置（不包含行“customize:”）放在被包含的文件中
  customize:    
    binary_sensor.floorplan:
      # 使用定制的状态卡显示实体
      custom_ui_state_card: state-card-floorplan
      config: !include floorplan.yaml
 
# 创建一个实体，无所谓是什么
binary_sensor:
  - platform: command_line
    command: echo 1
    name: floorplan
 
# 构建一个组，包含前面创建的实体
# 如果原来的配置为!include group.yaml，也可以将下面的配置（不包含行“group:”）放在被包含的文件中
group:
  myhouse:
    name: 我的家
    entities:
      - binary_sensor.floorplan
 
frontend:
  extra_html_url:
    - /local/custom_ui/state-card-floorplan.html