You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.3 KiB
Dart
98 lines
4.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:test_sa/extensions/context_extension.dart';
|
|
import 'package:test_sa/extensions/int_extensions.dart';
|
|
import 'package:test_sa/extensions/string_extensions.dart';
|
|
import 'package:test_sa/extensions/text_extensions.dart';
|
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
|
import 'package:test_sa/models/new_models/work_order_detail_model.dart';
|
|
import 'package:test_sa/modules/cm_module/utilities/service_request_utils.dart';
|
|
import 'package:test_sa/new_views/app_style/app_color.dart';
|
|
|
|
class TotalWorkingTimeDetailBottomSheet extends StatelessWidget {
|
|
final List<TimerHistoryModel> timerList;
|
|
|
|
const TotalWorkingTimeDetailBottomSheet({Key? key, this.timerList = const []}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SafeArea(
|
|
child: Container(
|
|
height: MediaQuery.of(context).size.height * 0.5,
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: 40.toScreenWidth,
|
|
height: 5.toScreenHeight,
|
|
decoration: BoxDecoration(color: AppColor.neutral40, borderRadius: BorderRadius.circular(30)),
|
|
),
|
|
8.height,
|
|
Align(
|
|
alignment: AlignmentDirectional.centerStart,
|
|
child: Text(
|
|
"Total Working Time",
|
|
style: AppTextStyles.heading3.copyWith(fontWeight: FontWeight.w600, color: context.isDark ? AppColor.neutral30 : AppColor.neutral50),
|
|
),
|
|
),
|
|
ListView.separated(
|
|
itemCount: timerList.length,
|
|
separatorBuilder: (cxt, index) => const Divider().defaultStyle(context),
|
|
padding: const EdgeInsets.only(top: 16, bottom: 16),
|
|
itemBuilder: (cxt, index) {
|
|
int totalWorkingHours = DateTime.parse(timerList[index].endTime!).difference(DateTime.parse(timerList[index].startTime!)).inSeconds;
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
RichText(
|
|
text: TextSpan(
|
|
text: "From: ",
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(color: context.isDark ? null : AppColor.neutral20, fontWeight: FontWeight.w500),
|
|
children: [TextSpan(text: timerList[index].startTime!.toServiceRequestDetailsFormat, style: Theme.of(context).textTheme.bodySmall)])),
|
|
4.height,
|
|
RichText(
|
|
text: TextSpan(
|
|
text: "To: ",
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(color: context.isDark ? null : AppColor.neutral20, fontWeight: FontWeight.w500),
|
|
children: [TextSpan(text: timerList[index].endTime!.toServiceRequestDetailsFormat, style: Theme.of(context).textTheme.bodySmall)])),
|
|
4.height,
|
|
RichText(
|
|
text: TextSpan(
|
|
text: "Duration: ",
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(color: context.isDark ? null : AppColor.neutral20, fontWeight: FontWeight.w500),
|
|
children: [TextSpan(text: " ${ServiceRequestUtils.formatTimerDuration(totalWorkingHours.round())}", style: Theme.of(context).textTheme.bodySmall)])),
|
|
],
|
|
);
|
|
}).expanded,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class TimerHistoryModel {
|
|
int? id;
|
|
String? startTime;
|
|
String? endTime;
|
|
dynamic workingHours;
|
|
|
|
TimerHistoryModel({this.id, this.startTime, this.endTime, this.workingHours});
|
|
|
|
TimerHistoryModel.fromJson(Map<String, dynamic> json) {
|
|
id = json['id'];
|
|
startTime = json['startTime'];
|
|
endTime = json['endTime'];
|
|
workingHours = json['workingHours'];
|
|
}
|
|
|
|
Map<String, dynamic> toJson() {
|
|
final Map<String, dynamic> data = <String, dynamic>{};
|
|
data['id'] = id;
|
|
data['startTime'] = startTime;
|
|
data['endTime'] = endTime;
|
|
data['workingHours'] = workingHours;
|
|
return data;
|
|
}
|
|
}
|