devbeni/student-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new live card things

Browse Source
This commit is contained in:
Kima
2024-04-22 15:36:48 +02:00
parent 51d8ef7707
commit 90debfa60c
5 changed files with 204 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
refilc_mobile_ui/lib/pages/home/live_card/live_card.dart
View File

@@ -3,9 +3,9 @@ import 'package:refilc/api/providers/user_provider.dart';
import 'package:refilc/helpers/subject.dart';
import 'package:refilc/icons/filc_icons.dart';
import 'package:refilc/models/settings.dart';
import 'package:refilc_mobile_ui/common/round_border_icon.dart';
import 'package:refilc_mobile_ui/common/splitted_panel/splitted_panel.dart';
import 'package:refilc_mobile_ui/pages/home/live_card/heads_up_countdown.dart';
import 'package:refilc_mobile_ui/pages/home/live_card/segmented_countdown.dart';
import 'package:refilc_mobile_ui/screens/summary/summary_screen.dart';
import 'package:flutter/material.dart';
import 'package:refilc/utils/format.dart';
@@ -58,6 +58,8 @@ class LiveCardStateA extends State<LiveCard> {
// test
liveCard.currentState = LiveCardState.morning;
final dt = DateTime(2024, 3, 22, 17, 12, 1, 1, 1);
switch (liveCard.currentState) {
case LiveCardState.summary:
child = LiveCardWidget(
@@ -170,8 +172,17 @@ class LiveCardStateA extends State<LiveCard> {
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Hamarosan kezdődik az első órád!'),
Text('1 óra 32 perc 26 másodperc'),
Text(
'Hamarosan kezdődik az első órád!'.i18n,
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 16.0,
),
),
const SizedBox(
height: 5.0,
),
SegmentedCountdown(date: dt)
],
),
Row(

12
refilc_mobile_ui/lib/pages/home/live_card/live_card.i18n.dart
View File

@@ -17,6 +17,10 @@ extension Localization on String {
"first_lesson_2": " in room ",
"first_lesson_3": ", at ",
"first_lesson_4": ".",
// segmented countdown
"h": "hour(s)",
"m": "minute(s)",
"s": "sec(s)",
},
"hu_hu": {
"next": "Következő",
@@ -32,6 +36,10 @@ extension Localization on String {
"first_lesson_2": " lesz, a ",
"first_lesson_3": " teremben, ",
"first_lesson_4": "-kor.",
// segmented countdown
"h": "óra",
"m": "perc",
"s": "másodperc",
},
"de_de": {
"next": "Nächste",
@@ -47,6 +55,10 @@ extension Localization on String {
"first_lesson_2": ", in Raum ",
"first_lesson_3": ", um ",
"first_lesson_4": " Uhr.",
// segmented countdown
"h": "óra",
"m": "perc",
"s": "másodperc",
},
};

1
refilc_mobile_ui/lib/pages/home/live_card/live_card_widget.dart
View File

@@ -1,4 +1,3 @@
import 'package:i18n_extension/i18n_extension.dart';
import 'package:refilc/models/settings.dart';
import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_mobile_ui/common/progress_bar.dart';

152
refilc_mobile_ui/lib/pages/home/live_card/segmented_countdown.dart Normal file
View File

@@ -0,0 +1,152 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:refilc/theme/colors/colors.dart';
import 'live_card.i18n.dart';
class SegmentedCountdown extends StatefulWidget {
const SegmentedCountdown({super.key, required this.date});
final DateTime date;
@override
SegmentedCountdownState createState() => SegmentedCountdownState();
}
class SegmentedCountdownState extends State<SegmentedCountdown> {
@override
Widget build(BuildContext context) {
Duration diffDate = widget.date.difference(DateTime.now());
String diffHours = (diffDate.inHours % 24).toString();
String diffMins = (diffDate.inMinutes % 60).toString();
String diffSecs = (diffDate.inSeconds % 60).toString();
return Row(
children: [
Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.05),
borderRadius: BorderRadius.circular(8.0),
),
padding: const EdgeInsets.symmetric(vertical: 2.0),
width: 20.0,
alignment: Alignment.center,
child: Text(
diffHours,
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(
width: 7.0,
),
Text(
'h'.i18n,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500,
color: AppColors.of(context).text.withOpacity(0.6),
),
),
const SizedBox(
width: 7.0,
),
Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.05),
borderRadius: BorderRadius.circular(8.0),
),
padding: const EdgeInsets.symmetric(vertical: 2.0),
width: 20.0,
alignment: Alignment.center,
child: Text(
diffMins[0],
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
if (diffMins.length == 2)
Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.05),
borderRadius: BorderRadius.circular(8.0),
),
padding: const EdgeInsets.symmetric(vertical: 2.0),
margin: const EdgeInsets.only(left: 4.0),
width: 20.0,
alignment: Alignment.center,
child: Text(
diffMins[1],
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(
width: 7.0,
),
Text(
'm'.i18n,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500,
color: AppColors.of(context).text.withOpacity(0.6),
),
),
const SizedBox(
width: 7.0,
),
Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.05),
borderRadius: BorderRadius.circular(8.0),
),
padding: const EdgeInsets.symmetric(vertical: 2.0),
width: 20.0,
alignment: Alignment.center,
child: Text(
diffSecs[0],
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
if (diffSecs.length == 2)
Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.05),
borderRadius: BorderRadius.circular(8.0),
),
padding: const EdgeInsets.symmetric(vertical: 2.0),
margin: const EdgeInsets.only(left: 4.0),
width: 20.0,
alignment: Alignment.center,
child: Text(
diffSecs[1],
style: const TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(
width: 7.0,
),
Text(
's'.i18n,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500,
color: AppColors.of(context).text.withOpacity(0.6),
),
),
],
);
}
}