IoT 랜이

똑똑한 IoT를 추구합니다.

IT Info/IoT

[HA] Custom Lovelace. Glance 형 상태정보 카드

Rangee 2019. 5. 27. 16:37

준비물

Hass.IO - LoveLace모드


안녕하세요. 랜이입니다.

 

nKay님의 가로 막대형 상태정보카드를 보고

Lovelace의 기본 element 중 하나인 glance 와 비슷하게 만들어보았습니다.

 

 

 

큰 내용은 없습니다

glace 카드와 비슷하게 columns 를 추가하여서 열 갯수를 조절할수 있습니다.

(다만 오류가 있어요. 능력자분의 수정이 절실합니다.)

그외에는 사진으로 보시는바와 같습니다.

 

 

columns: 3

data:

  - icon: 'mdi:power'

    name: 현재사용량

    value:

      state: sensor.enertalk_real_time_usage

      unit: W

  - icon: 'mdi:trending-up'

    name: 오늘사용량

    value:

      state: sensor.enertalk_today_usage

      unit: kWh

  - icon: 'mdi:trending-up'

    name: 어제사용량

    value:

      state: sensor.enertalk_yesterday_usage

      unit: kWh

  - icon: 'mdi:update'

    name: 누적사용량

    value:

      state: sensor.enertalk_month_usage

      unit: kWh

  - icon: 'mdi:calendar-question'

    name: 예상사용량

    value:

      state: sensor.enertalk_estimate_usage

      unit: kWh

  - icon: 'mdi:currency-krw'

    name: 예상요금

    value:

      state: sensor.enertalk_estimate_charge

      unit: 원

entity: group.enertalk

title: 전력소비현황

type: 'custom:statebox-card'

 

 

resources:

  - type: module

    url: /local/custom-lovelace/statebox-card.js?v=1.0.0