● HA작업) nest-hub speaker 에 대시보드 home assistant 대시보드 full size 설정 보기

● HA작업) nest-hub speaker 에 대시보드  home assistant 대시보드 full size 설정 보기

- 자동화로 가상스위치 on/off 시  nest-hub speaker 대시보드 보이게 구성

    ( 아래 자동화 구성 참조)

<방법>

-  풀화면으로 보이게 설정 >> 대시보드 > 편집 > 구성코드 편집하기

> views: 밑에 첫번째 titile:apt 에 panel: true를 추가 합니다

기본 대시보드에  표시에  아래와 같이 표시 됩니다

 카드는 1개만 구성 >> 2번째 이후 카드는 이동및 삭제

이제 하나의 대시보드를 제일 앞에 두고 full-size로 만들어 
 nest-hub speaker에 전체화면으로 표시 됩니다

1개의 카드만 사용 가능 합니다

 다른 카드는 기본 사용과 동일하게 구성 

스마트폰

아래와 같이 소스를 구성후

저장후 

상단에 

pannel=true

대시보드에서 구성편집 삽입 해야 함니다

아래 소스에서

도면 그림은 저는 1024 *600 으로 그림을 만들어야 

 nest-hub speaker 에서 맞는 사이즈 입니다. 

첨부 최종 파일 입니다.

type: picture-elements
wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
image: /local/image/605_1-2ho_1024_600.png
elements:
  - type: state-icon
    name: 서재 불
    entity: switch.serja_light
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 65%
      left: 30%
  - type: state-icon
    name: 서재 보일러
    entity: light.living_heating_4
    icon: mdi:coolant-temperature
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 75%
      left: 28%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 작은방
    entity: switch.jageunbang_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 72%
      left: 13%
  - type: state-icon
    name: 작은방 보일러
    entity: light.living_heating_3
    icon: mdi:coolant-temperature
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 80%
      left: 11%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 옥장
    entity: switch.jageunbang_osjang
    icon: mdi:dome-light
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 44%
      left: 7%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 복도 화장실 불
    entity: switch.bogdo_hwajangsil_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 36%
      left: 24%
  - type: state-icon
    name: 복도 샤워 불
    entity: switch.bogdo_hwajangsil_syaweobul
    icon: mdi:wall-sconce-round-variant
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 17%
      left: 16%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 복도 샤워 팬
    entity: switch.bogdo_hwajangsil_paen
    icon: mdi:fan
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 17%
      left: 25%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 안방
    entity: switch.anbang_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 45%
      left: 77%
  - type: state-icon
    name: 화장대
    entity: switch.hwajangdae_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 45%
      left: 90%
  - type: state-icon
    name: 안방 보일러
    entity: light.living_heating_2
    icon: mdi:coolant-temperature
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 74%
      left: 75%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 침대
    entity: switch.cimdae_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 76%
      left: 90%
  - type: state-icon
    name: 스탠드
    entity: switch.seutaendeu_bul
    icon: mdi:lamps-outline
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 58%
      left: 75%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 주방
    entity: switch.jubang_jubang_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 15%
      left: 55%
  - type: state-icon
    name: 식탁
    entity: switch.jubang_sigtag_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 33%
      left: 60%
  - type: state-icon
    name: 안방 화장실
    entity: switch.anbang_hwajangsil_bul
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 25%
      left: 83%
  - type: state-icon
    name: 안방 화장실샤워불
    entity: switch.anbang_hwajangsil_syaweo_bul
    icon: mdi:wall-sconce-round-variant
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 1%
      left: 79%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 안방 화장실 팬
    entity: switch.anbang_hwajangsil_paen
    icon: mdi:fan
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 4%
      left: 72%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 거실등
    entity: light.light_living_light_1
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 59%
      left: 58%
  - type: state-icon
    name: 거실등2
    entity: light.light_living_light_2
    icon: mdi:ceiling-light
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 84%
      left: 48%
  - type: state-icon
    name: 거실 보일러
    entity: light.living_heating_1
    icon: mdi:coolant-temperature
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 78%
      left: 53%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 앞불
    entity: light.light_living_light_4
    icon: mdi:wall-sconce-round
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 57%
      left: 64%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 뒷불
    entity: light.light_living_light_3
    icon: mdi:wall-sconce-round
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 57%
      left: 43%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 복도불
    entity: light.light_living_light_5
    icon: mdi:wall-sconce-round
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 48%
      left: 47%
  - type: state-icon
    name: 모니터
    entity: switch.moniteo
    icon: mdi:monitor
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 77%
      left: 37%
  - type: state-icon
    name: TV
    entity: switch.tv
    icon: mdi:television-classic
    tap_action:
      action: toggle
      state_image: null
    style:
      '--iron-icon-stroke-color': '#969696'
      border-radius: 70%
      text-align: center
      background-color: rgba(255,225,255,50.3)
      '--mdc-icon-size': 34px
      '--paper-item-icon-color': green
      top: 84%
      left: 68%
  - type: state-icon
    name: 컴퓨터
    entity: switch.wifi_switch_1ch_socket_1
    icon: mdi:desktop-tower-monitor
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 61%
      left: 35%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: image
    icon: mdi:cctv
    camera_image: camera.amcrest_camera_amcrest_camera_2
    camera_view: live
    show_state: true
    style:
      top: 5%
      left: 38%
      width: 10%
      height: 10%
  - type: state-icon
    name: 현관 카메라
    entity: camera.amcrest_camera_amcrest_camera_2
    icon: mdi:cctv
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 11%
      left: 34%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-icon
    name: 개패기 일괄소등sw
    entity: switch.gaepaegi
    icon: mdi:collapse-all
    tap_action:
      action: toggle
      state_image: null
    style:
      top: 28%
      left: 35%
      width: 33px
      height: 33px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 90%
      background-color: rgba(29,119,101)
      text-align: center
      '--mdc-icon-size': 22px
      '--paper-item-icon-color': rgba(64,247,64)
  - type: state-icon
    name: 환기
    entity: switch.sonoff_1001739bad
    icon: mdi:hvac
    tap_action:
      action: toggle
    state_image: null
    state_color: true
    style:
      top: 42%
      left: 62%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: state-label
    entity: sensor.time
    style:
      top: 3%
      left: 5%
      width: 20px
      height: 20px
      font-size: 5vW
      color: red
      text-align: left
  - type: state-label
    entity: sensor.onseubdogye_temperature
    style:
      bottom: 5%
      left: 5%
      width: 20px
      height: 20px
      font-size: 5vW
      color: red
      text-align: left
  - type: state-label
    entity: sensor.onseubdogye_humidity
    style:
      bottom: 5%
      left: 35%
      width: 20px
      height: 20px
      font-size: 5vW
      color: red
      text-align: left
  - type: state-label
    entity: sensor.date
    style:
      bottom: 5%
      left: 70%
      width: 20px
      height: 20px
      font-size: 5vW
      color: green
      text-align: left

