Files
dashboard/ui/main.slint
2026-08-06 21:45:35 +02:00

79 lines
1.8 KiB
Plaintext

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT
import { LineEdit } from "std-widgets.slint";
// The window the user interacts with. Edits to the inputs propagate to
// the SystemTrayIcon instance via the host language's callbacks.
export component MainWindow inherits Window {
title: "Dashboard";
preferred-width: 1024px;
preferred-height: 600px;
in-out property <int> current-page: 0;
in property <string> text: "Hello World";
in property <string> next-event-label: "NEXT EVENT";
in property <string> next-event-title: "LOADING CALENDAR";
in property <string> next-event-time: "--";
callback user-activity();
Rectangle {
x: 0;
y: 0;
width: parent.width;
height: 5px;
background: black;
}
Rectangle {
x: 0;
y: 0;
width: parent.width / 2;
height: parent.height;
background: black;
}
TouchArea {
x: 0;
y: 5px;
width: parent.width - 78px;
height: 78px;
clicked => { root.user-activity(); root.current-page = 2; }
}
Text {
x: 38px;
y: 12px;
width: parent.width - 128px;
height: 18px;
text: root.next-event-label;
font-size: 14px;
font-weight: 700;
}
Text {
x: 38px;
y: 32px;
width: 390px;
height: 36px;
text: root.next-event-title;
font-size: 22px;
font-weight: 700;
overflow: elide;
vertical-alignment: center;
}
Text {
x: (root.width / 2) - self.width - 38px;
y: 32px;
width: 100px;
height: 36px;
text: root.next-event-time;
font-size: 18px;
font-weight: 700;
horizontal-alignment: right;
vertical-alignment: center;
}
}