Skip to content

Instantly share code, notes, and snippets.

@ipetermac
Last active April 11, 2024 11:26
Show Gist options
  • Save ipetermac/9fb38a1378495cb7804c24e64fde2eb7 to your computer and use it in GitHub Desktop.
Save ipetermac/9fb38a1378495cb7804c24e64fde2eb7 to your computer and use it in GitHub Desktop.
Home Assistant Dashboard
views:
- icon: mdi:home-assistant
layout:
width: 300
max_cols: 3
max_rows: 3
type: custom:masonry-layout
cards:
- type: vertical-stack
cards:
- square: false
type: grid
cards:
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: state
entity: camera.smart_video_doorbell
tap_action:
action: call-service
service: camera.play_stream
target:
entity_id: camera.smart_video_doorbell
data:
format: hls
media_player: media_player.smart_tv
double_tap_action:
action: none
icon: mdi:doorbell-video
name: 'Doorbell '
primary_info: name
hold_action:
action: more-info
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: state
double_tap_action:
action: none
icon: ''
name: Security
primary_info: name
hold_action:
action: none
entity: alarm_control_panel.alarmo
title: Front Gate
columns: 2
- type: vertical-stack
cards:
- square: false
type: grid
cards:
- type: custom:mushroom-entity-card
icon_color: primary
secondary_info: state
tap_action:
action: toggle
icon: mdi:remote
fill_container: false
name: TV
entity: remote.smart_tv
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: state
entity: switch.kiosk_monitor_socket
icon: mdi:monitor
fill_container: false
name: PC
tap_action:
action: toggle
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: state
icon: phu:pm2-5
fill_container: true
entity: sensor.zhimi_mb4_eca8_pm25_density
name: PM 2.5
title: 'Living Room '
columns: 3
- square: false
type: grid
cards:
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: none
primary_info: none
entity: lock.front_door
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
layout: horizontal
fill_container: true
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: none
primary_info: none
entity: binary_sensor.front_door_door
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: none
primary_info: none
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
entity: binary_sensor.glass_door_door
- type: custom:mushroom-entity-card
icon_color: blue
primary_info: none
secondary_info: none
fill_container: false
hold_action:
action: more-info
icon: mdi:air-filter
tap_action:
action: toggle
entity: fan.zhimi_mb4_eca8_air_purifier
- type: custom:mushroom-fan-card
icon_animation: true
tap_action:
action: toggle
primary_info: none
secondary_info: none
entity: switch.green_fan
icon: mdi:fan
columns: 5
- type: custom:vacuum-card
entity: vacuum.mijia_v1_5523_robot_cleaner
- type: vertical-stack
cards:
- square: false
type: grid
cards:
- type: custom:mushroom-person-card
entity: person.hafiz
icon_type: entity-picture
fill_container: true
layout: horizontal
- type: custom:mushroom-person-card
entity: person.summy
icon_type: entity-picture
fill_container: true
layout: horizontal
columns: 2
title: 'Family '
- type: vertical-stack
cards:
- square: false
type: grid
cards:
- type: custom:mushroom-entity-card
secondary_info: state
entity: media_player.bedroom_display
name: Nest
icon_color: blue
fill_container: false
- type: custom:mushroom-entity-card
secondary_info: name
name: 'PM 2.5 '
fill_container: true
icon: phu:pm2-5
entity: sensor.mi_air_purifier_3_3h_pm2_5
primary_info: state
- type: custom:mushroom-entity-card
secondary_info: name
icon_color: accent
fill_container: true
entity: sensor.mi_air_purifier_3_3h_humidity
name: Humidity
primary_info: state
title: Bedroom
columns: 3
- square: false
type: grid
cards:
- type: custom:mushroom-entity-card
icon_color: blue
secondary_info: none
primary_info: none
entity: binary_sensor.bedroom_door_door
hold_action:
action: none
double_tap_action:
action: none
- type: custom:mushroom-entity-card
icon_color: blue
primary_info: none
secondary_info: none
fill_container: false
hold_action:
action: more-info
icon: mdi:air-filter
tap_action:
action: toggle
entity: fan.mi_air_purifier_3_3h
- type: custom:mushroom-fan-card
icon_animation: true
tap_action:
action: toggle
primary_info: none
secondary_info: none
entity: switch.grey_fan
icon: mdi:fan
- type: custom:mushroom-fan-card
icon_animation: true
tap_action:
action: toggle
primary_info: none
secondary_info: none
icon: mdi:fan
entity: switch.white_fan
- type: custom:mushroom-fan-card
icon_animation: false
tap_action:
action: toggle
primary_info: none
secondary_info: none
icon: mdi:air-conditioner
entity: input_boolean.air_conditioning
columns: 5
- graph: line
type: sensor
detail: 2
theme: Material Rounded
name: 'Temperature '
entity: sensor.mi_air_purifier_3_3h_temperature
- type: vertical-stack
cards:
- square: false
type: grid
cards:
- type: custom:mushroom-fan-card
entity: binary_sensor.kitchen_door_door
name: 'Door '
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
secondary_info: state
- type: custom:mushroom-entity-card
entity: binary_sensor.water_leak_sensor_moisture
icon_color: light-blue
fill_container: true
name: Water
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
secondary_info: state
- type: custom:mushroom-entity-card
icon_color: light-blue
fill_container: true
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
secondary_info: state
icon: mdi:washing-machine
entity: input_boolean.washing_machine
primary_info: none
title: Kitchen
columns: 3
- square: false
type: grid
cards:
- type: custom:frigate-card
cameras:
- camera_entity: camera.front_house_onvif_profile000
- camera_entity: camera.right_house_onvif_profile000
- camera_entity: camera.bedroom_onvif_profile000
- camera_entity: camera.siti_house_camera
dimensions:
aspect_ratio_mode: dynamic
media_viewer: {}
menu:
style: hidden
live:
lazy_unload: all
auto_play: visible
preload: true
performance:
profile: high
view:
default: live
dark_mode: auto
camera_select: live
- type: custom:apexcharts-card
header:
show: true
title: Internet
show_states: true
colorize_states: true
series:
- entity: sensor.b818_263_current_download_rate
data_generator: |
// REMOVE ME
const now = new Date();
const data = [];
for(let i = 0; i <= 24; i++) {
data.push([now.getTime() - i * 1000 * 60 * 60, Math.floor((Math.random() * 10) + 1)])
}
return data.reverse();
- entity: sensor.b818_263_current_upload_rate
type: column
data_generator: |
// REMOVE ME
const now = new Date();
const data = [];
for(let i = 0; i <= 24; i++) {
data.push([now.getTime() - i * 1000 * 60 * 60, Math.floor((Math.random() * 10) + 1)])
}
return data.reverse();
- type: custom:mini-graph-card
name: Internet
icon: mdi:server
entities:
- entity: sensor.b818_263_current_month_download
name: Total
- sensor.b818_263_current_upload_rate
- sensor.b818_263_current_download_rate
columns: 1
title: CCTV
theme: ios-dark-mode
- type: panel
icon: mdi:cctv
cards:
- type: custom:surveillance-card
thumb_interval: 15
update_interval: 2
recording_duration: 10
show_capture_buttons: true
camera_view: live
cameras:
- entity: camera.front_house_onvif_profile000
motion_entity: binary_sensor.front_house_onvif_motion_alarm
- entity: camera.right_house_onvif_profile000
motion_entity: binary_sensor.right_house_onvif_motion_alarm
- entity: camera.siti_house_camera
motion_entity: binary_sensor.siti_house_motionalarm
title: ''
@ipetermac
Copy link
Author

Here is the sample dashboard

IMG_0197

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment