mod readme.md

README.md

@@ -14,5 +14,7 @@ A few resources to get you started if this is your first Flutter project:
 For help getting started with Flutter development, view the
 [online documentation](https://docs.flutter.dev/), which offers tutorials,
 samples, guidance on mobile development, and a full API reference.
-### Rename .env_example 
+## Rename .env_example 
 To Run the App you must rename the .env_example to .env and add your credentials for Appwrite
+## Template
+To login to a private Appwrite Server with Log In, Sign In, and Navigation to Home Page View and back.....

lib/controllers/home_controller.dart

@@ -0,0 +1,32 @@
+import 'package:get/get.dart';
+
+import '../pages/login/login_view.dart';
+import '../services/appwrite_service.dart';
+
+class HomeController extends GetxController {
+  final szHeaderHome = 'Home Page'.obs;
+  late AppWriteProvider appwriteProvider;
+
+  @override
+  void onInit() {
+    appwriteProvider = AppWriteProvider();
+    super.onInit();
+  }
+
+  @override
+  void onReady() {}
+
+  @override
+  void onClose() {}
+
+  void goToLoginPage() async {
+    if (await appwriteProvider.logout()) {
+      Get.snackbar(
+        'Logout Successful',
+        'You have been logged out successfully.',
+        snackPosition: SnackPosition.BOTTOM,
+      );
+      await Get.offAllNamed(LoginPage.namedRoute);
+    }
+  }
+}

lib/controllers/login_controller.dart

@@ -1,11 +1,153 @@
+import 'package:appwrite/models.dart';
+import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 
+import '../pages/home/home_view.dart';
+import '../services/appwrite_service.dart';
+
 class LoginController extends GetxController {
-  final szRemark = 'You are on Login Page....'.obs;
+  final szHeaderLogin = 'Login Page'.obs;
+  final szHeaderSignin = 'Signin Page'.obs;
+  final loginFormKey = GlobalKey<FormState>();
+  final isLoginScreen = true.obs;
+  late TextEditingController emailController;
+  late TextEditingController passwordController;
+  late TextEditingController nameController;
+  late AppWriteProvider appWriteProvider;
+  Session? _session;
+  User? _signedUser;
+
+  @override
+  void onInit() {
+    super.onInit();
+    appWriteProvider = AppWriteProvider();
+    emailController = TextEditingController();
+    passwordController = TextEditingController();
+    nameController = TextEditingController();
+  }
 
   @override
   void onReady() {}
 
   @override
-  void onClose() {}
+  void onClose() {
+    emailController.dispose();
+    passwordController.dispose();
+    nameController.dispose();
+  }
+
+  switchScreen() {
+    _clearFields();
+    isLoginScreen.value = !isLoginScreen.value;
+    update();
+  }
+
+  void _clearFields() {
+    emailController.clear();
+    passwordController.clear();
+    nameController.clear();
+  }
+
+  void logOrSignIn() async {
+    _checkInputValueOfFormFields();
+    loginFormKey.currentState?.save();
+    if (isLoginScreen.value) {
+      // Perform login action
+      String email = emailController.text;
+      String password = passwordController.text;
+      // Add your login logic here
+      print('Logging in with Email: $email, Password: $password');
+      _session = await appWriteProvider.login({
+        'email': email,
+        'password': password,
+      });
+      if (_session!.current) {
+        Get.snackbar(
+          'Login Successful',
+          'You have been logged in successfully.',
+          snackPosition: SnackPosition.BOTTOM,
+        );
+        // Navigate to home or another page if needed
+        _goToHomePage();
+      } else {
+        Get.snackbar(
+          'Login Failed',
+          'Invalid email or password.',
+          snackPosition: SnackPosition.BOTTOM,
+        );
+      }
+    } else {
+      // Perform signin action
+      String name = nameController.text;
+      String email = emailController.text;
+      String password = passwordController.text;
+      // Add your signin logic here
+      print('Signing in with Name: $name, Email: $email, Password: $password');
+      _signedUser = await appWriteProvider.signup({
+        'email': email,
+        'password': password,
+        'name': name,
+      });
+      if (_signedUser != null) {
+        Get.snackbar(
+          'Signin Successful',
+          'Your account has been created successfully.',
+          snackPosition: SnackPosition.BOTTOM,
+        );
+      } else {
+        Get.snackbar(
+          'Signin Failed',
+          'An error occurred during account creation.',
+          snackPosition: SnackPosition.BOTTOM,
+        );
+      }
+    }
+    _clearFields();
+  }
+
+  bool _checkInputValueOfFormFields() {
+    bool isValid = true;
+    if (!isLoginScreen.value) {
+      if (nameController.text == '') {
+        isValid = false;
+      }
+    }
+    if (emailController.text == '') {
+      isValid = false;
+    }
+    if (passwordController.text.isEmpty) {
+      isValid = false;
+    }
+    if (isValid == false) {
+      Get.snackbar(
+        'Invalid Input',
+        'Please fill in all required(*) fields.',
+        snackPosition: SnackPosition.BOTTOM,
+      );
+    }
+    return isValid;
+  }
+
+  Future<bool> logout() async {
+    bool isLoggedOut = false;
+    isLoggedOut = await appWriteProvider.logout();
+    if (isLoggedOut) {
+      Get.snackbar(
+        'Logout Successful',
+        'You have been logged out successfully.',
+        snackPosition: SnackPosition.BOTTOM,
+      );
+    } else {
+      Get.snackbar(
+        'Logout Failed',
+        'An error occurred during logout.',
+        snackPosition: SnackPosition.BOTTOM,
+      );
+    }
+    return isLoggedOut;
+  }
+  
+  void _goToHomePage() async {
+    await Get.offAllNamed(HomePage.namedRoute);
+  }
 }

lib/helpers/sample_bindings.dart

@@ -1,5 +1,6 @@
 import 'package:get/get.dart';
 
+import '../controllers/home_controller.dart';
 import '../controllers/login_controller.dart';
 
 
@@ -7,8 +8,9 @@ import '../controllers/login_controller.dart';
 class SampleBindings extends Bindings {
   @override
   void dependencies() {
-    // Define your dependencies here
-    Get.lazyPut<LoginController>(() => LoginController());    
+    // Define your dependencies here no permanent Binding 
+    Get.lazyPut<LoginController>(() => LoginController());  
+    Get.lazyPut<HomeController>(() => HomeController());  
   }
   
 }

lib/helpers/sample_routes.dart

@@ -1,4 +1,5 @@
 import 'package:get/get.dart';
+import '../pages/home/home_view.dart';
 import '../pages/login/login_view.dart';
 import './sample_bindings.dart';
 
@@ -13,6 +14,11 @@ class SampleRouts {
       page: () => const LoginPage(),
       binding: sampleBindings,
     ),
+    GetPage(
+      name: HomePage.namedRoute,
+      page: () => const HomePage(),
+      binding: sampleBindings,
+    ),
     
   ];
 

