Develop

lib/app/app.color.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class AppColors {
+  // static const Color primary = Color(0xff003E1F);
+  // static const Color secondary = Color(0xff01110A);
+  static const Color primary = Colors.deepOrange;
+  static const Color secondary = Colors.orange;
+}

lib/app/app.constant.dart

@@ -1,4 +1,8 @@
+/// Valid types:
+/// 
+/// common, initial, intermediary.
 enum TypePoint {
-  path,
-  goal,
+  common,
+  entrance,
+  passage,
 }

lib/app/app.repository.dart

@@ -0,0 +1,71 @@
+import 'dart:convert';
+
+import 'package:dio/dio.dart';
+import 'package:flutter/foundation.dart';
+
+class AppRepository {
+  static const String path = 'https://api-proex.onrender.com';
+  static const String queryLogin = '/login';
+  static const String queryUser = '/user';
+  static const String queryAllUsers = '/users';
+  static const String queryMap = '/maps';
+  static const String queryBuilder = '/api/accounts';
+  static const String queryOrganization = '/api/accounts';
+  static const String queryPoints = '/points';
+
+  Dio dio = Dio();
+
+  Future<String> post(
+      {required dynamic model, required String query, Options? options}) async {
+    const String erroMessage = "Erro na consulta";
+    //print(model.toJson());
+    try {
+      return await dio
+          .post(
+        AppRepository.path + query,
+        data: model.toJson(),
+        options: options,
+      )
+          .then(
+        (res) {
+          return res.data.toString();
+        },
+      );
+    } catch (e) {
+      if (kDebugMode) {
+        print("Erro em post:\n");
+        print(e);
+      }
+      return erroMessage;
+    }
+  }
+
+  Future<String> get(
+      {required String id, required String query, Options? options}) async {
+    const String erroMessage = "Erro na consulta";
+    if (kDebugMode) {
+      print("GET...\n");
+      print(AppRepository.path + query + '/' + id);
+    }
+    try {
+      return await dio
+          .get(
+        AppRepository.path + query + '/' + id,
+        options: options,
+      )
+          .then(
+        (res) {
+          return res.data["id"] == null
+              ? res.data.toString()
+              : jsonEncode(res.data);
+        },
+      );
+    } catch (e) {
+      if (kDebugMode) {
+        print("Erro em post:\n");
+        print(e);
+      }
+      return erroMessage;
+    }
+  }
+}

lib/app/app.widget.dart

@@ -1,23 +1,32 @@
 import 'package:flutter/material.dart';
+import 'package:mvp_proex/app/app.color.dart';
+import 'package:mvp_proex/features/login/login.view.dart';
 import 'package:mvp_proex/features/map/map.view.dart';
+import 'package:mvp_proex/features/mapselection/mapselection.view.dart';
+import 'package:mvp_proex/features/user/user.model.dart';
+import 'package:provider/provider.dart';
 
 class AppWidget extends StatelessWidget {
   const AppWidget({Key? key}) : super(key: key);
 
-  // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      debugShowCheckedModeBanner: false,
-      title: 'MVP Demo',
-      theme: ThemeData(
-        primarySwatch: Colors.deepOrange,
-        scaffoldBackgroundColor: Colors.black26,
+    return Provider(
+      create: (_) => UserModel(),
+      child: MaterialApp(
+        debugShowCheckedModeBanner: false,
+        title: 'MVP Demo',
+        theme: ThemeData(
+          primarySwatch: AppColors.primary as MaterialColor,
+          scaffoldBackgroundColor: Colors.black,
+        ),
+        initialRoute: '/login',
+        routes: {
+          '/map': (context) => const MapView(),
+          '/login': (context) => const LoginView(),
+          '/mapselection':(context) => const MapselectionView(),
+        },
       ),
-      initialRoute: '/map',
-      routes: {
-        '/map': (context) => const MapView(),
-      },
     );
   }
 }

lib/features/login/login.controller.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/cupertino.dart';
+import 'package:rx_notifier/rx_notifier.dart';
+
+class LoginController {
+  TextEditingController emailEditingController = TextEditingController();
+  TextEditingController passwordEditingController = TextEditingController();
+
+  RxNotifier<bool> isVisible = RxNotifier<bool>(false);
+  bool get getIsVisible => isVisible.value;
+
+  RxNotifier<bool> isLoading = RxNotifier<bool>(false);
+  bool get getIsLoading => isLoading.value;
+}

lib/features/login/login.view.dart

