Merge branch 'sidemenu_final'

Mobile/lib/base/sidemenu.dart

@@ -0,0 +1,104 @@
+import 'package:flutter/material.dart';
+
+class SideMenu extends StatefulWidget {
+  final Widget body;
+
+  const SideMenu({Key? key, required this.body}) : super(key: key);
+
+  @override
+  State<SideMenu> createState() => _SideMenuState();
+}
+
+class _SideMenuState extends State<SideMenu> {
+  int _selectedIndex = 0;
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: const Text('SkanTavels'),
+      ),
+      drawer: Drawer(
+        child: ListView(
+          padding: EdgeInsets.zero,
+          children: [
+            const DrawerHeader(
+              decoration: BoxDecoration(
+                color: Colors.blue,
+              ),
+              child: Text('Drawer Header'),
+            ),
+            ListTile(
+              title: const Text('Home'),
+              leading: const Icon(Icons.home),
+              selected: _selectedIndex == 0,
+              onTap: () {
+                // Update the state of the app
+                _onItemTapped(0);
+                // Then close the drawer
+                Navigator.pushReplacementNamed(context, '/home');
+              },
+            ),
+            ListTile(
+              title: const Text('Favourites'),
+              leading: const Icon(Icons.star),
+              selected: _selectedIndex == 1,
+              onTap: () {
+                // Update the state of the app
+                _onItemTapped(1);
+                // Then close the drawer
+                Navigator.pop(context);
+              },
+            ),
+            ListTile(
+              title: const Text('Profile'),
+              leading: const Icon(Icons.person),
+              selected: _selectedIndex == 2,
+              onTap: () {
+                // Update the state of the app
+                _onItemTapped(2);
+                // Then close the drawer
+                Navigator.pushReplacementNamed(context, '/profile');
+              },
+            ),
+            const Divider(
+              color: Colors.grey,
+              thickness: 2,
+              indent: 40,
+            ),
+            ListTile(
+              title: const Text('Register'),
+              leading: const Icon(Icons.add_box_outlined),
+              selected: _selectedIndex == 3,
+              onTap: () {
+                // Update the state of the app
+                _onItemTapped(3);
+                // Then close the drawer
+                Navigator.pushReplacementNamed(context, '/register');
+              },
+            ),
+            ListTile(
+              title: const Text('Login'),
+              leading: const Icon(Icons.login),
+              selected: _selectedIndex == 4,
+              onTap: () {
+                // Update the state of the app
+                _onItemTapped(4);
+                // Then close the drawer
+                Navigator.pushReplacementNamed(context, '/login');
+              },
+            ),
+          ],
+        ),
+      ),
+      body: widget.body,
+    );
+  }
+}

Mobile/lib/login.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mobile/base/sidemenu.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'register.dart';
 import 'api.dart' as api;
@@ -17,7 +18,8 @@ class _LoginPageState extends State<LoginPage> {
   final passwordInput = TextEditingController();
 
   Future<void> _login() async {
-    final token = await api.request(context, api.ApiService.auth, 'POST', '/api/Users/login', {
+    final token = await api
+        .request(context, api.ApiService.auth, 'POST', '/api/Users/login', {
       'email': emailInput.text,
       'password': passwordInput.text,
     });
@@ -28,40 +30,47 @@ class _LoginPageState extends State<LoginPage> {
     prefs.setString('token', token);
 
     if (mounted) {
-      ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Successfully logged in')));
+      ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Successfully logged in')));
       Navigator.pop(context);
     }
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        title: Text(widget.title),
-      ),
+    return SideMenu(
+      body: Scaffold(
         body: Center(
           child: Container(
-          constraints: const BoxConstraints(minWidth: 100, maxWidth: 400),
-          child: Column(
-            children: [
+            constraints:
+                const BoxConstraints(minWidth: 100, maxWidth: 400),
+            child: Column(children: [
               const SizedBox(height: 80),
               const Text('Email'),
               TextField(controller: emailInput),
               const SizedBox(height: 30),
               const Text('Password'),
-              TextField(controller: passwordInput, obscureText: true, enableSuggestions: false, autocorrect: false),
+                      TextField(
+                          controller: passwordInput,
+                          obscureText: true,
+                          enableSuggestions: false,
+                          autocorrect: false),
               const SizedBox(height: 30),
               ElevatedButton(onPressed: _login, child: const Text('Login')),
               const SizedBox(height: 10),
               TextButton(
                 child: const Text('Register account'),
-                onPressed: () => Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const RegisterPage(title: 'Register'))),
-              )
-            ]
-          )
-        )
-      )
+                onPressed: () => Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const RegisterPage(title: 'Register')))),
+              ElevatedButton(onPressed: _login, child: const Text('Log ind')),
+              const SizedBox(height: 10),
+              TextButton(
+                child: const Text('Registrer konto'),
+                onPressed: () => Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const RegisterPage(title: 'Registrer'))),
+              ),
+            ]),
+          ),
+        ),
+      ),
     );
   }
 

Mobile/lib/main.dart

@@ -5,6 +5,9 @@ import 'package:mobile/register.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'login.dart';
 import 'api.dart' as api;
