1786048673

ui/main.slint

@@ -2,6 +2,12 @@
 // SPDX-License-Identifier: MIT
 
 import { LineEdit } from "std-widgets.slint";
+import { ComponentCard } from "./components/component_card.slint";
+
+import { Horizontal, Vertical, Switch } from "./material.slint";
+
+import "./fonts/Roboto-VariableFont.ttf";
+import { FilledIcons, OutlinedIcons } from "./icons.slint";
 
 // The window the user interacts with. Edits to the inputs propagate to
 // the SystemTrayIcon instance via the host language's callbacks.
@@ -9,11 +15,12 @@ export component MainWindow inherits Window {
     title: "Dashboard";
     preferred-width: 1024px;
     preferred-height: 600px;
+    default-font-family: "Roboto";
 
     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 LORUM IPSUM DOLOR SIT AMET";
+    in property <string> next-event-title: "LOADING CALENDAR";
     in property <string> next-event-time: "6:00 pm";
 
     callback user-activity();
@@ -75,4 +82,42 @@ export component MainWindow inherits Window {
         horizontal-alignment: right;
         vertical-alignment: center;
     }
+
+    Rectangle {
+        x: 38px;
+        y: 32px + 36px + 5px;
+        width: (root.width / 2) - 38px;
+        height: root.height - 32px + 36px + 5px;
+
+        ComponentCard {
+            title: "Switches";
+
+            Vertical {
+                Horizontal {
+                    alignment: space_around;
+
+                    Switch {}
+
+                    Switch {
+                        off_icon: FilledIcons.close;
+                        on_icon: FilledIcons.check;
+                    }
+                }
+
+                Horizontal {
+                    alignment: space_around;
+
+                    Switch {
+                        enabled: false;
+                    }
+
+                    Switch {
+                        enabled: false;
+                        on_icon: FilledIcons.check;
+                        off_icon: FilledIcons.close;
+                    }
+                }
+            }
+        }
+    }
 }