대시보드 가상스위치 (일부 스위치 사용) 자동화 구성 하기

- id: 20230615_1439_24
alias: 현관 카메라이(가) 꺼졌을 때
description: ""
trigger:
  - platform: state
    entity_id:
      - switch.4g_ip24_1
    from: "on"
    to: "off"
condition: []
action:
  - service: media_player.play_media
    target:
      entity_id: media_player.nest_hub_seojae
    data:
      media_content_id: _default_
      media_content_type: lovelace
    metadata:
      title: Default
      thumbnail: https://brands.home-assistant.io/_/lovelace/logo.png
      media_class: app
      children_media_class: null
      navigateIds:
        - {}
        - media_content_type: lovelace
          media_content_id: ""
mode: single

- id: 20230615_1439_05
alias: 현관 카메라이(가) 켜졌을 때
description: ""
trigger:
  - platform: state
    entity_id:
      - switch.4g_ip24_1
    from: "off"
    to: "on"
condition: []
action:
  - service: media_player.play_media
    target:
      entity_id: media_player.nest_hub_seojae
    data:
      media_content_id: media-source://camera/camera.amcrest_camera_amcrest_camera_2
      media_content_type: application/vnd.apple.mpegurl
    metadata:
      title: AMCREST_Camera
      thumbnail: /api/camera_proxy/camera.amcrest_camera_amcrest_camera_2
      media_class: video
      children_media_class: null
      navigateIds:
        - {}
        - media_content_type: app
          media_content_id: media-source://camera
mode: single

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