203 lines
9.9 KiB
Dart
203 lines
9.9 KiB
Dart
import 'package:absensi_qr/constant/app_color.dart';
|
|
import 'package:absensi_qr/constant/app_font_style.dart';
|
|
import 'package:absensi_qr/constant/spacing_size.dart';
|
|
import 'package:absensi_qr/core/widgets/card_attendance_daily_status.dart';
|
|
import 'package:absensi_qr/core/widgets/shimmer_load_card.dart';
|
|
import 'package:absensi_qr/domain/enum/attendance_status_enum.dart';
|
|
import 'package:absensi_qr/feature_student/attendance/presentation/attendance_controller.dart';
|
|
import 'package:absensi_qr/feature_student/attendance/presentation/widgets/card_attendance_date_schedule.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
|
|
class AttendancePage extends StatelessWidget {
|
|
const AttendancePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
AttendanceController controller = Get.find<AttendanceController>();
|
|
|
|
return Scaffold(
|
|
backgroundColor: AppColor.backgroundColor,
|
|
body: RefreshIndicator(
|
|
onRefresh: () async {
|
|
await controller.refreshData();
|
|
},
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text('Riwayat Absensi',
|
|
style: AppFontStyle.titleText.copyWith(fontSize: 18)),
|
|
Obx(() => Text(
|
|
'Semester ${controller.activeAcademicPeriod.value?.name ?? ''}',
|
|
style: AppFontStyle.subTitleText)),
|
|
SpacingSize.spacingBaseHeight,
|
|
// this will shown as calendar widget.
|
|
Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: AppColor.colorShadowBox,
|
|
spreadRadius: 0,
|
|
blurRadius: 4,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Builder(
|
|
builder: (context) {
|
|
final activePeriod = controller
|
|
.mainController.activeAcademicPeriod.value;
|
|
final DateTime firstDate =
|
|
activePeriod?.startDate ?? DateTime(2025);
|
|
final DateTime lastDate =
|
|
activePeriod?.endDate ?? DateTime(2030);
|
|
DateTime initialDate = controller.selectedDate.value;
|
|
if (initialDate.isBefore(firstDate)) {
|
|
initialDate = firstDate;
|
|
}
|
|
if (initialDate.isAfter(lastDate)) {
|
|
initialDate = lastDate;
|
|
}
|
|
return CalendarDatePicker(
|
|
initialDate: initialDate,
|
|
firstDate: firstDate,
|
|
lastDate: lastDate,
|
|
onDateChanged: (DateTime date) {
|
|
controller.selectedDate.value = date;
|
|
controller.getHistoryAttendance();
|
|
controller.getAttendanceHistoryDaily();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
SpacingSize.spacingBaseHeight,
|
|
// this will shown as widget card with 2 separated sections: today and history.
|
|
Container(
|
|
constraints: const BoxConstraints(minHeight: 200),
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: AppColor.colorShadowBox,
|
|
spreadRadius: 0,
|
|
blurRadius: 4,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: DefaultTabController(
|
|
length: 2,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: TabBar(
|
|
labelColor: AppColor.primaryColor,
|
|
unselectedLabelColor: Colors.grey,
|
|
indicatorColor: AppColor.primaryColor,
|
|
tabs: const [
|
|
Tab(text: 'Absensi Harian'),
|
|
Tab(text: 'Absensi Mapel'),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 300,
|
|
child: TabBarView(
|
|
children: [
|
|
/// data history attendance daily face recognition.
|
|
SingleChildScrollView(
|
|
child: Obx(() => Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
controller.isLoadingAttendanceDaily
|
|
.value
|
|
? ShimmerLoadCard(
|
|
shimmerItemCount: 1,
|
|
customHeight: 60,
|
|
)
|
|
: CardAttendanceDailyStatus(
|
|
attendance: controller
|
|
.attendanceDailyResult
|
|
.value),
|
|
SpacingSize.spacingBaseHeight,
|
|
]),
|
|
)),
|
|
),
|
|
|
|
/// data history attendance by subject with schedule info.
|
|
SingleChildScrollView(
|
|
child: Obx(() => Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
controller
|
|
.isLoadingAttendanceHistory
|
|
.value
|
|
? ShimmerLoadCard(
|
|
shimmerItemCount: 3,
|
|
customHeight: 60,
|
|
)
|
|
: Column(
|
|
children: [
|
|
...controller
|
|
.attendanceHistoryResult
|
|
.map((item) {
|
|
return CardAttendanceDateSchedule(
|
|
subjectName: item
|
|
.schedule
|
|
.subject
|
|
?.name ??
|
|
'(Mata Pelajaran)',
|
|
badgeInfo: item
|
|
.attendance
|
|
?.status !=
|
|
null
|
|
? item
|
|
.attendance!
|
|
.status
|
|
: AttendanceStatusEnum
|
|
.alpha,
|
|
attendanceDateTime:
|
|
item.attendance
|
|
?.createdAt);
|
|
}).toList(),
|
|
],
|
|
)
|
|
]),
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|