feat: Reschedule - Patient Appointment
This commit is contained in:
Jamsheer
parent
64b4d98778
commit
dc3ae114cd
@ -39,7 +39,9 @@ frappe.ui.form.on('Patient Appointment', {
|
|||||||
frm.add_custom_button(__('Cancel'), function() {
|
frm.add_custom_button(__('Cancel'), function() {
|
||||||
btn_update_status(frm, "Cancelled");
|
btn_update_status(frm, "Cancelled");
|
||||||
});
|
});
|
||||||
|
frm.add_custom_button(__('Reschedule'), function() {
|
||||||
|
check_and_set_availability(frm);
|
||||||
|
});
|
||||||
if(frm.doc.procedure_template){
|
if(frm.doc.procedure_template){
|
||||||
frm.add_custom_button(__("Procedure"),function(){
|
frm.add_custom_button(__("Procedure"),function(){
|
||||||
btn_create_procedure(frm);
|
btn_create_procedure(frm);
|
||||||
@ -59,7 +61,9 @@ frappe.ui.form.on('Patient Appointment', {
|
|||||||
frm.add_custom_button(__('Cancel'), function() {
|
frm.add_custom_button(__('Cancel'), function() {
|
||||||
btn_update_status(frm, "Cancelled");
|
btn_update_status(frm, "Cancelled");
|
||||||
});
|
});
|
||||||
|
frm.add_custom_button(__('Reschedule'), function() {
|
||||||
|
check_and_set_availability(frm);
|
||||||
|
});
|
||||||
if(frm.doc.procedure_template){
|
if(frm.doc.procedure_template){
|
||||||
frm.add_custom_button(__("Procedure"),function(){
|
frm.add_custom_button(__("Procedure"),function(){
|
||||||
btn_create_procedure(frm);
|
btn_create_procedure(frm);
|
||||||
@ -100,117 +104,7 @@ frappe.ui.form.on('Patient Appointment', {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
check_availability: function(frm) {
|
check_availability: function(frm) {
|
||||||
var { practitioner, appointment_date } = frm.doc;
|
check_and_set_availability(frm)
|
||||||
if(!(practitioner && appointment_date)) {
|
|
||||||
frappe.throw(__("Please select Healthcare Practitioner and Date"));
|
|
||||||
}
|
|
||||||
|
|
||||||
// show booking modal
|
|
||||||
frm.call({
|
|
||||||
method: 'get_availability_data',
|
|
||||||
args: {
|
|
||||||
practitioner: practitioner,
|
|
||||||
date: appointment_date
|
|
||||||
},
|
|
||||||
callback: (r) => {
|
|
||||||
var data = r.message;
|
|
||||||
if(data.slot_details.length > 0){
|
|
||||||
show_availability(data);
|
|
||||||
}else{
|
|
||||||
show_empty_state();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function show_empty_state() {
|
|
||||||
frappe.msgprint({
|
|
||||||
title: __('Not Available'),
|
|
||||||
message: __("Healthcare Practitioner {0} not available on {1}", [practitioner.bold(), appointment_date.bold()]),
|
|
||||||
indicator: 'red'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function show_availability(data) {
|
|
||||||
var d = new frappe.ui.Dialog({
|
|
||||||
title: __("Available slots"),
|
|
||||||
fields: [{ fieldtype: 'HTML', fieldname: 'available_slots'}],
|
|
||||||
primary_action_label: __("Book"),
|
|
||||||
primary_action: function() {
|
|
||||||
// book slot
|
|
||||||
var btn_selected = $wrapper.find('button.btn-selected-slot');
|
|
||||||
frm.set_value('appointment_time', btn_selected.attr('data-name'));
|
|
||||||
frm.set_value('service_unit', btn_selected.attr('data-service-unit') || '');
|
|
||||||
frm.set_value('duration', btn_selected.attr('data-duration'));
|
|
||||||
d.hide();
|
|
||||||
frm.enable_save();
|
|
||||||
frm.save();
|
|
||||||
frm.enable_save();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
var $wrapper = d.fields_dict.available_slots.$wrapper;
|
|
||||||
|
|
||||||
// disable dialog action initially
|
|
||||||
d.get_primary_btn().attr('disabled', true);
|
|
||||||
|
|
||||||
var slot_details = data.slot_details;
|
|
||||||
var slot_html = "";
|
|
||||||
var duration = frm.doc.duration | 0;
|
|
||||||
$.each(slot_details, function(i, slot_detail){
|
|
||||||
slot_html = slot_html + `<label>${slot_detail['slot_name']}</label>`;
|
|
||||||
slot_html = slot_html + `<br/>` + slot_detail['avail_slot'].map(slot => {
|
|
||||||
let disabled = '';
|
|
||||||
let start_str = slot.from_time;
|
|
||||||
let slot_start_time = moment(slot.from_time, 'HH:mm:ss');
|
|
||||||
let slot_to_time = moment(slot.to_time, 'HH:mm:ss');
|
|
||||||
let interval = (slot_to_time - slot_start_time)/60000 | 0;
|
|
||||||
// iterate in all booked appointments, update the start time and duration
|
|
||||||
slot_detail['appointments'].forEach(function(booked) {
|
|
||||||
let booked_moment = moment(booked.appointment_time, 'HH:mm:ss');
|
|
||||||
let end_time = booked_moment.clone().add(booked.duration, 'minutes');
|
|
||||||
// Deal with 0 duration appointments
|
|
||||||
if(booked_moment.isSame(slot_start_time) || booked_moment.isBetween(slot_start_time, slot_to_time)){
|
|
||||||
if(booked.duration == 0){
|
|
||||||
disabled = 'disabled="disabled"';
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Check for overlaps considering appointment duration
|
|
||||||
if(slot_start_time.isBefore(end_time) && slot_to_time.isAfter(booked_moment)){
|
|
||||||
// There is an overlap
|
|
||||||
disabled = 'disabled="disabled"';
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return `<button class="btn btn-default"
|
|
||||||
data-name=${start_str}
|
|
||||||
data-duration=${duration || interval}
|
|
||||||
data-service-unit="${slot_detail['service_unit'] || ''}"
|
|
||||||
style="margin: 0 10px 10px 0; width: 72px;" ${disabled}>
|
|
||||||
${start_str.substring(0, start_str.length - 3)}
|
|
||||||
</button>`;
|
|
||||||
}).join("");
|
|
||||||
slot_html = slot_html + `<br/>`;
|
|
||||||
});
|
|
||||||
|
|
||||||
$wrapper
|
|
||||||
.css('margin-bottom', 0)
|
|
||||||
.addClass('text-center')
|
|
||||||
.html(slot_html);
|
|
||||||
|
|
||||||
// blue button when clicked
|
|
||||||
$wrapper.on('click', 'button', function() {
|
|
||||||
var $btn = $(this);
|
|
||||||
$wrapper.find('button').removeClass('btn-primary');
|
|
||||||
$wrapper.find('button').removeClass('btn-selected-slot');
|
|
||||||
$btn.addClass('btn-primary');
|
|
||||||
$btn.addClass('btn-selected-slot');
|
|
||||||
// enable dialog action
|
|
||||||
d.get_primary_btn().attr('disabled', null);
|
|
||||||
});
|
|
||||||
|
|
||||||
d.show();
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
onload:function(frm){
|
onload:function(frm){
|
||||||
if(frm.is_new()) {
|
if(frm.is_new()) {
|
||||||
@ -223,6 +117,177 @@ frappe.ui.form.on('Patient Appointment', {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var check_and_set_availability = function(frm) {
|
||||||
|
var selected_slot = null;
|
||||||
|
var service_unit = null;
|
||||||
|
var duration = null;
|
||||||
|
var { patient } = frm.doc;
|
||||||
|
|
||||||
|
show_availability()
|
||||||
|
|
||||||
|
function show_empty_state(practitioner, appointment_date) {
|
||||||
|
frappe.msgprint({
|
||||||
|
title: __('Not Available'),
|
||||||
|
message: __("Healthcare Practitioner {0} not available on {1}", [practitioner.bold(), appointment_date.bold()]),
|
||||||
|
indicator: 'red'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function show_availability(data) {
|
||||||
|
let selected_practitioner = '';
|
||||||
|
var d = new frappe.ui.Dialog({
|
||||||
|
title: __("Available slots"),
|
||||||
|
fields: [
|
||||||
|
{ fieldtype: 'Link', options: 'Medical Department', reqd:1, fieldname: 'department', label: 'Medical Department'},
|
||||||
|
{ fieldtype: 'Column Break'},
|
||||||
|
{ fieldtype: 'Link', options: 'Healthcare Practitioner', reqd:1, fieldname: 'practitioner', label: 'Healthcare Practitioner'},
|
||||||
|
{ fieldtype: 'Column Break'},
|
||||||
|
{ fieldtype: 'Date', reqd:1, fieldname: 'appointment_date', label: 'Date'},
|
||||||
|
{ fieldtype: 'Section Break'},
|
||||||
|
{ fieldtype: 'HTML', fieldname: 'available_slots'}
|
||||||
|
],
|
||||||
|
primary_action_label: __("Book"),
|
||||||
|
primary_action: function() {
|
||||||
|
frm.set_value('appointment_time', selected_slot);
|
||||||
|
frm.set_value('service_unit', service_unit || '');
|
||||||
|
frm.set_value('duration', duration);
|
||||||
|
frm.set_value('practitioner', d.get_value('practitioner'));
|
||||||
|
frm.set_value('department', d.get_value('department'));
|
||||||
|
frm.set_value('appointment_date', d.get_value('appointment_date'));
|
||||||
|
d.hide();
|
||||||
|
frm.enable_save();
|
||||||
|
frm.save();
|
||||||
|
frm.enable_save();
|
||||||
|
d.get_primary_btn().attr('disabled', true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
d.set_values({
|
||||||
|
'department': frm.doc.department,
|
||||||
|
'practitioner': frm.doc.practitioner,
|
||||||
|
'appointment_date': frm.doc.appointment_date
|
||||||
|
});
|
||||||
|
|
||||||
|
d.fields_dict["department"].df.onchange = () => {
|
||||||
|
d.set_values({
|
||||||
|
'practitioner': ''
|
||||||
|
});
|
||||||
|
var department = d.get_value('department');
|
||||||
|
if(department){
|
||||||
|
d.fields_dict.practitioner.get_query = function() {
|
||||||
|
return {
|
||||||
|
filters: {
|
||||||
|
"department": department
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// disable dialog action initially
|
||||||
|
d.get_primary_btn().attr('disabled', true);
|
||||||
|
|
||||||
|
// Field Change Handler
|
||||||
|
|
||||||
|
var fd = d.fields_dict;
|
||||||
|
|
||||||
|
d.fields_dict["appointment_date"].df.onchange = () => {
|
||||||
|
show_slots(d, fd);
|
||||||
|
}
|
||||||
|
d.fields_dict["practitioner"].df.onchange = () => {
|
||||||
|
if(d.get_value('practitioner') && d.get_value('practitioner') != selected_practitioner){
|
||||||
|
selected_practitioner = d.get_value('practitioner');
|
||||||
|
show_slots(d, fd);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
d.show();
|
||||||
|
}
|
||||||
|
|
||||||
|
function show_slots(d, fd) {
|
||||||
|
if (d.get_value('appointment_date') && d.get_value('practitioner')){
|
||||||
|
fd.available_slots.html("")
|
||||||
|
frappe.call({
|
||||||
|
method: 'erpnext.healthcare.doctype.patient_appointment.patient_appointment.get_availability_data',
|
||||||
|
args: {
|
||||||
|
practitioner: d.get_value('practitioner'),
|
||||||
|
date: d.get_value('appointment_date')
|
||||||
|
},
|
||||||
|
callback: (r) => {
|
||||||
|
var data = r.message;
|
||||||
|
if(data.slot_details.length > 0) {
|
||||||
|
var $wrapper = d.fields_dict.available_slots.$wrapper;
|
||||||
|
|
||||||
|
// make buttons for each slot
|
||||||
|
var slot_details = data.slot_details;
|
||||||
|
var slot_html = "";
|
||||||
|
for (let i = 0; i < slot_details.length; i++) {
|
||||||
|
slot_html = slot_html + `<label>${slot_details[i].slot_name}</label>`;
|
||||||
|
slot_html = slot_html + `<br/>` + slot_details[i].avail_slot.map(slot => {
|
||||||
|
let disabled = '';
|
||||||
|
let start_str = slot.from_time;
|
||||||
|
let slot_start_time = moment(slot.from_time, 'HH:mm:ss');
|
||||||
|
let slot_to_time = moment(slot.to_time, 'HH:mm:ss');
|
||||||
|
let interval = (slot_to_time - slot_start_time)/60000 | 0;
|
||||||
|
//iterate in all booked appointments, update the start time and duration
|
||||||
|
slot_details[i].appointments.forEach(function(booked) {
|
||||||
|
let booked_moment = moment(booked.appointment_time, 'HH:mm:ss');
|
||||||
|
let end_time = booked_moment.clone().add(booked.duration, 'minutes');
|
||||||
|
// Deal with 0 duration appointments
|
||||||
|
if(booked_moment.isSame(slot_start_time) || booked_moment.isBetween(slot_start_time, slot_to_time)){
|
||||||
|
if(booked.duration == 0){
|
||||||
|
disabled = 'disabled="disabled"';
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Check for overlaps considering appointment duration
|
||||||
|
if(slot_start_time.isBefore(end_time) && slot_to_time.isAfter(booked_moment)){
|
||||||
|
// There is an overlap
|
||||||
|
disabled = 'disabled="disabled"';
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return `<button class="btn btn-default"
|
||||||
|
data-name=${start_str}
|
||||||
|
data-duration=${interval}
|
||||||
|
data-service-unit="${slot_details[i].service_unit || ''}"
|
||||||
|
style="margin: 0 10px 10px 0; width: 72px;" ${disabled}>
|
||||||
|
${start_str.substring(0, start_str.length - 3)}
|
||||||
|
</button>`;
|
||||||
|
}).join("");
|
||||||
|
slot_html = slot_html + `<br/>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
$wrapper
|
||||||
|
.css('margin-bottom', 0)
|
||||||
|
.addClass('text-center')
|
||||||
|
.html(slot_html);
|
||||||
|
|
||||||
|
// blue button when clicked
|
||||||
|
$wrapper.on('click', 'button', function() {
|
||||||
|
var $btn = $(this);
|
||||||
|
$wrapper.find('button').removeClass('btn-primary');
|
||||||
|
$btn.addClass('btn-primary');
|
||||||
|
selected_slot = $btn.attr('data-name');
|
||||||
|
service_unit = $btn.attr('data-service-unit')
|
||||||
|
duration = $btn.attr('data-duration')
|
||||||
|
// enable dialog action
|
||||||
|
d.get_primary_btn().attr('disabled', null);
|
||||||
|
});
|
||||||
|
|
||||||
|
}else {
|
||||||
|
// fd.available_slots.html("Please select a valid date.".bold())
|
||||||
|
show_empty_state(d.get_value('practitioner'), d.get_value('appointment_date'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
freeze: true,
|
||||||
|
freeze_message: __("Fetching records......")
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
fd.available_slots.html("Appointment date and Healthcare Practitioner are Mandatory".bold())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
var get_procedure_prescribed = function(frm){
|
var get_procedure_prescribed = function(frm){
|
||||||
if(frm.doc.patient){
|
if(frm.doc.patient){
|
||||||
frappe.call({
|
frappe.call({
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user