configuration.yaml
##############################################################################
#
# Dashboard
#
##############################################################################
lovelace:
mode: yaml
resources:
- url: /hacsfiles/button-card/button-card.js
type: module
- url: /local/community/custom-brand-icons/custom-brand-icons.js
type: js
ui-lovelace.yaml
##################################################
#
# Dashboard
#
# 구성요소ID 위치:
# 설정 > 기기 및 서비스 > 상단 "구성요소" TAB > [구성요소 선택] >
# "제어기기" 카드에서 선택 > 우측 상단 설정 아이콘 > 구성요소 ID
#
##################################################
##################################################
# UI Lovelace Minimalist
# https://github.com/UI-Lovelace-Minimalist/UI
##################################################
#button_card_templates: !include_dir_merge_named "custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
##################################################
# grid 별 제목을 표시할 템플릿 정의
##################################################
button_card_templates:
section-header:
show_icon: false
show_state: false
styles:
card:
- background: none
- box-shadow: none
- font-size: 20px
- font-weight: bold
- padding: 12px 8px
- margin-bottom: 8px
- border-bottom: 1px solid var(--divider-color)
- color: var(--primary-text-color)
title: Home
views:
- title: Home
path: home
icon: mdi:view-dashboard
badges: []
cards:
- type: vertical-stack
cards:
##################################################
# 네이버 날씨
##################################################
- type: custom:button-card
template: section-header
name: 네이버 날씨
- type: vertical-stack
cards:
- type: entities
entities:
- entity: sensor.gangsuhwagryul
- entity: sensor.bisijagsiganoneulnaeil
- entity: sensor.misemeonji
- entity: sensor.jaoeseondeunggeub
- entity: sensor.naeilojeonnalssi
- entity: sensor.naeilohunalssi
title: 서울시 구로구
##################################################
# 실외 거실 발코니 센서
##################################################
- type: custom:button-card
template: section-header
name: 실외 센서
- type: grid
columns: 2
square: false
cards:
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor3_temperature
detail: 1
name: 온도
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor3_humidity
detail: 1
name: 습도
- graph: line
type: sensor
entity: sensor.solar_rain_sensor_illuminance
detail: 1
name: 조도
- graph: line
type: sensor
entity: sensor.solar_rain_sensor_rain_intensity
detail: 1
name: 비 센서
##################################################
# 실내 센서
##################################################
- type: custom:button-card
template: section-header
name: 실내 센서
- type: grid
columns: 2
square: false
cards:
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor1_temperature
detail: 1
name: 거실화장실 온도
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor1_humidity
detail: 1
name: 거실화장실 습도
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor2_temperature
detail: 1
name: 안방화장실 온도
- graph: line
type: sensor
entity: sensor.temperature_humidity_sensor2_humidity
detail: 1
name: 안방화장실 습도
- graph: line
type: sensor
entity: sensor.light_sensor_illuminance
detail: 1
name: 실내 조도
##################################################
# 실내 공기 센서
##################################################
- type: custom:button-card
template: section-header
name: 실내 공기 센서
- type: grid
columns: 2
square: false
cards:
- graph: line
type: sensor
entity: sensor.air_house_keeper_temperature
detail: 1
name: 거실 온도
- graph: line
type: sensor
entity: sensor.air_house_keeper_humidity
detail: 1
name: 거실 습도
- graph: line
type: sensor
entity: sensor.air_house_keeper_co2
detail: 1
name: 이산화탄소
- graph: line
type: sensor
entity: sensor.air_house_keeper_formaldehyd
detail: 1
name: 포름알데히드(HCHO)
- graph: line
type: sensor
entity: sensor.air_house_keeper_voc
detail: 1
name: 휘발성유기화합물(TVOC)
- graph: line
type: sensor
entity: sensor.air_house_keeper_pm25
detail: 1
name: PM2.5 먼지
##################################################
# 전기 사용량
##################################################
- type: custom:button-card
template: section-header
name: 전기 사용량
- type: grid
columns: 2
square: false
cards:
- graph: line
type: sensor
entity: sensor.smartplug_01_energy
detail: 1
name: 스마트플러그01
- graph: line
type: sensor
entity: sensor.smartplug_02_energy
detail: 1
name: 거실TV & 셋톱박스
- graph: line
type: sensor
entity: sensor.smartplug_03_energy
detail: 1
name: 공기청정기
- graph: line
type: sensor
entity: sensor.smartplug_04_energy
detail: 1
name: 냉장고
- graph: line
type: sensor
entity: sensor.smartplug_05_energy
detail: 1
name: 세탁기
- graph: line
type: sensor
entity: sensor.smartplug_06_energy
detail: 1
name: 빨래건조기
- graph: line
type: sensor
entity: sensor.smartplug_07_energy
detail: 1
name: 컴퓨터룸 선풍기
- graph: line
type: sensor
entity: sensor.smartplug_08_energy
detail: 1
name: 이동식TV
##################################################
# 거실 조명 스위치
##################################################
- type: custom:button-card
template: section-header
name: 거실 조명 스위치
- type: grid
columns: 2
square: false
cards:
- type: 'custom:button-card'
entity: switch.livingroom_main_switch_l4
name: 메인 노란등
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.livingroom_main_switch_l5
name: 메인 백색등
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.livingroom_main_switch_l2
name: 무드등
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.livingroom_main_switch_l3
name: 포스터등
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.livingroom_main_switch_l1
name: 복도등
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
##################################################
# 방 조명 스위치
##################################################
- type: custom:button-card
template: section-header
name: 방 조명 스위치
- type: grid
columns: 2
square: false
cards:
- type: 'custom:button-card'
entity: switch.moes_1gang_innerroom
name: 안방
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_bedroom1_1
name: 드레스룸
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_1gang_bedroom2
name: 컴퓨터방
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_bedroom1_2
name: 세탁실
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
##################################################
# 화장실 조명 및 환풍기 스위치
##################################################
- type: custom:button-card
template: section-header
name: 화장실 조명 및 환풍기 스위치
- type: grid
columns: 2
square: false
cards:
- type: 'custom:button-card'
entity: switch.moes_2gang_restroom1_1
name: 거실 화장실 조명
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_restroom1_2
name: 거실 화장실 환풍기
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:fan
styles:
icon:
- animation: rotating 2s linear infinite
- value: 'off'
icon: mdi:fan
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_restroom2_1
name: 안방 화장실 조명
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_restroom2_2
name: 안방 화장실 환풍기
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:fan
styles:
icon:
- animation: rotating 2s linear infinite
- value: 'off'
icon: mdi:fan
styles:
icon:
- color: grey
##################################################
# 주방 조명 스위치
##################################################
- type: custom:button-card
template: section-header
name: 주방 조명 스위치
- type: grid
columns: 2
square: false
cards:
- type: 'custom:button-card'
entity: switch.moes_2gang_kitchen_1
name: 싱크대 조명
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: switch.moes_2gang_kitchen_2
name: 식탁 조명
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:toggle-switch
- value: 'off'
icon: mdi:toggle-switch-off
styles:
icon:
- color: grey
##################################################
# 에어컨
##################################################
- type: custom:button-card
template: section-header
name: 에어컨
- type: grid
columns: 2
square: false
cards:
- type: 'custom:button-card'
entity: input_boolean.helper_livingroom_aircond
name: 거실 에어컨 ON/OFF
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:fan
styles:
icon:
- animation: rotating 2s linear infinite
- value: 'off'
icon: mdi:fan
styles:
icon:
- color: grey
- type: 'custom:button-card'
entity: input_boolean.helper_innerroom_aircond
name: 안방 에어컨 ON/OFF
color: auto
show_icon: true
show_state: false
state:
- value: 'on'
icon: mdi:fan
styles:
icon:
- animation: rotating 2s linear infinite
- value: 'off'
icon: mdi:fan
styles:
icon:
- color: grey
- show_name: true
show_icon: true
type: button
entity: input_select.helper_livingroom_aircond_mode
name: 거실 에어컨 모드
- show_name: true
show_icon: true
type: button
entity: input_select.helper_innerroom_aircond_mode
name: 안방 에어컨 모드
- show_name: true
show_icon: true
type: button
entity: climate.geosileeokeon
name: 거실 에어컨 세부 설정
icon: mdi:tools
- show_name: true
show_icon: true
type: button
entity: climate.anbangeeokeon
name: 안방 에어컨 세부 설정
icon: mdi:tools
##################################################
# 거실 커튼
##################################################
- type: custom:button-card
template: section-header
name: 거실 커튼
- type: grid
columns: 2
square: false
cards:
- type: entity
entity: cover.curtain_motor
icon: mdi:curtains
name: 거실 커튼
##################################################
# CCTV
##################################################
- type: custom:button-card
template: section-header
name: CCTV
- type: grid
columns: 2
square: false
cards:
- show_name: true
show_icon: true
type: entity
entity: camera.192_168_1_41
name: 거실 CCTV
##################################################
# 스마트플러그 토글
##################################################
- type: custom:button-card
template: section-header
name: 스마트 플러그
- type: grid
columns: 2
square: false
cards:
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_smartplug01
name: 소파 옆 충전기
icon: mdi:power-socket-eu
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_livingroom_tv
name: 거실TV & 셋톱박스
icon: mdi:television-classic
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_livingroom_air_purifier
name: 공기청정기
icon: mdi:air-purifier
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_refrigerator_smartplug
name: 냉장고
icon: mdi:fridge
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_washing_machine_smartplug
name: 세탁기
icon: mdi:washing-machine
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_clothes_dryer_smartplug
name: 빨래건조기
icon: mdi:tumble-dryer
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_electric_fan_smartplug
name: 컴퓨터실 선풍기
icon: mdi:fan
- show_name: true
show_icon: true
type: button
entity: input_boolean.helper_portable_tv_smartplug
name: 안방 이동식TV
icon: mdi:youtube-tv
##################################################
# 샤오미 로봇 청소기 (M30 Pro/C107)
##################################################
- type: custom:button-card
template: section-header
name: 샤오미 로봇 청소기 (M30 Pro/C107)
- type: grid
columns: 2
square: false
cards:
- type: gauge
entity: sensor.xiaomi_c107_3fe3_battery_level
name: 배터리
tap_action:
action: none
unit: '%'
needle: true
- show_name: true
show_icon: true
type: button
entity: vacuum.xiaomi_c107_3fe3_robot_cleaner
name: 청소
icon: mdi:vacuum
- show_name: true
show_icon: true
type: button
entity: select.xiaomi_c107_3fe3_sweep_mop_type
name: 청소 모드
icon: mdi:format-list-bulleted-type
- show_name: true
show_icon: true
type: button
entity: select.xiaomi_c107_3fe3_mode
name: 진공 청소기 수준
icon: mdi:speedometer
- show_name: true
show_icon: true
type: button
entity: select.xiaomi_c107_3fe3_mop_water_output_level
name: 물걸레 물 수준
icon: mdi:cup-water
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_ai_managed_cleaning
name: AI 관리형 청소
icon: mdi:head-snowflake-outline
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_auto_dust_arrest
name: 자동 먼지 비움
icon: mdi:weather-dust
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_auto_mop_dry
name: 자동 물걸레 건조
icon: mdi:hair-dryer
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_edge_swing_tail_sweep
name: 모서리 청소
icon: mdi:razor-single-edge
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_mop_auto_lift
name: 물걸레 자동 올리기
icon: mdi:arrow-collapse-up
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_liquid_dirt_detection
name: 액체 먼지 감지
icon: mdi:liquid-spot
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_solid_dirt_detection
name: 고체 먼지 감지
icon: mdi:solid
- show_name: true
show_icon: true
type: button
entity: switch.xiaomi_c107_3fe3_object_detection
name: 물체 감지
icon: mdi:format-wrap-square
##################################################
# Zigbee2MQTT permit join
##################################################
- type: custom:button-card
template: section-header
name: Zigbee2MQTT permit join
- type: grid
columns: 2
square: false
cards:
- show_name: true
show_icon: true
type: button
entity: switch.zigbee2mqtt_bridge_permit_join
name: 신규 장치 인식