test

lib/main.dart

@@ -1,33 +1,39 @@
+import 'dart:async';
 import 'package:flutter/material.dart';
-import 'package:flutter/foundation.dart';
+import 'package:flutter/services.dart';
 import 'package:go_router/go_router.dart';
+import 'package:localstorage/localstorage.dart';
 import 'package:oc_front/core/models/shared_workspace_local.dart';
 import 'package:oc_front/core/models/workspace_local.dart';
+import 'package:oc_front/core/sections/header/header.dart';
+import 'package:oc_front/core/sections/header/menu.dart';
+import 'package:oc_front/core/sections/left_menu.dart';
+import 'package:oc_front/core/services/auth.service.dart';
 import 'package:oc_front/core/services/router.dart';
 import 'package:oc_front/core/sections/end_drawer.dart';
-import 'package:oc_front/core/sections/header/header.dart';
-import 'package:desktop_window/desktop_window.dart' if (kIsWeb) '';
+import 'package:oc_front/widgets/dialog/login.dart';
+void main() async {
+   WidgetsFlutterBinding.ensureInitialized();
 
-void main() {
+  // Run `LinuxWebViewPlugin.initialize()` first before creating a WebView.
+  await initLocalStorage();
   runApp(const MyApp());
 }
+GlobalKey<MainPageState>? mainKey;
 GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
-
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
-    if (!kIsWeb) { DesktopWindow.setMinWindowSize(const Size(400, 400)); }
-    return MaterialApp.router(
-      routerConfig: GoRouter( routes: AppRouter.routes ),
-    );
+    AuthService.init();
+    return MaterialApp.router(  routerConfig: GoRouter( routes: AppRouter.routes ) );
   }
 }
 // ignore: must_be_immutable
 class MainPage extends StatefulWidget {
-  Widget page;
-  MainPage({super.key, required this.page});
+  Widget? page;
+  MainPage({Key? key, required this.page}) : super(key: GlobalKey<MainPageState>());
 
   // This widget is the home page of your application. It is stateful, meaning
   // that it has a State object (defined below) that contains fields that affect
@@ -39,10 +45,40 @@ class MainPage extends StatefulWidget {
   // always marked "final".
 
   @override
-  State<MainPage> createState() => _MainPageState();
+  State<MainPage> createState() => MainPageState();
 }
 
-class _MainPageState extends State<MainPage> {
+var darkColor = Color.fromRGBO(26, 83, 92, 1);
+var lightColor = Color.fromRGBO(78, 205, 196, 1); 
+var darkMidColor = Color.fromRGBO(44, 83, 100, 1);
+var midColor = Colors.grey.shade300;
+var redColor = Color.fromRGBO(255, 107, 107, 1);
+
+double getWidth(BuildContext context) {
+  return MediaQuery.of(context).size.width <= 800 ? 800 : MediaQuery.of(context).size.width;
+}
+
+double getHeight(BuildContext context) {
+  return MediaQuery.of(context).size.height <= 400 ? 400 : MediaQuery.of(context).size.height;
+}
+
+double getMainHeight(BuildContext context) {
+  return getHeight(context) - HeaderConstants.height;
+}
+double getMainWidth(BuildContext context) {
+  return getWidth(context) - 50;
+}
+
+class MainPageState extends State<MainPage> {
+  bool isCtrl = false;
+  final FocusNode node = FocusNode();
+  @override
+  void initState() {
+    mainKey = widget.key as GlobalKey<MainPageState>?;
+    node.requestFocus();
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
     // This method is rerun every time setState is called, for instance as done
@@ -51,32 +87,62 @@ class _MainPageState extends State<MainPage> {
     // The Flutter framework has been optimized to make rerunning build methods
     // fast, so that you can just rebuild anything that needs updating rather
     // than having to individually change instances of widgets.
-    WorkspaceLocal.init(context, false);
-    SharedWorkspaceLocal.init(context, false);
     scaffoldKey = GlobalKey<ScaffoldState>();
-    return Scaffold(
-      key: scaffoldKey,
-      endDrawer: EndDrawerWidget(),
-      body: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: MainAxisAlignment.start,
-          children: <Widget>[
-            HeaderWidget(),
-            widget.page // CatalogPageWidget(),
-          ],
-        ),
-      );
+    isCtrl = false; 
+    return FutureBuilder(future: AuthService.init(), 
+      builder: (e, s) {
+        WorkspaceLocal.init(context, false);
+        CollaborativeAreaLocal.init(context, false);
+        if (!AuthService.isConnected()) {
+          Future.delayed(const Duration(milliseconds: 500), () {
+            showDialog(
+                barrierDismissible: false,
+                context: context, builder: (context) {
+                return AlertDialog(
+                  insetPadding: EdgeInsets.zero,
+                  backgroundColor: Colors.white,
+                  shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(0)),
+                  title: LoginWidget());
+              });
+          });
+        }
+        HeaderConstants.height = HeaderConstants.isNoHeader(AppRouter.currentRoute.route) || AppRouter.currentRoute.factory.searchFill() ? 50 : 100;
+        return Scaffold( key: scaffoldKey, endDrawer: EndDrawerWidget(), body: 
+        SingleChildScrollView(
+          controller: ScrollController(),
+          scrollDirection: Axis.horizontal,
+          child: SingleChildScrollView(
+            child: Column( children: [
+              HeaderMenuWidget(),
+              Row( children : [
+                Container( padding: const EdgeInsets.symmetric(vertical: 30),
+                  decoration: BoxDecoration( color: darkColor),
+                  width: 50, height: getHeight(context) - 50, 
+                  child: SingleChildScrollView( child: LeftMenuWidget() )),
+                SizedBox( width: getMainWidth(context), height: getHeight(context) - 50,
+                  child: KeyboardListener(
+                    focusNode: node,
+                    onKeyEvent: (event) async {
+                      if ( event.logicalKey == LogicalKeyboardKey.controlLeft ) {
+                        isCtrl = (event is KeyDownEvent); 
+                        node.requestFocus();
+                      } else if( (event is KeyDownEvent) && event.logicalKey == LogicalKeyboardKey.enter) {
+                        AppRouter.currentRoute.factory.search(context, isCtrl);
+                        node.requestFocus();
+                      }
+                    },
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: <Widget>[
+                        HeaderWidget(),
+                        widget.page ?? Container()  // CatalogPageWidget(),
+                  ],
+                ),
+              )),
+            ])
+          ])
+        )
+      ));
+    });
   }
 }