forked from firka/firka
367 lines
11 KiB
Dart
367 lines
11 KiB
Dart
import 'dart:async';
|
|
import 'dart:math';
|
|
|
|
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: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');
|
|
|
|
bool disposed = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
now = timeNow();
|
|
|
|
timer = Timer.periodic(Duration(seconds: 1), (timer) async {
|
|
setState(() {
|
|
now = timeNow();
|
|
});
|
|
});
|
|
initStateAsync();
|
|
}
|
|
|
|
Future<void> initStateAsync() async {
|
|
var kreta = data.client;
|
|
|
|
now = timeNow();
|
|
var todayStart = now.getMidnight();
|
|
var todayEnd = todayStart.add(Duration(hours: 23, minutes: 59));
|
|
var classes = await kreta.getTimeTable(todayStart, todayEnd);
|
|
|
|
if (disposed) return;
|
|
setState(() {
|
|
if (classes.response != null) today = classes.response!;
|
|
if (classes.statusCode != 200) {
|
|
apiError = "Unexpected status : ${classes.statusCode}";
|
|
}
|
|
if (classes.err != null) apiError = classes.err!;
|
|
|
|
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 && apiError != "") {
|
|
body.add(Text(
|
|
apiError,
|
|
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() {
|
|
super.dispose();
|
|
timer?.cancel();
|
|
disposed = true;
|
|
}
|
|
}
|