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.
466 lines
26 KiB
Dart
466 lines
26 KiB
Dart
import 'package:doctor_app_flutter/core/service/home/dasboard_service.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/buttons/app_buttons_widget.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import '../../core/viewModel/project_view_model.dart';
|
|
import '../../core/viewModel/schedule_view_model.dart';
|
|
import '../../icons_app/doctor_app_icons.dart';
|
|
import '../../utils/date-utils.dart';
|
|
import '../../utils/dr_app_toast_msg.dart';
|
|
import '../../utils/translations_delegate_base_utils.dart';
|
|
import '../../widgets/shared/app_scaffold_widget.dart';
|
|
import '../../widgets/shared/errors/error_message.dart';
|
|
import '../base/base_view.dart';
|
|
import '../patients/register_patient/CustomEditableText.dart';
|
|
|
|
class DoctorSchedulePage extends StatefulWidget {
|
|
@override
|
|
_DoctorSchedulePageState createState() => _DoctorSchedulePageState();
|
|
}
|
|
|
|
class _DoctorSchedulePageState extends State<DoctorSchedulePage> {
|
|
DashboardService service;
|
|
PageController _pageController = PageController();
|
|
double currentPage = 0;
|
|
int selectedindex = 0;
|
|
List weeks = [];
|
|
// List<DoctorScheduleResponse> doctorScheduleResponse = [];
|
|
int weekMS = 604800 * 1000;
|
|
// DoctorList? doctorList;
|
|
List<String> freeSlots = [];
|
|
bool isPageChange = false;
|
|
String fromDate = DateFormat('yyyy-MM-dd').format(DateTime.now());
|
|
String toDate =
|
|
DateFormat('yyyy-MM-dd').format(DateTime.now().add(Duration(days: 30)));
|
|
// AppSharedPreferences sharedPref = AppSharedPreferences();
|
|
|
|
@override
|
|
void initState() {
|
|
// this.doctorList = widget.doctorList;
|
|
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
ProjectViewModel projectViewModel = Provider.of(context);
|
|
return BaseView<ScheduleViewModel>(
|
|
onModelReady: (model) => model.getDoctorRota(fromDate, toDate),
|
|
builder: (_, model, widget2) {
|
|
return AppScaffold(
|
|
appBarTitle: TranslationBase.of(context).doctorSchedule,
|
|
isShowAppBar: true,
|
|
baseViewModel: model,
|
|
isHomeIcon: false,
|
|
isLoading: true,
|
|
actionButton: IconButton(
|
|
icon: Icon(DoctorApp.search_1),
|
|
color: Colors.black, //Colors.black,
|
|
onPressed: () => searchSchedule(model),
|
|
),
|
|
body: SizedBox(
|
|
height: MediaQuery.of(context).size.height,
|
|
child: Stack(
|
|
children: [
|
|
Column(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 20),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
TranslationBase.of(context).dateFrom +
|
|
" " +
|
|
DateFormat("dd-MMM").format(
|
|
DateFormat('yyyy-MM-dd')
|
|
.parse(fromDate)) +
|
|
" " +
|
|
TranslationBase.of(context).to +
|
|
" " +
|
|
DateFormat("dd-MMM").format(
|
|
DateFormat('yyyy-MM-dd')
|
|
.parse(toDate)),
|
|
style: TextStyle(fontWeight: FontWeight.w600),
|
|
),
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: () {
|
|
|
|
model.getDoctorRota(fromDate, toDate,);
|
|
},
|
|
icon: SvgPicture.asset(
|
|
'assets/images/svgs/prev.svg',
|
|
height: 25,
|
|
width: 10)),
|
|
IconButton(
|
|
onPressed: () {},
|
|
icon: SvgPicture.asset(
|
|
'assets/images/svgs/next.svg',
|
|
height: 25,
|
|
width: 10))
|
|
],
|
|
),
|
|
],
|
|
)),
|
|
],
|
|
),
|
|
model.getDoctorRotation.length ==0 ? Center(
|
|
child: ErrorMessage(
|
|
error: TranslationBase.of(context).noDataAvailable,
|
|
)) :
|
|
Container(
|
|
margin: EdgeInsets.only(top: 45),
|
|
child: PageView.builder(
|
|
controller: _pageController,
|
|
itemCount: model.getDoctorRotation.length,
|
|
onPageChanged: (index) {
|
|
setState(() {
|
|
isPageChange = true;
|
|
this.currentPage = index.toDouble();
|
|
});
|
|
},
|
|
itemBuilder: (context, index) {
|
|
return Container(
|
|
child: ListView.builder(
|
|
itemCount: model.getDoctorRotation[index]
|
|
.scheduleforuser.length,
|
|
itemBuilder: (context, index2) => InkWell(
|
|
onTap: () {
|
|
// final weekDay = weeks[index][index2]['DayName'];
|
|
},
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
flex: 1,
|
|
child: Padding(
|
|
padding:
|
|
projectViewModel.isArabic
|
|
? EdgeInsets.only(
|
|
right: 17)
|
|
: EdgeInsets.only(
|
|
left: 17),
|
|
child: Row(children: [
|
|
Column(
|
|
children: [
|
|
Text(DateFormat('EEEE')
|
|
.format(model
|
|
.getDoctorRotation[
|
|
index]
|
|
.scheduleforuser[
|
|
index2]
|
|
.days)
|
|
|
|
// fontSize: 13,
|
|
// fontWeight: projectViewModel.isArabic ? FontWeight.w600 : FontWeight.w500,
|
|
),
|
|
Text(getDayMonths(model
|
|
.getDoctorRotation[
|
|
index]
|
|
.scheduleforuser[
|
|
index2]
|
|
.days))
|
|
|
|
// fontWeight: FontWeight.bold,
|
|
// fontSize: 18,
|
|
],
|
|
)
|
|
])),
|
|
),
|
|
Expanded(
|
|
flex: 3,
|
|
child: ClipRRect(
|
|
borderRadius:
|
|
const BorderRadius.all(
|
|
Radius.circular(
|
|
20.0)),
|
|
child: Container(
|
|
padding: EdgeInsets.only(
|
|
left: 10,
|
|
right: 10,
|
|
top: 15,
|
|
bottom: 20),
|
|
margin: EdgeInsets.only(
|
|
left: 20,
|
|
right: 20,
|
|
top: 7,
|
|
bottom: 7),
|
|
decoration: BoxDecoration(
|
|
boxShadow: [
|
|
model
|
|
.getDoctorRotation[
|
|
index]
|
|
.scheduleforuser[
|
|
index2]
|
|
.days
|
|
.toString()
|
|
.substring(
|
|
0,
|
|
10) ==
|
|
DateTime.now()
|
|
.toString()
|
|
.substring(
|
|
0, 10)
|
|
? BoxShadow(
|
|
color: Colors
|
|
.green,
|
|
offset: Offset(
|
|
projectViewModel.isArabic
|
|
? 5
|
|
: -5,
|
|
0))
|
|
: BoxShadow(
|
|
color: Colors
|
|
.grey[
|
|
100],
|
|
blurRadius:
|
|
5,
|
|
spreadRadius:
|
|
4,
|
|
offset:
|
|
Offset(
|
|
0,
|
|
10),
|
|
),
|
|
],
|
|
borderRadius:
|
|
const BorderRadius.all(
|
|
Radius.circular(
|
|
10.0)),
|
|
color: Colors.white),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment
|
|
.start,
|
|
children: [
|
|
model
|
|
.getDoctorRotation[
|
|
index]
|
|
.scheduleforuser[
|
|
index2]
|
|
.days
|
|
.toString()
|
|
.substring(
|
|
0,
|
|
10) ==
|
|
DateTime.now()
|
|
.toString()
|
|
.substring(
|
|
0,
|
|
10)
|
|
? Text(
|
|
TranslationBase.of(
|
|
context)
|
|
.today,
|
|
style:
|
|
TextStyle(
|
|
color: Colors
|
|
.green,
|
|
fontWeight:
|
|
FontWeight
|
|
.w600,
|
|
fontSize:
|
|
12,
|
|
))
|
|
: SizedBox(),
|
|
// : SizedBox(),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
model
|
|
.getDoctorRotation[
|
|
index]
|
|
.clinicname,
|
|
style:
|
|
TextStyle(
|
|
fontWeight:
|
|
FontWeight
|
|
.w600,
|
|
),
|
|
),
|
|
),
|
|
// Icon(Icons.arrow_forward, size: 16.0),
|
|
],
|
|
),
|
|
Container(
|
|
height: 45,
|
|
child: ListView
|
|
.builder(
|
|
itemCount: model
|
|
.getDoctorRotation[
|
|
index]
|
|
.scheduleforuser[
|
|
index2]
|
|
.shiftforuser
|
|
.length,
|
|
itemBuilder: (context,
|
|
index3) =>
|
|
Row(children: [
|
|
Text(model.getDoctorRotation[index].scheduleforuser[index2].shiftforuser[index3].fromtime.toString()),
|
|
Text(" To "),
|
|
Text(model.getDoctorRotation[index].scheduleforuser[index2].shiftforuser[index3].totime.toString())
|
|
])))
|
|
|
|
// ],)
|
|
]))),
|
|
),
|
|
],
|
|
))));
|
|
},
|
|
)),
|
|
// PageViewIndicator(
|
|
// isActive: true,
|
|
// currentPage: this.currentPage,
|
|
// length: weeks.length,
|
|
// )
|
|
],
|
|
)),
|
|
);
|
|
});
|
|
}
|
|
|
|
searchSchedule(model) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return StatefulBuilder(
|
|
builder:(context, setState) {
|
|
return
|
|
AlertDialog(
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
TranslationBase.of(context).search,
|
|
style: TextStyle(fontSize: 22),
|
|
),
|
|
Text(
|
|
TranslationBase.of(context).searchFindSchedule,
|
|
style: TextStyle(fontSize: 16),
|
|
)
|
|
],
|
|
),
|
|
content: Container(
|
|
height: 150,
|
|
child: Column(children: [
|
|
InkWell(
|
|
onTap: () {
|
|
DatePicker.showDatePicker(
|
|
context,
|
|
showTitleActions: true,
|
|
minTime: DateTime(DateTime.now().year - 1, 1, 1),
|
|
maxTime: DateTime.now().add(Duration(days:365)),
|
|
onConfirm: (date) {
|
|
setState(() {
|
|
fromDate = DateFormat('yyyy-MM-dd').format(date);
|
|
});
|
|
},
|
|
);
|
|
},
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(top: 5, left: 12, right: 12, bottom: 5),
|
|
width: double.infinity,
|
|
height: 55,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12),
|
|
color: Colors.white,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: .26,
|
|
spreadRadius: 1 * 1.5,
|
|
color: Colors.black.withOpacity(.05))
|
|
]),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
TranslationBase.of(context).dateFrom,
|
|
style: TextStyle(fontSize: 12),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(fromDate),
|
|
Icon(Icons.calendar_month_outlined)
|
|
])
|
|
],
|
|
))),
|
|
SizedBox(height: 20,),
|
|
InkWell(
|
|
onTap: () {
|
|
DatePicker.showDatePicker(
|
|
context,
|
|
showTitleActions: true,
|
|
minTime: DateTime(DateTime.now().year - 1, 1, 1),
|
|
maxTime: DateTime.now().add(Duration(days:365)),
|
|
onConfirm: (date) {
|
|
setState(() {
|
|
toDate = DateFormat('yyyy-MM-dd').format(date);
|
|
});
|
|
},
|
|
);
|
|
},
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.only(top: 5, left: 12, right: 12, bottom: 5),
|
|
width: double.infinity,
|
|
height: 55,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12),
|
|
color: Colors.white,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: .26,
|
|
spreadRadius: 1 * 1.5,
|
|
color: Colors.black.withOpacity(.05))
|
|
]),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
TranslationBase.of(context).toDate,
|
|
style: TextStyle(fontSize: 12),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(toDate),
|
|
Icon(Icons.calendar_month_outlined)
|
|
])
|
|
],
|
|
)))
|
|
]),
|
|
),
|
|
actions: [
|
|
AppButton(
|
|
title:TranslationBase.of(context).search,
|
|
onPressed: () {
|
|
setState((){
|
|
model.getDoctorRota(fromDate, toDate);
|
|
Navigator.pop(context);
|
|
});
|
|
},
|
|
)
|
|
],
|
|
);
|
|
;
|
|
}
|
|
);
|
|
|
|
},
|
|
);
|
|
}
|
|
|
|
String getDayMonths(DateTime dateTime) {
|
|
String dateFormat =
|
|
'${dateTime.day} ${AppDateUtils.getMonth(dateTime.month).toString().substring(0, 3)}';
|
|
return dateFormat;
|
|
}
|
|
}
|