Add dashboard-kiosk-improved.yaml
This commit is contained in:
177
dashboard-kiosk-improved.yaml
Normal file
177
dashboard-kiosk-improved.yaml
Normal file
@@ -0,0 +1,177 @@
|
|||||||
|
title: Kiosk Dashboard
|
||||||
|
path: dashboard-kiosk
|
||||||
|
icon: mdi:view-dashboard
|
||||||
|
type: custom:vertical-stack
|
||||||
|
cards:
|
||||||
|
# Header with Date
|
||||||
|
- type: markdown
|
||||||
|
content: |
|
||||||
|
# <center>{{ now().strftime('%A, %B %d, %Y') }}</center>
|
||||||
|
## <center>{{ now().strftime('%I:%M %p') }}</center>
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
text-align: center;
|
||||||
|
padding: 30px;
|
||||||
|
font-size: 2.5em;
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Current Weather - Large
|
||||||
|
- type: weather-forecast
|
||||||
|
entity: weather.forecast_home
|
||||||
|
name: Current Weather
|
||||||
|
show_forecast: true
|
||||||
|
forecast_type: daily
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.8em;
|
||||||
|
padding: 25px;
|
||||||
|
min-height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Sun Information
|
||||||
|
- type: entities
|
||||||
|
title: 🌅 Sun Information
|
||||||
|
entities:
|
||||||
|
- entity: sun.sun
|
||||||
|
name: Sun Position
|
||||||
|
icon: mdi:weather-sunny
|
||||||
|
- entity: sensor.sun_next_rising
|
||||||
|
name: Sunrise
|
||||||
|
icon: mdi:weather-sunset-up
|
||||||
|
- entity: sensor.sun_next_setting
|
||||||
|
name: Sunset
|
||||||
|
icon: mdi:weather-sunset-down
|
||||||
|
- entity: sensor.sun_next_dawn
|
||||||
|
name: Dawn
|
||||||
|
icon: mdi:weather-sunset-up
|
||||||
|
- entity: sensor.sun_next_dusk
|
||||||
|
name: Dusk
|
||||||
|
icon: mdi:weather-sunset-down
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Public Transport
|
||||||
|
- type: entities
|
||||||
|
title: 🚆 Public Transport
|
||||||
|
entities:
|
||||||
|
- entity: sensor.roslagsbanan_line_28_to_stockholms_ostra
|
||||||
|
name: To Stockholm Östra
|
||||||
|
icon: mdi:train
|
||||||
|
- entity: sensor.roslagsbanan_line_28_to_akersberga
|
||||||
|
name: To Åkersberga
|
||||||
|
icon: mdi:train
|
||||||
|
- entity: sensor.sl_departure_sensor_9636_bravalavagen
|
||||||
|
name: SL Departure
|
||||||
|
icon: mdi:bus
|
||||||
|
- entity: sensor.next_departure_time
|
||||||
|
name: Next Departure
|
||||||
|
icon: mdi:clock-outline
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Camera Motion Status
|
||||||
|
- type: entities
|
||||||
|
title: 📹 Camera Status
|
||||||
|
entities:
|
||||||
|
- entity: binary_sensor.backyard_motion
|
||||||
|
name: Backyard Motion
|
||||||
|
icon: mdi:motion-sensor
|
||||||
|
- entity: binary_sensor.frontdoor_motion
|
||||||
|
name: Front Door Motion
|
||||||
|
icon: mdi:motion-sensor
|
||||||
|
- entity: binary_sensor.driveway_motion
|
||||||
|
name: Driveway Motion
|
||||||
|
icon: mdi:motion-sensor
|
||||||
|
- entity: binary_sensor.roofcam_motion
|
||||||
|
name: Roof Camera Motion
|
||||||
|
icon: mdi:motion-sensor
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Occupancy Summary
|
||||||
|
- type: entities
|
||||||
|
title: 👥 Occupancy Summary
|
||||||
|
entities:
|
||||||
|
- entity: sensor.backyard_person_count
|
||||||
|
name: Backyard People
|
||||||
|
icon: mdi:account-group
|
||||||
|
- entity: sensor.frontdoor_person_count
|
||||||
|
name: Front Door People
|
||||||
|
icon: mdi:account-group
|
||||||
|
- entity: sensor.driveway_person_count
|
||||||
|
name: Driveway People
|
||||||
|
icon: mdi:account-group
|
||||||
|
- entity: sensor.roofcam_person_count
|
||||||
|
name: Roof Camera People
|
||||||
|
icon: mdi:account-group
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Network Status
|
||||||
|
- type: entities
|
||||||
|
title: 🌐 Network Status
|
||||||
|
entities:
|
||||||
|
- entity: sensor.xe75_download_speed
|
||||||
|
name: Download Speed
|
||||||
|
icon: mdi:download
|
||||||
|
- entity: sensor.xe75_upload_speed
|
||||||
|
name: Upload Speed
|
||||||
|
icon: mdi:upload
|
||||||
|
- entity: sensor.external_ip
|
||||||
|
name: External IP
|
||||||
|
icon: mdi:ip-network
|
||||||
|
- entity: binary_sensor.xe75_wan_status
|
||||||
|
name: WAN Status
|
||||||
|
icon: mdi:router-wireless
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# RSS Feed - Fox News (requires RSS integration)
|
||||||
|
- type: markdown
|
||||||
|
content: |
|
||||||
|
# 📰 Fox News Breaking
|
||||||
|
*Install RSS feed integration to see news here*
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding: 20px;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Spacer for scrolling
|
||||||
|
- type: markdown
|
||||||
|
content: |
|
||||||
|
<br><br><br><br><br>
|
||||||
|
card_mod:
|
||||||
|
style: |
|
||||||
|
ha-card {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Auto-scroll will be handled by CSS injection or custom card
|
||||||
|
# See instructions in kiosk-integration-suggestions.md
|
||||||
Reference in New Issue
Block a user