forked from firka/firka
402 lines
12 KiB
Dart
402 lines
12 KiB
Dart
import 'dart:async';
|
|
import 'dart:math';
|
|
|
|
import 'package:firka_wear/helpers/api/model/grade.dart';
|
|
import 'package:firka_wear/helpers/api/model/timetable.dart';
|
|
import 'package:firka_wear/helpers/extensions.dart';
|
|
import 'package:firka_wear/ui/widget/class_icon.dart';
|
|
import 'package:firka_wear/main.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_arc_text/flutter_arc_text.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:watch_connectivity/watch_connectivity.dart';
|
|
import 'package:wear_plus/wear_plus.dart';
|
|
|
|
import '../../../../helpers/debug_helper.dart';
|
|
import '../../../../l10n/app_localizations.dart';
|
|
import '../../../model/style.dart';
|
|
import '../../widgets/circular_progress_indicator.dart';
|
|
|
|
class WearHomeScreen extends StatefulWidget {
|
|
final WearAppInitialization data;
|
|
|
|
const WearHomeScreen(this.data, {super.key});
|
|
|
|
@override
|
|
State<WearHomeScreen> createState() => _WearHomeScreenState(data);
|
|
}
|
|
|
|
class _WearHomeScreenState extends State<WearHomeScreen> {
|
|
final WearAppInitialization data;
|
|
|
|
_WearHomeScreenState(this.data);
|
|
|
|
int? currentLessonNo;
|
|
List<Lesson> today = List.empty(growable: true);
|
|
String apiError = "";
|
|
DateTime now = timeNow();
|
|
Timer? timer;
|
|
bool init = false;
|
|
WearMode mode = WearMode.active;
|
|
final platform = MethodChannel('firka.app/main');
|
|
final watch = WatchConnectivity();
|
|
StreamSubscription? _messageSub;
|
|
|
|
bool disposed = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
now = timeNow();
|
|
_messageSub = watch.messageStream.listen((e) {
|
|
final msg = Map<String, dynamic>.from(e);
|
|
if (msg['id'] == 'sync_data') _onSyncData(msg);
|
|
});
|
|
timer = Timer.periodic(Duration(seconds: 1), (timer) async {
|
|
setState(() {
|
|
now = timeNow();
|
|
});
|
|
});
|
|
initStateAsync();
|
|
}
|
|
|
|
void _onSyncData(Map<String, dynamic> msg) async {
|
|
final lastSyncAt = msg['lastSyncAt'] != null
|
|
? DateTime.parse(msg['lastSyncAt'] as String)
|
|
: null;
|
|
final rawTimetable = msg['timetable'] as List<dynamic>? ?? [];
|
|
final timetable = rawTimetable
|
|
.map((e) => Lesson.fromJson(Map<String, dynamic>.from(e as Map)))
|
|
.toList();
|
|
final rawGrades = msg['grades'] as List<dynamic>? ?? [];
|
|
final grades = rawGrades
|
|
.map((e) => Grade.fromJson(Map<String, dynamic>.from(e as Map)))
|
|
.toList();
|
|
await data.syncStore.save(
|
|
lastSyncAt: lastSyncAt,
|
|
timetable: timetable,
|
|
grades: grades,
|
|
);
|
|
if (disposed) return;
|
|
setState(() {
|
|
now = timeNow();
|
|
today = data.syncStore.getLessonsForDate(now);
|
|
});
|
|
}
|
|
|
|
Future<void> initStateAsync() async {
|
|
now = timeNow();
|
|
if (data.syncStore.needsSync) {
|
|
watch.sendMessage({'id': 'request_sync'});
|
|
}
|
|
await data.syncStore.load();
|
|
if (disposed) return;
|
|
setState(() {
|
|
now = timeNow();
|
|
today = data.syncStore.getLessonsForDate(now);
|
|
init = true;
|
|
});
|
|
}
|
|
|
|
(List<Widget>, double) buildBody(BuildContext context, WearMode mode) {
|
|
ScreenUtil.init(context);
|
|
|
|
var body = List<Widget>.empty(growable: true);
|
|
if (!init) {
|
|
return (body, 255.h);
|
|
}
|
|
|
|
if (today.isEmpty &&
|
|
data.syncStore.needsSync &&
|
|
data.syncStore.timetable.isEmpty) {
|
|
body.add(
|
|
Text(
|
|
AppLocalizations.of(context)!.wear_sync_with_phone,
|
|
style: wearStyle.fonts.H_18px.apply(
|
|
color: wearStyle.colors.textPrimary,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
);
|
|
return (body, 255.h);
|
|
}
|
|
if (today.isEmpty) {
|
|
body.add(
|
|
Text(
|
|
AppLocalizations.of(context)!.noClasses,
|
|
style: wearStyle.fonts.H_18px.apply(
|
|
color: wearStyle.colors.textPrimary,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
);
|
|
|
|
platform.invokeMethod('activity_cancel');
|
|
return (body, 255.h);
|
|
}
|
|
if (now.isAfter(today.last.end)) {
|
|
body.add(
|
|
Text(
|
|
AppLocalizations.of(context)!.noMoreClasses,
|
|
style: wearStyle.fonts.H_18px.apply(
|
|
color: wearStyle.colors.textPrimary,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
);
|
|
|
|
platform.invokeMethod('activity_cancel');
|
|
return (body, 300.h);
|
|
}
|
|
if (now.isBefore(today.first.start)) {
|
|
var untilFirst = today.first.start.difference(now);
|
|
|
|
body.add(
|
|
Text(
|
|
AppLocalizations.of(context)!.firstIn(untilFirst.formatDuration()),
|
|
style: wearStyle.fonts.H_18px.apply(
|
|
color: wearStyle.colors.textPrimary,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
);
|
|
|
|
platform.invokeMethod('activity_update');
|
|
return (body, 255.h);
|
|
}
|
|
currentLessonNo = null;
|
|
if (now.isAfter(today.first.start) && now.isBefore(today.last.end)) {
|
|
Lesson? currentLesson = today.getCurrentLesson(now);
|
|
Lesson? lastLesson = today.getPrevLesson(now);
|
|
Lesson? nextLesson = today.getNextLesson(now);
|
|
|
|
if (currentLesson != null) {
|
|
currentLessonNo = today.getLessonNo(currentLesson);
|
|
}
|
|
|
|
Duration? currentBreak;
|
|
Duration? currentBreakProgress;
|
|
|
|
if (lastLesson != null && nextLesson != null) {
|
|
currentBreak = nextLesson.start.difference(lastLesson.end);
|
|
currentBreakProgress = nextLesson.start.difference(now);
|
|
}
|
|
|
|
if (currentLesson == null) {
|
|
if (currentBreak == null) {
|
|
throw Exception("currentBreak == null");
|
|
}
|
|
if (currentBreakProgress == null) {
|
|
throw Exception("currentBreakProgress == null");
|
|
}
|
|
|
|
var minutes = currentBreakProgress.inMinutes + 1;
|
|
|
|
body.add(
|
|
CustomPaint(
|
|
painter: CircularProgressPainter(
|
|
progress:
|
|
currentBreakProgress.inMilliseconds /
|
|
currentBreak.inMilliseconds,
|
|
// progress: 5 / 10,
|
|
screenSize: MediaQuery.of(context).size,
|
|
strokeWidth: 4,
|
|
color: wearStyle.colors.accent,
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
SizedBox(height: 55.h),
|
|
Center(
|
|
child: Text(
|
|
AppLocalizations.of(context)!.breakTxt,
|
|
style: TextStyle(
|
|
color: wearStyle.colors.textPrimary,
|
|
fontSize: 14,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 600)],
|
|
),
|
|
),
|
|
),
|
|
Center(
|
|
child: Text(
|
|
AppLocalizations.of(context)!.timeLeft(minutes),
|
|
style: TextStyle(
|
|
color: wearStyle.colors.textPrimary,
|
|
fontSize: 12,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 400)],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
platform.invokeMethod('activity_update');
|
|
return (body, 200.h);
|
|
} else {
|
|
var duration = currentLesson.start.difference(currentLesson.end);
|
|
var elapsed = currentLesson.start.difference(now);
|
|
var timeLeft = currentLesson.end.difference(now);
|
|
|
|
var minutes = timeLeft.inMinutes + 1;
|
|
|
|
Widget nextLessonWidget = SizedBox();
|
|
|
|
if (nextLesson != null) {
|
|
nextLessonWidget = Center(
|
|
child: Text(
|
|
"→ ${nextLesson.name}, ${nextLesson.roomName}",
|
|
style: TextStyle(
|
|
color: wearStyle.colors.textPrimary,
|
|
fontSize: 12,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 400)],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
body.add(
|
|
CustomPaint(
|
|
painter: CircularProgressPainter(
|
|
progress: elapsed.inMilliseconds / duration.inMilliseconds,
|
|
screenSize: MediaQuery.of(context).size,
|
|
strokeWidth: 4,
|
|
color: wearStyle.colors.accent,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
SizedBox(height: nextLesson == null ? 20.h : 0),
|
|
Center(
|
|
child: ClassIconWidget(
|
|
color: wearStyle.colors.accent,
|
|
size: 16,
|
|
uid: currentLesson.uid,
|
|
className: currentLesson.name,
|
|
category: currentLesson.subject?.name ?? '',
|
|
).build(context),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Center(
|
|
child: Text(
|
|
"${currentLesson.name}, ${currentLesson.roomName}",
|
|
style: TextStyle(
|
|
color: wearStyle.colors.textPrimary,
|
|
fontSize: 14,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 600)],
|
|
),
|
|
),
|
|
),
|
|
Center(
|
|
child: Text(
|
|
AppLocalizations.of(context)!.timeLeft(minutes),
|
|
style: TextStyle(
|
|
color: wearStyle.colors.textPrimary,
|
|
fontSize: 12,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 400)],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
nextLessonWidget,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
platform.invokeMethod('activity_update');
|
|
return (body, 200.h);
|
|
}
|
|
}
|
|
|
|
platform.invokeMethod('activity_cancel');
|
|
throw Exception("unexpected state");
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Widget titleBar = SizedBox();
|
|
|
|
if (currentLessonNo != null) {
|
|
titleBar = ArcText(
|
|
radius: 99,
|
|
startAngle: pi / 180,
|
|
startAngleAlignment: StartAngleAlignment.center,
|
|
text: AppLocalizations.of(context)!.wearTitle(currentLessonNo!),
|
|
textStyle: TextStyle(
|
|
fontSize: 12,
|
|
color: wearStyle.colors.secondary,
|
|
fontFamily: 'Montserrat',
|
|
fontVariations: [FontVariation('wght', 500)],
|
|
),
|
|
placement: Placement.inside,
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
backgroundColor: mode == WearMode.active
|
|
? wearStyle.colors.background
|
|
: wearStyle.colors.backgroundAmoled,
|
|
body: Stack(
|
|
children: [
|
|
Center(child: titleBar),
|
|
Center(
|
|
child: Column(
|
|
children: [
|
|
WatchShape(
|
|
builder: (context, shape, child) {
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[child!],
|
|
);
|
|
},
|
|
child: AmbientMode(
|
|
builder: (context, mode, child) {
|
|
if (this.mode != mode) {
|
|
Timer(Duration(milliseconds: 100), () {
|
|
setState(() {
|
|
this.mode = mode;
|
|
});
|
|
});
|
|
}
|
|
|
|
var (body, padding) = buildBody(context, mode);
|
|
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Container(
|
|
padding: EdgeInsets.only(top: padding),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [...body],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_messageSub?.cancel();
|
|
timer?.cancel();
|
|
disposed = true;
|
|
super.dispose();
|
|
}
|
|
}
|