Blood Donation CR implementation contd.

dev_3.3_blood_donation_CR
haroon amjad 2 years ago
parent a07c3b5916
commit 4780a3b5f6

@ -337,7 +337,7 @@ var UPDATE_COVID_QUESTIONNAIRE = 'Services/Doctors.svc/REST/COVID19_Questionnari
var CHANNEL = 3;
var GENERAL_ID = 'Cs2020@2016\$2958';
var IP_ADDRESS = '10.20.10.20';
var VERSION_ID = 11.1;
var VERSION_ID = 30.1;
var SETUP_ID = '91877';
var LANGUAGE = 2;
// var PATIENT_OUT_SA = 0;

@ -0,0 +1,25 @@
class BloodDonationFreeSlotsResponseModel {
int clinicID;
int doctorID;
String freeTimeSlots;
int projectID;
BloodDonationFreeSlotsResponseModel(
{this.clinicID, this.doctorID, this.freeTimeSlots, this.projectID});
BloodDonationFreeSlotsResponseModel.fromJson(Map<String, dynamic> json) {
clinicID = json['ClinicID'];
doctorID = json['DoctorID'];
freeTimeSlots = json['FreeTimeSlots'];
projectID = json['ProjectID'];
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data['ClinicID'] = this.clinicID;
data['DoctorID'] = this.doctorID;
data['FreeTimeSlots'] = this.freeTimeSlots;
data['ProjectID'] = this.projectID;
return data;
}
}

