Added flutter front-end

2026-07-08 19:21:54 +02:00 · 2026-02-11 14:07:27 -05:00
parent 39a58983d6
commit f927294194
134 changed files with 5057 additions and 0 deletions
@@ -0,0 +1,128 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'events/events_list.dart';
+
+// Routes definitions
+final GoRouter router = GoRouter(
+  initialLocation: '/events',
+  routes: [
+    ShellRoute(
+      builder: (context, state, child) {
+        return MainShell(child: child);
+      },
+      routes: [
+        GoRoute(
+          path: '/events',
+          name: 'events',
+          builder: (context, state) => const EventsList(),
+        ),
+        GoRoute(
+          path: '/devices',
+          name: 'devices',
+          builder: (context, state) => const Placeholder(),
+        ),
+        GoRoute(
+          path: '/settings',
+          name: 'settings',
+          builder: (context, state) => const Placeholder(),
+        ),
+        GoRoute(
+          path: '/about',
+          name: 'about',
+          builder: (context, state) => const Placeholder(),
+        ),
+      ],
+    ),
+  ],
+);
+
+// Application shell and navigation
+class MainShell extends StatelessWidget {
+  final Widget child;
+
+  const MainShell({super.key, required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        return Scaffold(
+          appBar: AppBar(
+            title: const Text('OOTT'),
+            backgroundColor: Theme.of(context).colorScheme.surfaceBright,
+          ),
+          body: Row(
+            children: [
+              SafeArea(
+                child: NavigationRail(
+                  backgroundColor: Theme.of(
+                    context,
+                  ).colorScheme.primaryContainer,
+                  extended: constraints.maxWidth >= 600,
+                  destinations: [
+                    NavigationRailDestination(
+                      icon: Icon(Icons.notifications_outlined),
+                      selectedIcon: Icon(Icons.notifications),
+                      label: Text('Events'),
+                    ),
+                    NavigationRailDestination(
+                      icon: Icon(Icons.devices_other_outlined),
+                      selectedIcon: Icon(Icons.devices_other),
+                      label: Text('Devices'),
+                    ),
+                    NavigationRailDestination(
+                      icon: Icon(Icons.settings_outlined),
+                      selectedIcon: Icon(Icons.settings),
+                      label: Text('Settings'),
+                    ),
+                    NavigationRailDestination(
+                      icon: Icon(Icons.info_outline),
+                      selectedIcon: Icon(Icons.info),
+                      label: Text('About'),
+                    ),
+                  ],
+                  selectedIndex: _calculateSelectedIndex(context),
+                  onDestinationSelected: (index) =>
+                      _onDestinationSelected(index, context),
+                ),
+              ),
+              Expanded(
+                child: Container(
+                  padding: const EdgeInsets.all(20),
+                  color: Theme.of(context).colorScheme.surfaceDim,
+                  child: child,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
+
+int _calculateSelectedIndex(BuildContext context) {
+  final location = GoRouterState.of(context).uri.path;
+  if (location.startsWith('/events')) return 0;
+  if (location.startsWith('/devices')) return 1;
+  if (location.startsWith('/settings')) return 2;
+  if (location.startsWith('/about')) return 3;
+  return 0;
+}
+
+void _onDestinationSelected(int index, BuildContext context) {
+  switch (index) {
+    case 0:
+      context.go('/events');
+      break;
+    case 1:
+      context.go('/devices');
+      break;
+    case 2:
+      context.go('/settings');
+      break;
+    case 3:
+      context.go('/about');
+      break;
+  }
+}