Avii/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1786206980

Browse Source
This commit is contained in:
Avii
2026-08-08 18:36:20 +02:00
parent c255980dc6
commit 8a18f3e66f
2 changed files with 14 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
dashboard/src/ha_ext.rs
View File

@@ -37,7 +37,11 @@ impl From<&HassEntity> for LightData {
fn from(value: &HassEntity) -> Self { fn from(value: &HassEntity) -> Self {
Self { Self {
id: value.entity_id.clone().into(), id: value.entity_id.clone().into(),
name: value.friendly_name().into(), name: value
.friendly_name()
.replace(" Lights", "")
.replace(" Light", "")
.into(),
available: value.available(), available: value.available(),
on: value.is_on(), on: value.is_on(),
} }

44
dashboard/ui/main.slint
View File

@@ -72,8 +72,8 @@ component Thermometer inherits Rectangle {
in property <ThermometerData> thermometer; in property <ThermometerData> thermometer;
border-radius: 16px + 19px; border-radius: 16px + 19px;
border-width: 2px; border-width: 2px;
border-color: Palette.alternate-background; border-color: MaterialPalette.surface_container_low;
background: Palette.alternate-background; background: MaterialPalette.surface_container_low;
VerticalLayout { VerticalLayout {
alignment: center; alignment: center;
@@ -84,6 +84,7 @@ component Thermometer inherits Rectangle {
text: thermometer.name; text: thermometer.name;
height: 16px; height: 16px;
font-weight: 100; font-weight: 100;
color: MaterialPalette.primary;
} }
Text { Text {
@@ -91,6 +92,7 @@ component Thermometer inherits Rectangle {
height: 19px; height: 19px;
font-size: 19px; font-size: 19px;
font-weight: 500; font-weight: 500;
color: MaterialPalette.primary;
} }
} }
} }
@@ -101,47 +103,19 @@ component LightTile inherits Rectangle {
if light.on: FilledButton { if light.on: FilledButton {
width: 100%; width: 100%;
height: 100%;
text: light.name; text: light.name;
enabled: light.available; enabled: light.available;
// background: light.on;
clicked => root.clicked(); clicked => root.clicked();
} }
if !light.on: ElevatedButton { if !light.on: ElevatedButton {
width: 100%; width: 100%;
height: 100%;
text: light.name; text: light.name;
enabled: light.available; enabled: light.available;
// background: light.on;
clicked => root.clicked(); clicked => root.clicked();
} }
// HorizontalLayout {
// TouchArea {
// clicked => {
// clicked();
// }
// }
// spacing: MaterialStyleMetrics.padding_8;
// Text {
// text: light.name;
// height: 32px;
// vertical-alignment: center;
// horizontal-alignment: right;
// // font-weight: light.on ? 700 : 500;
// color: light.on ? MaterialPalette.primary : MaterialPalette.secondary;
// font-size: 18px;
// }
// sw := Switch {
// width: 48px;
// height: 32px;
// enabled: light.available;
// checked: light.on;
// checked_state_changed(checked) => { root.clicked() }
// }
// }
} }
export component AppWindow inherits Window { export component AppWindow inherits Window {
@@ -202,8 +176,6 @@ export component AppWindow inherits Window {
if tab-bar.current-index == 2: Energy { } if tab-bar.current-index == 2: Energy { }
Rectangle { Rectangle {
height: 64px;
tab-bar := TabBar { tab-bar := TabBar {
width: parent.width; width: parent.width;
items: [ items: [
@@ -216,7 +188,9 @@ export component AppWindow inherits Window {
} }
} }
VerticalBox { VerticalLayout {
padding: MaterialStyleMetrics.spacing_8;
spacing: MaterialStyleMetrics.spacing_8;
preferred-width: root.width / 4; preferred-width: root.width / 4;
for light[index] in root.lights: LightTile { for light[index] in root.lights: LightTile {
light: light; light: light;