@ -1,28 +1,78 @@
import 'package:diplomaticquarterapp/core/model/blooddonation/blood_donation_free_slots_response.dart';
import 'package:diplomaticquarterapp/core/model/blooddonation/blood_donation_projects_list_response.dart';
import 'package:diplomaticquarterapp/core/service/blood/blood_donation_service.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/models/Appointments/FreeSlot.dart';
import 'package:diplomaticquarterapp/models/Appointments/timeSlot.dart';
import 'package:diplomaticquarterapp/theme/colors.dart';
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/uitl/utils_new.dart';
import 'package:diplomaticquarterapp/widgets/buttons/custom_text_button.dart';
import 'package:diplomaticquarterapp/widgets/dialogs/radio_selection_dialog.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import 'package:syncfusion_flutter_calendar/calendar.dart';
import '../AlHabibMedicalService/h2o/h20_setting.dart';
class BloodDonationBookAppointment extends StatefulWidget {
const BloodDonationBookAppointment();
static bool areSlotsAvailable = false;
static DateTime selectedAppoDateTime;
static String selectedDate;
static String selectedTime;
@override
State<BloodDonationBookAppointment> createState() => _BloodDonationBookAppointmentState();
}
class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointment> {
class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointment> with TickerProviderStateMixin {
Map<DateTime, List> _events;
AnimationController _animationController;
CalendarController _calendarController;
List<BloodDonationProjectsListResponse> bloodDonationProjectsListResponse = [];
int _selectedProjectID = 0;
int _clinicID = 0;
int _doctorID = 0;
List<TimeSlot> docFreeSlots = [];
List<TimeSlot> dayEvents = [];
var selectedDate = "";
dynamic selectedDateJSON;
dynamic jsonFreeSlots;
int selectedButtonIndex = 0;
List<BloodDonationFreeSlotsResponseModel> bloodDonationFreeSlotsResponse = [];
ProjectViewModel projectViewModel;
ScrollController _scrollController;
@override
void initState() {
final _selectedDay = DateTime.now();
super.initState();
_events = {
_selectedDay: ['Event A0']
};
_scrollController = new ScrollController();
_calendarController = CalendarController();
_animationController = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 50),
);
WidgetsBinding.instance.addPostFrameCallback((_) {
getBloodDonationProjectsList();
});
@ -30,6 +80,7 @@ class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointm
@override
Widget build(BuildContext context) {
projectViewModel = Provider.of(context);
return AppScaffold(
isShowAppBar: true,
showNewAppBar: true,
@ -42,14 +93,13 @@ class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointm
child: Padding(
padding: EdgeInsets.all(21),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
CommonDropDownView(TranslationBase.of(context).selectProject, "Select Hospital", () {
List<RadioSelectionDialogModel> list = [];
bloodDonationProjectsListResponse.forEach((element) {
list.add(RadioSelectionDialogModel(element.projectName, element.projectID));
});
showDialog(
context: context,
builder: (cxt) => RadioSelectionDialog(
@ -64,6 +114,44 @@ class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointm
),
);
}).withBorderedContainer,
mHeight(12),
Container(
decoration: cardRadius(12),
child: _buildTableCalendarWithBuilders(projectViewModel),
),
mHeight(12),
Text(selectedDate, style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w600, letterSpacing: -0.64)),
mHeight(8),
BloodDonationBookAppointment.areSlotsAvailable
? Container(
height: 40,
child: ListView.builder(
controller: _scrollController,
scrollDirection: Axis.horizontal,
itemCount: dayEvents.length,
itemBuilder: (context, index) {
return Container(
margin: EdgeInsets.only(right: (index == dayEvents.length - 1) ? 0 : 5.0, left: index == 0 ? 0 : 5),
child: ButtonTheme(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0),
side: BorderSide(
color: index == selectedButtonIndex ? CustomColors.green : Colors.black, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1.5, //width of the border
),
),
minWidth: MediaQuery.of(context).size.width * 0.2,
child: index == selectedButtonIndex ? getSelectedButton(index) : getNormalButton(index)),
);
},
),
)
: Center(
child: Padding(
padding: const EdgeInsets.only(left: 12.0, right: 12.0),
child: Text(TranslationBase.of(context).noSlotsError, style: TextStyle(fontSize: 14.0, fontWeight: FontWeight.w600, letterSpacing: -0.46, color: CustomColors.grey)),
)),
],
),
),
@ -71,26 +159,142 @@ class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointm
);
}
void _onDaySelected(DateTime day, ProjectViewModel projectViewModel) {
final DateFormat formatter = DateFormat('yyyy-MM-dd');
setState(() {
this.selectedDate = DateUtil.getWeekDayMonthDayYearDateFormatted(day, projectViewModel.isArabic ? "ar" : "en");
openTimeSlotsPickerForDate(day, docFreeSlots);
BloodDonationBookAppointment.selectedDate = formatter.format(day);
_calendarController.selectedDate = day;
print(BloodDonationBookAppointment.selectedDate);
});
}
Widget _buildTableCalendarWithBuilders(ProjectViewModel projectViewModel) {
return SfCalendar(
controller: _calendarController,
minDate: DateTime.now(),
showNavigationArrow: true,
headerStyle: CalendarHeaderStyle(textAlign: TextAlign.center, textStyle: TextStyle(fontSize: 14.0, fontWeight: FontWeight.w600, letterSpacing: -0.46)),
viewHeaderStyle: ViewHeaderStyle(dayTextStyle: TextStyle(fontSize: 12.0, fontWeight: FontWeight.w600, letterSpacing: -0.46, color: CustomColors.black)),
view: CalendarView.month,
todayHighlightColor: CustomColors.green,
selectionDecoration: containerColorRadiusBorderWidthCircular(Colors.transparent, 4, CustomColors.green, 2.5),
cellBorderColor: Colors.white,
dataSource: MeetingDataSource(_getDataSource()),
monthViewSettings: const MonthViewSettings(appointmentDisplayMode: MonthAppointmentDisplayMode.indicator, showTrailingAndLeadingDates: false, appointmentDisplayCount: 1),
onTap: (CalendarTapDetails details) {
_calendarController.selectedDate = details.date;
_onDaySelected(details.date, projectViewModel);
},
);
}
Widget getNormalButton(int index) {
return CustomTextButton(
backgroundColor: Colors.white,
elevation: 0,
side: BorderSide(
color: Colors.black, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1.5 //width of the border
),
onPressed: () {
final timeslot = dayEvents[index];
BloodDonationBookAppointment.selectedAppoDateTime = timeslot.end;
setState(() {
selectedButtonIndex = index;
BloodDonationBookAppointment.selectedTime = dayEvents[index].isoTime;
print(BloodDonationBookAppointment.selectedTime);
});
},
child: Text(dayEvents[index].isoTime, style: TextStyle(fontSize: 12.0, color: Color(0xFF60686b))),
);
}
Widget getSelectedButton(int index) {
return CustomTextButton(
backgroundColor: CustomColors.green,
elevation: 0,
side: BorderSide(
color: CustomColors.green, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1.5 //width of the border
),
onPressed: () {
setState(() {
selectedButtonIndex = index;
BloodDonationBookAppointment.selectedTime = dayEvents[index].isoTime;
print(BloodDonationBookAppointment.selectedTime);
});
},
child: Text(dayEvents[index].isoTime, style: TextStyle(fontSize: 12.0, color: Colors.white)),
);
}
getBloodDonationFreeSlots() {
BloodDonationService service = new BloodDonationService();
GifLoaderDialogUtils.showMyDialog(context);
service.getBloodDonationFreeSlots(134, _selectedProjectID).then((res) {
GifLoaderDialogUtils.hideDialog(context);
print(res['BD_FreeSlots']);
// if (res["MessageStatus"] == 1) {
// res['BD_getProjectsHaveBDClinics'].forEach((element) {
// bloodDonationProjectsListResponse.add(BloodDonationProjectsListResponse.fromJson(element));
// });
// print(bloodDonationProjectsListResponse.length);
// } else {
// AppToast.showErrorToast(message: res["ErrorEndUserMessage"]);
// }
if (res["MessageStatus"] == 1) {
res['BD_FreeSlots'].forEach((element) {
bloodDonationFreeSlotsResponse.add(BloodDonationFreeSlotsResponseModel.fromJson(element));
});
print(bloodDonationFreeSlotsResponse.length);
_getJSONSlots().then((value) => {
setState(() => {_clinicID = bloodDonationFreeSlotsResponse[0].clinicID, _doctorID = bloodDonationFreeSlotsResponse[0].doctorID, _events.clear(), _events = value})
});
} else {
AppToast.showErrorToast(message: res["ErrorEndUserMessage"]);
}
}).catchError((err) {
GifLoaderDialogUtils.hideDialog(context);
print(err);
});
}
openTimeSlotsPickerForDate(DateTime dateStart, List<TimeSlot> freeSlots) {
dayEvents.clear();
DateTime dateStartObj = new DateTime(dateStart.year, dateStart.month, dateStart.day, 0, 0, 0, 0, 0);
freeSlots.forEach((v) {
if (v.start == dateStartObj) dayEvents.add(v);
});
setState(() {
if (dayEvents.length != 0) {
BloodDonationBookAppointment.areSlotsAvailable = true;
selectedButtonIndex = 0;
BloodDonationBookAppointment.selectedTime = dayEvents[selectedButtonIndex].isoTime;
} else
BloodDonationBookAppointment.areSlotsAvailable = false;
});
}
Future<Map<DateTime, List>> _getJSONSlots() async {
Map<DateTime, List> _eventsParsed;
List<FreeSlot> slotsList = [];
DateTime date;
final DateFormat formatter = DateFormat('HH:mm');
final DateFormat dateFormatter = DateFormat('yyyy-MM-dd');
for (var i = 0; i < bloodDonationFreeSlotsResponse.length; i++) {
date = DateUtil.convertStringToDate(bloodDonationFreeSlotsResponse[i].freeTimeSlots);
slotsList.add(FreeSlot(date, ['slot']));
docFreeSlots.add(TimeSlot(isoTime: formatter.format(date), start: new DateTime(date.year, date.month, date.day, 0, 0, 0, 0), end: date));
}
_eventsParsed = Map.fromIterable(slotsList, key: (e) => e.slot, value: (e) => e.event);
setState(() {
BloodDonationBookAppointment.selectedDate = dateFormatter.format(DateUtil.convertStringToDate(bloodDonationFreeSlotsResponse[0].freeTimeSlots));
selectedDate = DateUtil.getMonthDayYearDateFormatted(DateUtil.convertStringToDate(bloodDonationFreeSlotsResponse[0].freeTimeSlots));
selectedDateJSON = bloodDonationFreeSlotsResponse[0].freeTimeSlots;
});
openTimeSlotsPickerForDate(DateUtil.convertStringToDate(selectedDateJSON), docFreeSlots);
_calendarController.selectedDate = DateUtil.convertStringToDate(selectedDateJSON);
return _eventsParsed;
}
getBloodDonationProjectsList() {
BloodDonationService service = new BloodDonationService();
GifLoaderDialogUtils.showMyDialog(context);
@ -110,4 +314,64 @@ class _BloodDonationBookAppointmentState extends State<BloodDonationBookAppointm
print(err);
});
}
List<Meeting> _getDataSource() {
final List<Meeting> meetings = <Meeting>[];
_events.forEach((key, value) {
final DateTime startTime = DateTime(key.year, key.month, key.day, 9, 0, 0);
final DateTime endTime = startTime.add(const Duration(minutes: 20));
meetings.add(Meeting("", startTime, endTime, CustomColors.green, false));
});
return meetings;
}
}
class MeetingDataSource extends CalendarDataSource {
MeetingDataSource(List<Meeting> source) {
appointments = source;
}
@override
DateTime getStartTime(int index) {
return _getMeetingData(index).from;
}
@override
DateTime getEndTime(int index) {
return _getMeetingData(index).to;
}
@override
String getSubject(int index) {
return _getMeetingData(index).eventName;
}
@override
Color getColor(int index) {
return _getMeetingData(index).background;
}
@override
bool isAllDay(int index) {
return _getMeetingData(index).isAllDay;
}
Meeting _getMeetingData(int index) {
final dynamic meeting = appointments[index];
Meeting meetingData;
if (meeting is Meeting) {
meetingData = meeting;
}
return meetingData;
}
}
class Meeting {
Meeting(this.eventName, this.from, this.to, this.background, this.isAllDay);
String eventName;
DateTime from;
DateTime to;
Color background;
bool isAllDay;
}

Loading…
Cancel
Save