Initial

persmgr-gui-rs/ui/main.slint

@@ -0,0 +1,24 @@
+import { Button } from "std-widgets.slint";
+
+
+export component MainWindow inherits Window {
+    width: 400px;
+    height: 300px;
+    title: "My Slint App :3";
+
+    VerticalLayout {
+        Text {
+            text: "Hello nya~ from Slint!";
+            horizontal-alignment: center;
+        }
+
+        Button {
+            text: "Click me!";
+            clicked => {
+                root.clicked();
+            }
+        }
+    }
+
+    callback clicked();
+}

persmgr-gui-rs/ui/top_nav.slint

@@ -0,0 +1,54 @@
+import { Button } from "std-widgets.slint";
+export component TopNavBar inherits HorizontalLayout {
+    height: 50px;
+    spacing: 16px;
+    padding-left: 16px;
+    padding-right: 16px;
+
+    // Permission flag for Management tab
+    in property <bool> is_officer: false;
+
+    // callbacks for tabs
+    callback dashboard_clicked();
+    callback roster_clicked();
+    callback management_clicked();
+    callback documents_clicked();
+    callback profile_clicked();
+    callback user_account_clicked();
+    callback user_preferences_clicked();
+    callback user_logout_clicked();
+    Button {
+        text: "Dashboard";
+        clicked() => {
+            root.dashboard_clicked();
+        }
+    }
+
+    Button {
+        text: "Roster";
+        clicked() => {
+            root.roster_clicked();
+        }
+    }
+
+    Button {
+        text: "Management";
+        clicked() => {
+            root.management_clicked();
+        }
+    }
+
+    Button {
+        text: "Documents";
+        clicked() => {
+            root.documents_clicked();
+        }
+    }
+
+    Button {
+        text: "Your file";
+        clicked() => {
+            root.dashboard_clicked();
+        }
+    }
+}