desktop
This commit is contained in:
ImBenji
484
lib/remaster/DashboardArc.dart
Normal file
484
lib/remaster/DashboardArc.dart
Normal file
@@ -0,0 +1,484 @@
|
||||
|
||||
import 'package:bus_infotainment/backend/live_information.dart';
|
||||
import 'package:bus_infotainment/pages/components/ibus_display.dart';
|
||||
import 'package:bus_infotainment/remaster/dashboard.dart';
|
||||
import 'package:bus_infotainment/tfl_datasets.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_scroll_shadow/flutter_scroll_shadow.dart';
|
||||
import 'package:shadcn_ui/shadcn_ui.dart';
|
||||
|
||||
class ArcDashboard extends StatefulWidget {
|
||||
|
||||
@override
|
||||
State<ArcDashboard> createState() => _ArcDashboardState();
|
||||
}
|
||||
|
||||
class _ArcDashboardState extends State<ArcDashboard> {
|
||||
_closeDialogueChecker closeDialogWidget = _closeDialogueChecker();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
// Force landscape mode
|
||||
Future.delayed(Duration(seconds: 1), () {
|
||||
SystemChrome.setPreferredOrientations([
|
||||
DeviceOrientation.landscapeRight,
|
||||
DeviceOrientation.landscapeLeft,
|
||||
]);
|
||||
});
|
||||
|
||||
return Scaffold(
|
||||
|
||||
body: Container(
|
||||
child: Row(
|
||||
|
||||
children: [
|
||||
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 10,
|
||||
),
|
||||
|
||||
child: IntrinsicWidth(
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
if (LiveInformation().roomDocumentID != null)
|
||||
Tooltip(
|
||||
child: ShadButton(
|
||||
icon: const Icon(Icons.network_check),
|
||||
width: double.infinity,
|
||||
onPressed: () {
|
||||
showShadSheet(
|
||||
context: context,
|
||||
builder: (context) {
|
||||
return ShadSheet(
|
||||
padding: const EdgeInsets.all(10),
|
||||
content: Column(
|
||||
children: [
|
||||
Text("Room ID: ${LiveInformation().roomDocumentID}"),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
),
|
||||
message: "Room information",
|
||||
),
|
||||
|
||||
SizedBox(
|
||||
height: 220,
|
||||
child: RotatedBox(
|
||||
quarterTurns: 3,
|
||||
child: Column(
|
||||
children: [
|
||||
ShadButton(
|
||||
text: const Text("Manual Announcements"),
|
||||
width: double.infinity,
|
||||
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||
onPressed: () {
|
||||
|
||||
List<Widget> announcements = [];
|
||||
|
||||
for (var announcement in LiveInformation().announcementModule.manualAnnouncements) {
|
||||
|
||||
announcements.add(
|
||||
ShadButton(
|
||||
text: SizedBox(
|
||||
width: 200-42,
|
||||
child: Text(announcement.shortName),
|
||||
),
|
||||
onPressed: () {
|
||||
|
||||
if (closeDialogWidget.closeDialog) {
|
||||
Navigator.pop(context);
|
||||
}
|
||||
|
||||
LiveInformation().announcementModule.queueAnnouncementByInfoIndex(
|
||||
infoIndex: LiveInformation().announcementModule.manualAnnouncements.indexOf(announcement),
|
||||
);
|
||||
},
|
||||
)
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
print(announcements.length);
|
||||
|
||||
showShadSheet(
|
||||
context: context,
|
||||
side: ShadSheetSide.left,
|
||||
|
||||
builder: (context) {
|
||||
return ShadSheet(
|
||||
padding: const EdgeInsets.all(0),
|
||||
|
||||
content: Container(
|
||||
height: MediaQuery.of(context).size.height,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 5,
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 10,
|
||||
),
|
||||
alignment: Alignment.bottomCenter,
|
||||
height: double.infinity,
|
||||
width: 35,
|
||||
child: RotatedBox(
|
||||
quarterTurns: 3,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
"Manual Ann'",
|
||||
style: ShadTheme.of(context).textTheme.h3
|
||||
),
|
||||
SizedBox(
|
||||
width: 16,
|
||||
),
|
||||
Container(
|
||||
width: 1,
|
||||
height: 200,
|
||||
color: Colors.grey,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
closeDialogWidget
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
|
||||
// width: 220,
|
||||
height: MediaQuery.of(context).size.height,
|
||||
|
||||
child: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
child: SingleChildScrollView(
|
||||
reverse: true,
|
||||
child: Container(
|
||||
margin: const EdgeInsets.fromLTRB(
|
||||
0,
|
||||
10,
|
||||
10,
|
||||
10
|
||||
),
|
||||
child: Column(
|
||||
children: announcements.reversed.toList(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
},
|
||||
),
|
||||
ShadButton(
|
||||
text: const Text("Bus Stop Announcements"),
|
||||
width: double.infinity,
|
||||
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||
onPressed: () {
|
||||
|
||||
showShadSheet(
|
||||
context: context,
|
||||
side: ShadSheetSide.left,
|
||||
|
||||
builder: (context) {
|
||||
|
||||
List<Widget> announcements = [];
|
||||
|
||||
LiveInformation info = LiveInformation();
|
||||
|
||||
for (var busStop in info.getRouteVariant()!.busStops) {
|
||||
|
||||
if (info.trackerModule.nearestStop == busStop) {
|
||||
announcements.add(
|
||||
ShadButton(
|
||||
text: SizedBox(
|
||||
width: 200-42,
|
||||
child: Text(
|
||||
"-> ${busStop.formattedStopName}",
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
backgroundColor: Colors.amber,
|
||||
onPressed: () {
|
||||
if (closeDialogWidget.closeDialog) {
|
||||
Navigator.pop(context);
|
||||
}
|
||||
LiveInformation().announcementModule.queueAnnounceByAudioName(
|
||||
displayText: busStop.formattedStopName,
|
||||
audioNames: [busStop.getAudioFileName()],
|
||||
);
|
||||
},
|
||||
)
|
||||
);
|
||||
} else {
|
||||
announcements.add(
|
||||
ShadButton(
|
||||
text: SizedBox(
|
||||
width: 200-42,
|
||||
child: Text(
|
||||
busStop.formattedStopName,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
onPressed: () {
|
||||
if (closeDialogWidget.closeDialog) {
|
||||
Navigator.pop(context);
|
||||
}
|
||||
LiveInformation().announcementModule.queueAnnounceByAudioName(
|
||||
displayText: busStop.formattedStopName,
|
||||
audioNames: [busStop.getAudioFileName()],
|
||||
);
|
||||
},
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
ScrollController controller = ScrollController();
|
||||
|
||||
// Scroll to the current bus stop
|
||||
WidgetsBinding.instance!.addPostFrameCallback((_) {
|
||||
|
||||
double offset = (info.getRouteVariant()!.busStops.indexOf(info.trackerModule.nearestStop!) * 50);
|
||||
|
||||
// Offset the offset so that its in the middle of the screen
|
||||
offset -= (MediaQuery.of(context).size.height / 2) - 25;
|
||||
|
||||
// controller.jumpTo(offset);
|
||||
});
|
||||
|
||||
return ShadSheet(
|
||||
padding: const EdgeInsets.all(0),
|
||||
|
||||
content: Container(
|
||||
height: MediaQuery.of(context).size.height,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 5,
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 10,
|
||||
),
|
||||
alignment: Alignment.bottomCenter,
|
||||
height: double.infinity,
|
||||
width: 35,
|
||||
child: RotatedBox(
|
||||
quarterTurns: 3,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
"Bus Stops",
|
||||
style: ShadTheme.of(context).textTheme.h3
|
||||
),
|
||||
SizedBox(
|
||||
width: 16,
|
||||
),
|
||||
Container(
|
||||
width: 1,
|
||||
height: 200,
|
||||
color: Colors.grey,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
closeDialogWidget
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
|
||||
// width: 220,
|
||||
height: MediaQuery.of(context).size.height,
|
||||
|
||||
child: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
controller: controller,
|
||||
child: SingleChildScrollView(
|
||||
reverse: true,
|
||||
controller: controller,
|
||||
child: Container(
|
||||
margin: const EdgeInsets.fromLTRB(
|
||||
0,
|
||||
10,
|
||||
10,
|
||||
10
|
||||
),
|
||||
child: Column(
|
||||
children: announcements.reversed.toList(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
},
|
||||
),
|
||||
],
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
const ShadButton(
|
||||
icon: Icon(Icons.stop),
|
||||
width: double.infinity,
|
||||
),
|
||||
|
||||
ShadButton(
|
||||
// text: const Text("Announce Destination"),
|
||||
icon: const Icon(Icons.location_on),
|
||||
width: double.infinity,
|
||||
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||
onPressed: () {
|
||||
LiveInformation info = LiveInformation();
|
||||
|
||||
BusRouteVariant? routeVariant = info.getRouteVariant();
|
||||
|
||||
if (routeVariant != null) {
|
||||
info.announcementModule.queueAnnouncementByRouteVariant(
|
||||
routeVariant: routeVariant,
|
||||
sendToServer: false
|
||||
);
|
||||
}
|
||||
|
||||
},
|
||||
)
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
),
|
||||
|
||||
Expanded(
|
||||
child: Container(
|
||||
|
||||
decoration: const BoxDecoration(
|
||||
color: Colors.black,
|
||||
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||
|
||||
),
|
||||
|
||||
margin: const EdgeInsets.all(10),
|
||||
padding: const EdgeInsets.all(10),
|
||||
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
|
||||
alignment: Alignment.center,
|
||||
|
||||
child: ibus_display(
|
||||
hasBorder: false,
|
||||
),
|
||||
|
||||
),
|
||||
Container(
|
||||
|
||||
alignment: Alignment.bottomRight,
|
||||
|
||||
child: ShadButton.ghost(
|
||||
icon: const Icon(Icons.fullscreen),
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
Navigator.pushNamed(context, '/display');
|
||||
},
|
||||
),
|
||||
|
||||
),
|
||||
Container(
|
||||
|
||||
alignment: Alignment.bottomLeft,
|
||||
|
||||
child: ShadButton.ghost(
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
|
||||
],
|
||||
|
||||
),
|
||||
),
|
||||
|
||||
);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
class _closeDialogueChecker extends StatefulWidget {
|
||||
|
||||
bool closeDialog = false;
|
||||
|
||||
@override
|
||||
State<_closeDialogueChecker> createState() => _closeDialogueCheckerState();
|
||||
}
|
||||
|
||||
class _closeDialogueCheckerState extends State<_closeDialogueChecker> {
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// TODO: implement build
|
||||
return ShadSwitch(
|
||||
value: widget.closeDialog,
|
||||
enabled: true,
|
||||
label: const Text("Close Dialog?"),
|
||||
onChanged: (value) {
|
||||
widget.closeDialog = value;
|
||||
setState(() {
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
|
||||
import 'package:bus_infotainment/pages/tfl_dataset_test.dart';
|
||||
import 'package:bus_infotainment/remaster/DashboardArc.dart';
|
||||
import 'package:bus_infotainment/remaster/InitialStartup.dart';
|
||||
import 'package:bus_infotainment/remaster/dashboard.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
@@ -15,7 +16,12 @@ class RemasteredApp extends StatelessWidget {
|
||||
return ShadApp(
|
||||
darkTheme: ShadThemeData(
|
||||
brightness: Brightness.dark,
|
||||
colorScheme: ShadSlateColorScheme.dark(),
|
||||
colorScheme: ShadSlateColorScheme.dark(
|
||||
background: Colors.grey.shade900,
|
||||
primary: Colors.grey.shade50,
|
||||
primaryForeground: Colors.grey.shade900,
|
||||
border: Colors.grey.shade900,
|
||||
),
|
||||
// force dark mode
|
||||
),
|
||||
themeMode: ThemeMode.dark,
|
||||
@@ -24,10 +30,10 @@ class RemasteredApp extends StatelessWidget {
|
||||
'/setup': (context) => InitialStartup(),
|
||||
'/': (context) => HomePage_Re(),
|
||||
'/routes': (context) => RoutePage(),
|
||||
'/enroute': (context) => EnRoutePage(),
|
||||
'/enroute': (context) => ArcDashboard(),
|
||||
'/legacy': (context) => TfL_Dataset_Test(),
|
||||
'/multi': (context) => MultiModeSetup(),
|
||||
'/multi/enroute': (context) => MultiModeEnroute(),
|
||||
'/multi/enroute': (context) => ArcDashboard(),
|
||||
'/multi/login': (context) => MultiModeLogin(),
|
||||
'/multi/register': (context) => MultiModeRegister(),
|
||||
'/display': (context) => FullscreenDisplay(),
|
||||
|
||||
@@ -733,7 +733,7 @@ class EasyAnnouncementPicker extends StatelessWidget {
|
||||
label: entry.shortName,
|
||||
onPressed: () {
|
||||
LiveInformation liveInformation = LiveInformation();
|
||||
liveInformation.announcementModule.queueAnnounementByInfoIndex(
|
||||
liveInformation.announcementModule.queueAnnouncementByInfoIndex(
|
||||
infoIndex: liveInformation.announcementModule.manualAnnouncements.indexOf(entry),
|
||||
sendToServer: true
|
||||
);
|
||||
@@ -1431,6 +1431,10 @@ class _FullscreenDisplayState extends State<FullscreenDisplay> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
// Get the current screen orientation
|
||||
final Orientation orientation = MediaQuery.of(context).orientation;
|
||||
|
||||
|
||||
// Make the screen landscape
|
||||
SystemChrome.setPreferredOrientations([
|
||||
DeviceOrientation.landscapeRight,
|
||||
@@ -1440,9 +1444,18 @@ class _FullscreenDisplayState extends State<FullscreenDisplay> {
|
||||
return PopScope(
|
||||
onPopInvoked: (isPop) {
|
||||
if (isPop) {
|
||||
SystemChrome.setPreferredOrientations([
|
||||
// SystemChrome.setPreferredOrientations([
|
||||
// DeviceOrientation.portraitUp,
|
||||
// DeviceOrientation.portraitDown
|
||||
// ]);
|
||||
|
||||
// Set the orientation back to whatever it was before
|
||||
SystemChrome.setPreferredOrientations(orientation == Orientation.portrait ? [
|
||||
DeviceOrientation.portraitUp,
|
||||
DeviceOrientation.portraitDown
|
||||
] : [
|
||||
DeviceOrientation.landscapeRight,
|
||||
DeviceOrientation.landscapeLeft
|
||||
]);
|
||||
}
|
||||
},
|
||||
@@ -1460,12 +1473,17 @@ class _FullscreenDisplayState extends State<FullscreenDisplay> {
|
||||
hasBorder: false,
|
||||
),
|
||||
),
|
||||
ShadButton.ghost(
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
Container(
|
||||
|
||||
alignment: Alignment.bottomRight,
|
||||
|
||||
child: ShadButton.ghost(
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
padding: const EdgeInsets.all(8),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user