lib/pages/home/home_view.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import '../../controllers/home_controller.dart';
+
+class HomePage extends GetView<HomeController> {
+  static const String namedRoute = '/home';
+  const HomePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    var homeCtrl = controller;
+    return PopScope(
+      canPop: false,
+      child: SafeArea(
+        child: Scaffold(
+          appBar: AppBar(
+            backgroundColor: Colors.grey.shade500,
+            leading: IconButton(
+              icon: Icon(Icons.arrow_back, color: Colors.grey.shade200),
+              onPressed: () {
+                // Verhindert das Zurücknavigieren
+                homeCtrl.goToLoginPage();
+              },
+            ),
+            title: Text(
+              homeCtrl.szHeaderHome.value,
+              style: TextStyle(color: Colors.grey.shade200),
+            ),
+            centerTitle: true,
+          ),
+          body: Container(
+            decoration: BoxDecoration(color: Colors.grey.shade400),
+            padding: EdgeInsets.all(20),
+            child: Center(
+              child: Text(
+                'You are on the Home Page...\nPress the back arrow to logout.\nThis is a Template to use...',
+                style: TextStyle(
+                  color: Colors.grey.shade800,
+                  fontSize: 24,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/login/login_binding.dart

@@ -1,9 +0,0 @@
-import 'package:get/get.dart';
-import '../../controllers/login_controller.dart';
-
-class LoginBinding extends Bindings {
-    @override
-    void dependencies() {
-    Get.lazyPut<LoginController>(() => LoginController());
-    }
-}

lib/pages/login/login_view.dart

@@ -9,8 +9,226 @@ class LoginPage extends GetView<LoginController> {
   @override
   Widget build(BuildContext context) {
     var loginCtrl = controller;
+
+    // LayoutBuilder ermöglicht dynamische Anpassung an verschiedene Bildschirmgrößen.
     return SafeArea(
-      child: Scaffold(body: Center(child: Text(loginCtrl.szRemark.value))),
+      child: Scaffold(
+        body: LayoutBuilder(
+          builder: (context, constraints) {
+            final bool isSmall = constraints.maxWidth < 600;
+            final double cardWidth = isSmall
+                ? constraints.maxWidth * 0.92
+                : (constraints.maxWidth * 0.6).clamp(0, 900);
+            return Stack(
+              children: [
+                // Hintergrundbild skaliert responsiv mit BoxFit.cover
+                Positioned.fill(
+                  child: Image.asset(
+                    'img/backgroundLogoInternorm.jpg',
+                    fit: BoxFit.cover,
+                    alignment: Alignment.center,
+                  ),
+                ),
+                // halbtransparente Ebene; Opazität an Bildschirmgröße anpassen
+                Positioned.fill(
+                  child: Container(
+                    color: Colors.black.withAlpha(isSmall ? 50 : 100),
+                  ),
+                ),
+                Center(
+                  child: PopScope(
+                    canPop: false,
+                    child: SingleChildScrollView(
+                      child: AnimatedContainer(
+                        duration: const Duration(milliseconds: 250),
+                        width: cardWidth,
+                        padding: const EdgeInsets.all(40.0),
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(10),
+                          color: const Color.fromARGB(223, 189, 189, 189),
+                        ),
+                        child: Column(
+                          children: [
+                            Container(
+                              padding: const EdgeInsets.all(20),
+                              decoration: BoxDecoration(
+                                color: Colors.white.withAlpha(200),
+                                borderRadius: BorderRadius.circular(100),
+                              ),
+                              child: Obx(
+                                () => loginCtrl.isLoginScreen.value
+                                    ? IconButton(
+                                        onPressed: () => loginCtrl.logout(),
+                                        icon: const Icon(Icons.login, size: 80),
+                                        color: const Color.fromARGB(
+                                          255,
+                                          255,
+                                          0,
+                                          0,
+                                        ),
+                                      )
+                                    : IconButton(
+                                        onPressed: () => loginCtrl.logout(),
+                                        icon: const Icon(
+                                          Icons.app_registration,
+                                          size: 80,
+                                        ),
+                                        color: const Color.fromARGB(
+                                          255,
+                                          255,
+                                          0,
+                                          0,
+                                        ),
+                                      ),
+                              ),
+                            ),
+                            const SizedBox(height: 80),
+                            Obx(
+                              () => loginCtrl.isLoginScreen.value
+                                  ? Text(
+                                      loginCtrl.szHeaderLogin.value,
+                                      style: Theme.of(
+                                        context,
+                                      ).textTheme.headlineMedium,
+                                    )
+                                  : Text(
+                                      loginCtrl.szHeaderSignin.value,
+                                      style: Theme.of(
+                                        context,
+                                      ).textTheme.headlineMedium,
+                                    ),
+                            ),
+                            const SizedBox(height: 40),
+                            Form(
+                              key: loginCtrl.loginFormKey,
+                              child: Column(
+                                children: [
+                                  Obx(
+                                    () => loginCtrl.isLoginScreen.value
+                                        ? const SizedBox.shrink()
+                                        : _nameFormField(loginCtrl),
+                                  ),
+                                  const SizedBox(height: 20),
+                                  _emailFormField(loginCtrl),
+                                  const SizedBox(height: 20),
+                                  _passwdFormField(loginCtrl),
+                                  const SizedBox(height: 40),
+                                  _logOrSignInButton(loginCtrl),
+                                ],
+                              ),
+                            ),
+                            const SizedBox(height: 10),
+                            Obx(
+                              () => loginCtrl.isLoginScreen.value
+                                  ? TextButton(
+                                      child: Text(
+                                        'To Signin',
+                                        style: TextStyle(
+                                          color: Colors.blue.shade800,
+                                        ),
+                                      ),
+                                      onPressed: () {
+                                        loginCtrl.switchScreen();
+                                      },
+                                    )
+                                  : TextButton(
+                                      child: Text(
+                                        'To Login',
+                                        style: TextStyle(
+                                          color: Colors.blue.shade800,
+                                        ),
+                                      ),
+                                      onPressed: () {
+                                        loginCtrl.switchScreen();
+                                      },
+                                    ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            );
+          },
+        ),
+      ),
+    );
+  }
+
+  // Email Form Field
+  TextFormField _emailFormField(LoginController loginCtrl) {
+    return TextFormField(
+      keyboardType: TextInputType.emailAddress,
+      controller: loginCtrl.emailController,
+      decoration: _formFieldDecoration('Email*'),
+    );
+  }
+
+  // Password Form Field
+  TextFormField _passwdFormField(LoginController loginCtrl) {
+    return TextFormField(
+      keyboardType: TextInputType.visiblePassword,
+      controller: loginCtrl.passwordController,
+      decoration: _formFieldDecoration('Password*'),
+      obscureText: true,
+    );
+  }
+
+  // Name Form Field
+  TextFormField _nameFormField(LoginController loginCtrl) {
+    return TextFormField(
+      keyboardType: TextInputType.name,
+      controller: loginCtrl.nameController,
+      decoration: _formFieldDecoration('Name*'),
+    );
+  }
+
+  //Form Field Decoration
+  InputDecoration _formFieldDecoration(String labelText) {
+    return InputDecoration(
+      labelText: labelText,
+      enabledBorder: OutlineInputBorder(
+        borderSide: BorderSide(color: const Color.fromARGB(255, 255, 0, 0)),
+        borderRadius: BorderRadius.circular(5.0),
+      ),
+      focusedBorder: OutlineInputBorder(
+        borderSide: BorderSide(color: const Color.fromARGB(255, 255, 0, 0)),
+        borderRadius: BorderRadius.circular(5.0),
+      ),
+    );
+  }
+
+  ElevatedButton _logOrSignInButton(LoginController loginCtrl) {
+    return ElevatedButton(
+      style: ElevatedButton.styleFrom(
+        backgroundColor: const Color.fromARGB(255, 255, 0, 0),
+        minimumSize: const Size(double.infinity, 50),
+      ),
+      onPressed: () {
+        // Handle login or signin action
+        loginCtrl.logOrSignIn();
+      },
+      child: Obx(
+        () => loginCtrl.isLoginScreen.value
+            ? const Text(
+                'Login',
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                ),
+              )
+            : const Text(
+                'Signin',
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+      ),
     );
   }
 }