+import 'base/sidemenu.dart';
+import "login.dart";
+import 'profile.dart';
 
 void main() {
   runApp(const MyApp());
@@ -21,6 +24,15 @@ class MyApp extends StatelessWidget {
         useMaterial3: true,
       ),
       home: const MyHomePage(title: 'SkanTravels'),
+      initialRoute: '/',
+      routes: {
+        '/home': (context) => const MyHomePage(
+              title: 'SkasdanTravels',
+            ),
+        '/profile': (context) => const ProfilePage(),
+        '/login': (context) => const LoginPage(title: 'SkanTravels'),
+        '/register': (context) => const RegisterPage(title: 'SkanTravels'),
+      },
     );
   }
 }
@@ -77,7 +89,8 @@ class _MyHomePageState extends State<MyHomePage> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return SideMenu(
+      body: Scaffold(
         key: _scaffoldKey,
         appBar: AppBar(
           backgroundColor: Theme.of(context).colorScheme.inversePrimary,
@@ -88,10 +101,20 @@ class _MyHomePageState extends State<MyHomePage> {
         options: const MapOptions(
             initialCenter: LatLng(55.9397, 9.5156), initialZoom: 7.0),
         children: [
-          TileLayer(
-            urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
-            userAgentPackageName: 'dev.fleaflet.flutter_map.example',
-          )
+            openStreetMapTileLayer,
+            const MarkerLayer(markers: [
+              Marker(
+                point: LatLng(56.465511, 9.411366),
+                width: 60,
+                height: 100,
+                alignment: Alignment.center,
+                child: Icon(
+                  Icons.location_pin,
+                  size: 60,
+                  color: Colors.purple,
+                ),
+              ),
+            ]),
         ],
       ),
       floatingActionButton: Row(
@@ -107,6 +130,7 @@ class _MyHomePageState extends State<MyHomePage> {
           ),
         ],
       ),
+      ),
     );
   }
 
@@ -193,7 +217,12 @@ class _MyHomePageState extends State<MyHomePage> {
             )
           ]
         )
-          ]
+      ],
     ),
   );
+
+  TileLayer get openStreetMapTileLayer => TileLayer(
+    urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
+    userAgentPackageName: 'dev.fleaflet.flutter_map.example',
+  );
 }

Mobile/lib/profile.dart

@@ -1 +1,15 @@
+import 'package:flutter/material.dart';
+import 'base/sidemenu.dart'; // Import the base layout widget
 
+class ProfilePage extends StatelessWidget {
+  const ProfilePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const SideMenu(
+      body: Center(
+        child: Text('This is Page 1'),
+      ),
+    );
+  }
+}

Mobile/lib/register.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mobile/base/sidemenu.dart';
 import 'login.dart';
 import 'api.dart' as api;
 
@@ -17,7 +18,8 @@ class _RegisterPageState extends State<RegisterPage> {
   final passwordInput = TextEditingController();
 
   Future<void> _register() async {
-    final result = await api.request(context, api.ApiService.auth, 'POST', '/api/Users', {
+    final result =
+        await api.request(context, api.ApiService.auth, 'POST', '/api/Users', {
       'username': usernameInput.text,
       'email': emailInput.text,
       'password': passwordInput.text,
@@ -26,23 +28,24 @@ class _RegisterPageState extends State<RegisterPage> {
     if (result == null) return;
 
     if (mounted) {
-      ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Successfully registered, please login')));
-      Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const LoginPage(title: 'Log ind')));
+      ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
+          content: Text('Successfully registered, please login')));
+      Navigator.pushReplacement(
+          context,
+          MaterialPageRoute(
+              builder: (context) => const LoginPage(title: 'Log ind')));
     }
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        title: Text(widget.title),
-      ),
+    return SideMenu(
+      body: Scaffold(
         body: Center(
           child: Container(
-          constraints: const BoxConstraints(minWidth: 100, maxWidth: 400),
-          child: Column(
-            children: [
+            constraints:
+                const BoxConstraints(minWidth: 100, maxWidth: 400),
+            child: Column(children: [
               const SizedBox(height: 80),
               const Text('Username'),
               TextField(controller: usernameInput),
@@ -51,7 +54,11 @@ class _RegisterPageState extends State<RegisterPage> {
               TextField(controller: emailInput),
               const SizedBox(height: 30),
               const Text('Password'),
-              TextField(controller: passwordInput, obscureText: true, enableSuggestions: false, autocorrect: false),
+              TextField(
+                controller: passwordInput,
+                obscureText: true,
+                enableSuggestions: false,
+                autocorrect: false),
               const SizedBox(height: 30),
               ElevatedButton(onPressed: _register, child: const Text('Register')),
               const SizedBox(height: 10),
@@ -59,10 +66,10 @@ class _RegisterPageState extends State<RegisterPage> {
                 child: const Text('Login'),
                 onPressed: () => Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const LoginPage(title: 'Login')))
               ),
-            ]
-          )
-        )
-      )
+            ]),
+          ),
+        ),
+      ),
     );
   }