311 lines
13 KiB
Dart
311 lines
13 KiB
Dart
import 'dart:html';
|
|
|
|
import 'package:auto_size_text/auto_size_text.dart';
|
|
import 'package:collection/collection.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:manager_app/Models/managerContext.dart';
|
|
import 'package:manager_app/Models/menu.dart';
|
|
import 'package:manager_app/Models/menuSection.dart';
|
|
import 'package:manager_app/Screens/Configurations/configurations_screen.dart';
|
|
import 'package:manager_app/Screens/Kiosk_devices/kiosk_screen.dart';
|
|
import 'package:manager_app/Screens/Resources/resources_screen.dart';
|
|
import 'package:manager_app/Screens/Applications/app_configuration_link_screen.dart';
|
|
import 'package:manager_app/app_context.dart';
|
|
import 'package:manager_app/constants.dart';
|
|
import 'package:manager_app/main.dart';
|
|
import 'package:manager_api_new/api.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class MainScreen extends StatefulWidget {
|
|
final InstanceDTO instance;
|
|
final String? view;
|
|
MainScreen({Key? key, required this.instance, required this.view}) : super(key: key);
|
|
|
|
@override
|
|
_MainScreenState createState() => _MainScreenState();
|
|
}
|
|
|
|
class _MainScreenState extends State<MainScreen> {
|
|
late MenuSection devices;
|
|
late MenuSection configurations;
|
|
late MenuSection resources;
|
|
|
|
Menu menu = Menu(title: "MyInfoMate");
|
|
Widget? selectedElement = null;
|
|
|
|
final ValueNotifier<int?> currentPosition = ValueNotifier<int?>(null);
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
devices = MenuSection(name: "Applications", type: "devices", menuId: 0, subMenu: []);
|
|
if (widget.instance.isMobile!) devices.subMenu.add(MenuSection(name: "Mobile", type: "mobile", menuId: 1, subMenu: []));
|
|
if (widget.instance.isTablet!) devices.subMenu.add(MenuSection(name: "Kiosk", type: "kiosk", menuId: 2, subMenu: []));
|
|
if (widget.instance.isWeb!) devices.subMenu.add(MenuSection(name: "Web", type: "web", menuId: 3, subMenu: []));
|
|
if (widget.instance.isVR!) devices.subMenu.add(MenuSection(name: "VR", type: "vr", menuId: 4, subMenu: []));
|
|
|
|
configurations = MenuSection(name: "Configurations", type: "configurations", menuId: 5, subMenu: []);
|
|
resources = MenuSection(name: "Ressources", type: "resources", menuId: 6, subMenu: []);
|
|
|
|
menu.sections = [devices, configurations, resources];
|
|
|
|
if(currentPosition.value == null) {
|
|
if (widget.instance.isMobile!) {
|
|
currentPosition.value = 1;
|
|
} else if (widget.instance.isTablet!) {
|
|
currentPosition.value = 2;
|
|
} else if (widget.instance.isWeb!) {
|
|
currentPosition.value = 3;
|
|
} else {
|
|
currentPosition.value = 4;
|
|
}
|
|
} else {
|
|
//currentPosition = managerAppContext.currentPositionMenu!;
|
|
}
|
|
|
|
selectedElement = initElementToShow(context, widget.view, currentPosition.value!, menu, widget.instance);
|
|
}
|
|
|
|
Widget buildMenu(BuildContext context, AppContext appContext, ManagerAppContext managerAppContext, bool isDrawer) {
|
|
return Container(
|
|
width: isDrawer ? null : 250, // fixed width on sidebar, null on drawer for full width
|
|
color: kSecond,
|
|
child: Column(
|
|
children: [
|
|
DrawerHeader(
|
|
child: Text(
|
|
menu.title,
|
|
style: TextStyle(color: kPrimaryColor, fontSize: 30, fontWeight: FontWeight.w400, fontFamily: "Helvetica"),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView(
|
|
padding: EdgeInsets.zero,
|
|
children: menu.sections!.map((section) {
|
|
final router = GoRouter.of(context);
|
|
final routeMatchList = router.routerDelegate.currentConfiguration;
|
|
var currentPath = routeMatchList.isNotEmpty ? routeMatchList.matches.first.matchedLocation : null;
|
|
|
|
if (section.subMenu.isEmpty) {
|
|
return ListTile(
|
|
title: Text(section.name, style: TextStyle(color: currentPath!.contains(section.type) ? kPrimaryColor : kBodyTextColor, fontSize: 20)),
|
|
selected: currentPosition == section.menuId,
|
|
onTap: () {
|
|
//currentPosition.value = section.menuId;
|
|
context.go('/main/${section.type}');
|
|
if (isDrawer) Navigator.of(context).pop(); // Close drawer on mobile
|
|
},
|
|
);
|
|
} else {
|
|
return ExpansionTile(
|
|
iconColor: currentPath!.contains("mobile") || currentPath.contains("kiosk") || currentPath.contains("web") || currentPath.contains("vr") ? kPrimaryColor : kBodyTextColor,
|
|
collapsedIconColor: currentPath.contains("mobile") || currentPath.contains("kiosk") || currentPath.contains("web") || currentPath.contains("vr") ? kPrimaryColor : kBodyTextColor,
|
|
title: Text(section.name, style: TextStyle(color: currentPath.contains("mobile") || currentPath.contains("kiosk") || currentPath.contains("web") || currentPath.contains("vr") ? kPrimaryColor : kBodyTextColor, fontSize: 20)),
|
|
children: section.subMenu.map((subSection) {
|
|
return ListTile(
|
|
title: Padding(
|
|
padding: const EdgeInsets.only(left: 16.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
subSection.type == "mobile" ? Icon(Icons.phone_iphone, color: currentPath.contains(subSection.type) ? kPrimaryColor : kBodyTextColor, size: 20) :
|
|
subSection.type == "kiosk" ? Icon(Icons.tablet_rounded, color: currentPath.contains(subSection.type) ? kPrimaryColor : kBodyTextColor, size: 20) :
|
|
subSection.type == "web" ? Icon(Icons.public_outlined, color: currentPath.contains(subSection.type) ? kPrimaryColor : kBodyTextColor, size: 20) :
|
|
subSection.type == "vr" ? Icon(Icons.panorama_photosphere, color: currentPath.contains(subSection.type)? kPrimaryColor : kBodyTextColor, size: 20) : SizedBox(),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(subSection.name, style: TextStyle(color: currentPath.contains(subSection.type) ? kPrimaryColor : kBodyTextColor, fontSize: 18)),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
selected: currentPosition.value == subSection.menuId,
|
|
onTap: () {
|
|
|
|
|
|
if(currentPath != null && currentPath.contains(subSection.type)) {
|
|
// DO NOTHING, we are already display the correct interface
|
|
} else {
|
|
context.go('/main/${subSection.type}');
|
|
}
|
|
if (isDrawer) Navigator.of(context).pop();
|
|
},
|
|
);
|
|
}).toList(),
|
|
);
|
|
}
|
|
}).toList(),
|
|
),
|
|
),
|
|
// Footer: Email + Logout button
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
children: [
|
|
AutoSizeText(
|
|
(appContext.getContext() as ManagerAppContext).email ?? "",
|
|
style: TextStyle(color: kBodyTextColor, fontSize: 16, fontWeight: FontWeight.w300, fontFamily: "Helvetica"),
|
|
maxLines: 1,
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.logout, color: kPrimaryColor),
|
|
onPressed: () async {
|
|
var session = await loadJsonSessionFile();
|
|
setState(() {
|
|
Storage localStorage = window.localStorage;
|
|
localStorage.clear();
|
|
ManagerAppContext managerAppContext = appContext.getContext();
|
|
managerAppContext.accessToken = null;
|
|
managerAppContext.instanceId = null;
|
|
managerAppContext.instanceDTO = null;
|
|
appContext.setContext(managerAppContext);
|
|
|
|
context.go('/login');
|
|
});
|
|
},
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appContext = Provider.of<AppContext>(context);
|
|
ManagerAppContext managerAppContext = appContext.getContext();
|
|
|
|
Size size = MediaQuery.of(context).size;
|
|
bool isMobile = size.width < 700;
|
|
|
|
return Scaffold(
|
|
appBar: isMobile
|
|
? AppBar(
|
|
title: Text(menu.title, style: TextStyle(color: kPrimaryColor)),
|
|
backgroundColor: kSecond,
|
|
leading: Builder(
|
|
builder: (context) => IconButton(
|
|
icon: Icon(Icons.menu, color: kPrimaryColor),
|
|
onPressed: () => Scaffold.of(context).openDrawer(),
|
|
),
|
|
),
|
|
)
|
|
: null,
|
|
drawer: isMobile ? ValueListenableBuilder<int?>(
|
|
valueListenable: currentPosition,
|
|
builder: (context, value, _) {
|
|
return Drawer(child: buildMenu(context, appContext, managerAppContext, true));
|
|
}
|
|
) : null,
|
|
body: Row(
|
|
children: [
|
|
if (!isMobile)
|
|
ValueListenableBuilder<int?>(
|
|
valueListenable: currentPosition,
|
|
builder: (context, value, _) {
|
|
return buildMenu(context, appContext, managerAppContext, false);
|
|
}
|
|
),
|
|
Expanded(
|
|
child: ValueListenableBuilder<int?>(
|
|
valueListenable: currentPosition,
|
|
builder: (context, value, _) {
|
|
selectedElement = initElementToShow(context, widget.view, currentPosition.value!, menu, widget.instance);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: selectedElement,
|
|
);
|
|
}
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
initElementToShow(BuildContext context, String? view, int currentPosition, Menu menu, InstanceDTO instanceDTO) {
|
|
|
|
if(view != null) {
|
|
switch (view) {
|
|
case "mobile":
|
|
currentPosition = 1;
|
|
break;
|
|
case "kiosk":
|
|
currentPosition = 2;
|
|
break;
|
|
case "web":
|
|
currentPosition = 3;
|
|
break;
|
|
case "vr":
|
|
currentPosition = 4;
|
|
break;
|
|
case "configurations":
|
|
currentPosition = 5;
|
|
break;
|
|
case "resources":
|
|
currentPosition = 6;
|
|
break;
|
|
}
|
|
}
|
|
|
|
MenuSection? elementToShow = menu.sections!.firstWhereOrNull((s) => s.menuId == currentPosition);
|
|
|
|
if(elementToShow == null) {
|
|
elementToShow = menu.sections![0].subMenu.where((s) => s.menuId == currentPosition).first;
|
|
}
|
|
|
|
switch (elementToShow.type) {
|
|
case 'mobile' :
|
|
var applicationInstanceMobile = instanceDTO.applicationInstanceDTOs!.firstWhere((ai) => ai.appType == AppType.Mobile);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: AppConfigurationLinkScreen(applicationInstanceDTO: applicationInstanceMobile)
|
|
);
|
|
case 'kiosk' :
|
|
var applicationInstanceTablet = instanceDTO.applicationInstanceDTOs!.firstWhere((ai) => ai.appType == AppType.Tablet);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: KioskScreen(applicationInstanceDTO: applicationInstanceTablet)
|
|
);
|
|
case 'web' :
|
|
var applicationInstanceWeb = instanceDTO.applicationInstanceDTOs!.firstWhere((ai) => ai.appType == AppType.Web);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text("TODO web")
|
|
);
|
|
case 'vr' :
|
|
var applicationInstanceVR = instanceDTO.applicationInstanceDTOs!.firstWhere((ai) => ai.appType == AppType.VR);
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text("TODO vr")
|
|
);
|
|
case 'configurations' :
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: ConfigurationsScreen()
|
|
);
|
|
case 'resources' :
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: ResourcesScreen(
|
|
resourceTypes: [
|
|
ResourceType.Audio,
|
|
ResourceType.Image,
|
|
ResourceType.ImageUrl,
|
|
ResourceType.Video,
|
|
ResourceType.VideoUrl,
|
|
ResourceType.Pdf,
|
|
ResourceType.Json,
|
|
ResourceType.JsonUrl
|
|
]
|
|
)
|
|
);
|
|
default:
|
|
return Text('Hellow default');
|
|
}
|
|
} |