@@ -0,0 +1,219 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:rx_notifier/rx_notifier.dart';
+import 'package:mvp_proex/app/app.color.dart';
+import 'package:mvp_proex/features/login/login.controller.dart';
+import 'package:mvp_proex/features/user/user.model.dart';
+import 'package:mvp_proex/features/user/user.repository.dart';
+import 'package:mvp_proex/features/widgets/shared/button_submit.widget.dart';
+import 'package:mvp_proex/features/widgets/shared/form_field.widget.dart';
+import 'package:mvp_proex/features/widgets/shared/snackbar.message.dart';
+
+class LoginView extends StatefulWidget {
+  const LoginView({Key? key}) : super(key: key);
+
+  @override
+  _LoginViewState createState() => _LoginViewState();
+}
+
+class _LoginViewState extends State<LoginView> {
+  late UserModel userModel;
+  LoginController controller = LoginController();
+  final _formKey = GlobalKey<FormState>();
+
+  @override
+  void initState() {
+    super.initState();
+    userModel = Provider.of<UserModel>(context, listen: false);
+    if (userModel.token != "") {
+      Navigator.of(context).pushReplacementNamed('/mapselection');
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    Size size = MediaQuery.of(context).size;
+    return Scaffold(
+      body: Center(
+        child: SingleChildScrollView(
+          child: Container(
+            width: size.width < 320 ? size.width * 0.8 : 280,
+            height: size.height,
+            alignment: Alignment.center,
+            child: Form(
+              key: _formKey,
+              child: Column(
+                children: [
+                  const Spacer(
+                    flex: 4,
+                  ),
+                  const Text(
+                    "Módulo\n1",
+                    style: TextStyle(
+                      fontSize: 36,
+                      fontWeight: FontWeight.w700,
+                      color: AppColors.primary,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                  const Spacer(
+                    flex: 2,
+                  ),
+                  FormFieldWidget(
+                    title: "E-mail",
+                    description: "Entre com seu email",
+                    validator: (String value) {
+                      if (value.isEmpty) return "Campo vazio";
+                      if (value.length < 10) return "Campo muito pequeno";
+                      if (!value.contains("@")) return "Falta @";
+                      if (!value.contains("@")) return "Falta .";
+                      return null;
+                    },
+                    controller: controller.emailEditingController,
+                    onChanged: (value) {
+                      userModel.email = value;
+                    },
+                    icon: const SizedBox(),
+                    keyboardType: TextInputType.emailAddress,
+                  ),
+                  RxBuilder(
+                    builder: (context) {
+                      return FormFieldWidget(
+                        title: "Senha",
+                        description: "Senha do sistema",
+                        validator: (value) {
+                          if (value.isEmpty) return "Campo vazio";
+                          return null;
+                        },
+                        controller: controller.passwordEditingController,
+                        onChanged: (value) {
+                          userModel.password = value;
+                        },
+                        keyboardType: TextInputType.text,
+                        obscure: !controller.getIsVisible,
+                        icon: IconButton(
+                          icon: !controller.getIsVisible == true
+                              ? const Icon(Icons.visibility)
+                              : const Icon(Icons.visibility_off),
+                          onPressed: () {
+                            controller.isVisible.value =
+                                !controller.getIsVisible;
+                          },
+                        ),
+                      );
+                    },
+                  ),
+                  const Spacer(
+                    flex: 2,
+                  ),
+                  RxBuilder(
+                    builder: (context) {
+                      return controller.getIsLoading
+                          ? const CircularProgressIndicator()
+                          : ButtonSubmitWidget(
+                              textButton: "Entrar",
+                              onPressed: () async {
+                                if (_formKey.currentState!.validate()) {
+                                  controller.isLoading.value = true;
+                                  await UserRepository()
+                                      .login(
+                                    userModel: userModel,
+                                  )
+                                      .then(
+                                    (value) async {
+                                      if (value.contains("Erro")) {
+                                        showMessageError(
+                                            context: context, text: value);
+                                      } else {
+                                        userModel.token = value;
+                                        //TODO: tratar possíveis erros de requisição
+                                        await UserRepository()
+                                            .getUser(value)
+                                            .then((othervalue) {
+                                          userModel.permission =
+                                              othervalue["role"];
+                                        });
+                                        Navigator.of(context)
+                                            .pushReplacementNamed(
+                                                '/mapselection');
+                                      }
+                                    },
+                                  ).whenComplete(() =>
+                                          controller.isLoading.value = false);
+                                }
+                              },
+                            );
+                    },
+                  ),
+                  RxBuilder(
+                    builder: ((context) {
+                      return controller.getIsLoading
+                          ? const CircularProgressIndicator()
+                          : TextButton(
+                              onPressed: () async {
+                                userModel.email = "[email protected]";
+                                userModel.password = "123456";
+                                await UserRepository()
+                                    .login(
+                                  userModel: userModel,
+                                )
+                                    .then(
+                                  (value) async {
+                                    if (value.contains("Erro")) {
+                                      showMessageError(
+                                          context: context, text: value);
+                                    } else {
+                                      userModel.token = value;
+                                      //TODO: tratar possíveis erros de requisição
+                                      await UserRepository()
+                                          .getUser(value)
+                                          .then((othervalue) {
+                                        userModel.permission =
+                                            othervalue["role"];
+                                      });
+                                      Navigator.of(context)
+                                          .pushReplacementNamed(
+                                              '/mapselection');
+                                    }
+                                  },
+                                ).whenComplete(() =>
+                                        controller.isLoading.value = false);
+                              },
+                              child: const Text(
+                                "Automático",
+                                style: TextStyle(color: Colors.white),
+                              ));
+                    }),
+                  ),
+                  const Spacer(
+                    flex: 4,
+                  ),
+                  TextButton(
+                    onPressed: () {
+                      Navigator.of(context).pushNamed("/recovery-password");
+                    },
+                    child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Text(
+                        "Recuperar Senha",
+                        style: TextStyle(
+                          fontSize: 12,
+                          fontWeight: FontWeight.w400,
+                          color: Colors.grey,
+                        ),
+                        textAlign: TextAlign.center,
+                      ),
+                    ),
+                  ),
+                  const Spacer(
+                    flex: 1,
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}