Homec4science
Diffusion SHRINE MedCo Fork (fork/1.22.8-medco_dev) Browse

shrine-medco/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/MedCo_ctrlr_Dates.js
d3829bffe7fbfork/1.22.8-medco_dev

Last Change
Raw File

MedCo_ctrlr_Dates.js
View Options

/**
* inspired from i2b2.CRC.ctrlr.dateConstraint
*/
i2b2.MedCo.QT.dateConstraint = {};
i2b2.MedCo.QT.dateConstraint.model = {
// the date constraint popup has to be bound to a panel when called
panel: null,
};
function stringify_date(day, month, year){
return padNumber(day, 2)+'/'+padNumber(month, 2)+'/'+padNumber(year, 2);
}
i2b2.MedCo.QT.dateConstraint.ctrlr = {
// ================================================================================================== //
init: function (panel) {
panel = panel.model
// creates a new model and ctrl wrapper and returns them (each panel has its own date model)
// ----------- initialize the model -------------
panel.date.model = {
defaultStartDate: '01/12/1979',
// defaultEndDate: '01/01/2018',
dateFrom: false,
dateTo: false,
};
// ----------- initialize the controller -------------
panel.date.ctrlr = {
show: function(){
// bind the popup to a panel before showing it
i2b2.MedCo.QT.dateConstraint.model.panel = panel;
i2b2.MedCo.QT.dateConstraint.ctrlr.show()
}
};
},
// ================================================================================================== //
show: function () {
var panel = i2b2.MedCo.QT.dateConstraint.model.panel;
// show the popup filling it with the data of the given date model
if (!i2b2.MedCo.QT.dateConstraint.view) {
// ----------- initialize the view -------------
document.body.appendChild(htmlToElement(
"<div id='MedCo-calendarDiv' style='z-index:1520; display:none;'></div>"))
document.body.appendChild(htmlToElement(
"<div id='MedCo-calendarDivMask' style='display:none; z-index:1510; position:absolute;' " +
"onClick='i2b2.MedCo.QT.dateConstraint.ctrlr.hideCalendar()'></div>"))
var handleSubmit = function () {
// save the dates
if (i2b2.MedCo.QT.dateConstraint.ctrlr.doProcessDates()) {
// saved and validated, close modal form
this.submit();
}
i2b2.MedCo.QT.dateConstraint.ctrlr.hideCalendar();
};
var handleCancel = function () {
i2b2.MedCo.QT.dateConstraint.ctrlr.hideCalendar()
this.cancel();
}
i2b2.MedCo.QT.dateConstraint.view = new YAHOO.widget.SimpleDialog("MedCo-constraintDates", {
width: "400px",
fixedcenter: true,
constraintoviewport: true,
modal: true,
zindex: 700,
buttons: [{
text: "OK",
isDefault: true,
handler: handleSubmit
}, {
text: "Cancel",
handler: handleCancel
}]
});
$('MedCo-constraintDates').show();
i2b2.MedCo.QT.dateConstraint.view.render(document.body);
}
i2b2.MedCo.QT.dateConstraint.view.show();
// load our panel data
var DateRecord = new Object;
if (panel.date.model.dateFrom) {
$('MedCo-checkboxDateStart').checked = true;
$('MedCo-constraintDateStart').disabled = false;
DateRecord.Start = stringify_date(
panel.date.model.dateFrom.Day,
panel.date.model.dateFrom.Month,
panel.date.model.dateFrom.Year)
} else {
$('MedCo-checkboxDateStart').checked = false;
$('MedCo-constraintDateStart').disabled = true;
DateRecord.Start = panel.date.model.defaultStartDate;
}
$('MedCo-constraintDateStart').value = DateRecord.Start;
if (panel.date.model.dateTo) {
$('MedCo-checkboxDateEnd').checked = true;
$('MedCo-constraintDateEnd').disabled = false;
DateRecord.End = stringify_date(
panel.date.model.dateTo.Day,
panel.date.model.dateTo.Month,
panel.date.model.dateTo.Year)
} else {
$('MedCo-checkboxDateEnd').checked = false;
$('MedCo-constraintDateEnd').disabled = true;
var curdate = new Date();
DateRecord.End = stringify_date(
curdate.getDate(),
curdate.getMonth(),
curdate.getFullYear());
}
$('MedCo-constraintDateEnd').value = DateRecord.End;
},
// ================================================================================================== //
toggleDate: function () {
if ($('MedCo-checkboxDateStart').checked) {
$('MedCo-constraintDateStart').disabled = false;
setTimeout("$('MedCo-constraintDateStart').select()", 150);
} else {
$('MedCo-constraintDateStart').disabled = true;
}
if ($('MedCo-checkboxDateEnd').checked) {
$('MedCo-constraintDateEnd').disabled = false;
setTimeout("$('MedCo-constraintDateEnd').select()", 150);
} else {
$('MedCo-constraintDateEnd').disabled = true;
}
},
// ================================================================================================== //
doShowCalendar: function (whichDate) {
// save our date type on the calendar object for later use
i2b2.MedCo.QT.dateConstraint.model.whichDate = whichDate;
// create calendar if not already initialized
if (!this.DateConstrainCal) {
this.DateConstrainCal = new YAHOO.widget.Calendar("DateContstrainCal", "MedCo-calendarDiv");
this.DateConstrainCal.selectEvent.subscribe(this.dateSelected, this.DateConstrainCal, true);
}
this.DateConstrainCal.clear();
// process click
if (whichDate == 'S') {
if ($('MedCo-checkboxDateStart').checked == false) {return;}
var currDateDiv = $('MedCo-dropDateStart')
$("MedCo-constraintDateStart").select();
var sDateValue = $('MedCo-constraintDateStart').value;
} else {
if ($('MedCo-checkboxDateEnd').checked == false) {return;}
var currDateDiv = $('MedCo-dropDateEnd')
$("MedCo-constraintDateEnd").select();
var sDateValue = $('MedCo-constraintDateEnd').value;
}
var apos = Position.cumulativeOffset(currDateDiv);
var calendarDiv = $("MedCo-calendarDiv")
var cx = apos[0] - calendarDiv.getWidth() + currDateDiv.width - 7;
var cy = apos[1] + currDateDiv.height - 35;
calendarDiv.style.top = cy + 'px';
calendarDiv.style.left = cx + 'px';
var rxDate = /^([1-9]|0[1-9]|[12][0-9]|3[01])(\/|\-)([1-9]|0[1-9]|1[012])(\/|\-)(19|20)\d\d$/; // /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
if (rxDate.test(sDateValue)) {
var aDate = sDateValue.split("/");
this.DateConstrainCal.setMonth(aDate[1] - 1);
this.DateConstrainCal.setYear(aDate[2]);
} else {
alert("Invalid Date Format, please use dd/mm/yyyy or select a date using the calendar.");
}
// display everything
calendarDiv.show();
var w = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
var h = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
var calendarDivMask = $("MedCo-calendarDivMask")
calendarDivMask.style.top = "0px";
calendarDivMask.style.left = "0px";
calendarDivMask.style.width = (w - 10) + "px";
calendarDivMask.style.height = (h - 10) + "px";
calendarDivMask.show();
this.DateConstrainCal.render(document.body);
},
// ================================================================================================== //
dateSelected: function (eventName, selectedDate) {
if (i2b2.MedCo.QT.dateConstraint.model.whichDate=='S') {
var tn = $('MedCo-constraintDateStart');
} else {
var tn = $('MedCo-constraintDateEnd');
}
var selectDate = selectedDate[0][0];
tn.value = stringify_date(selectDate[2], selectDate[1], selectDate[0]);
i2b2.MedCo.QT.dateConstraint.ctrlr.hideCalendar();
},
// ================================================================================================== //
hideCalendar: function () {
$("MedCo-calendarDiv").hide();
$("MedCo-calendarDivMask").hide();
},
doProcessDates: function() {
// validate the dates and save them in the panel model
// var conc = document.getElementById(i2b2.MedCo.QT.dateConstraint.model.panel.conceptPanelId)
// conc.innerHTML += "<br>" + $('MedCo-constraintDateStart').value;
// conc.innerHTML += "<br>" + $('MedCo-constraintDateEnd').value;
// return true
// push the dates into the data model
var sDateError = false;
//^(0[1-9]|1[012])(\\|\-)(0[1-9]|[12][0-9]|3[01])(\\|\-)(19|20)\d\d$
///^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
var rxDate = /^([1-9]|0[1-9]|[12][0-9]|3[01])(\/|\-)([1-9]|0[1-9]|1[012])(\/|\-)(19|20)\d\d$/;
var DateRecord = {};
var startChecked = $('MedCo-checkboxDateStart').checked;
var endChecked = $('MedCo-checkboxDateEnd').checked;
var startDate, endDate;
// var dm = i2b2.CRC.model.queryCurrent.panels[i2b2.CRC.ctrlr.QT.temporalGroup][panelIndex];
// this.currentPanelIndex = panelIndex;
// start date
if (startChecked) {
DateRecord.Start = {};
startDate = $('MedCo-constraintDateStart').value;
if (rxDate.test(startDate)) {
var aDate = startDate.split("/");
DateRecord.Start.Day = padNumber(aDate[0],2);
DateRecord.Start.Month = padNumber(aDate[1],2);
DateRecord.Start.Year = aDate[2];
} else {
sDateError = "Invalid Start Date\n";
}
}
// test the end date.
if (endChecked) {
DateRecord.End = {};
endDate = $('MedCo-constraintDateEnd').value;
if (rxDate.test(endDate)) {
var aDate = endDate.split("/");
DateRecord.End.Day = padNumber(aDate[0], 2);
DateRecord.End.Month = padNumber(aDate[1], 2);
DateRecord.End.Year = aDate[2];
} else {
sDateError = "Invalid End Date\n";
}
}
//make sure dates are in proper order.
if(startDate && endDate) {
var startDate = startDate.split("/");
var start = new Date(
parseInt(startDate[2], 10),
parseInt(startDate[1], 10) - 1,
parseInt(startDate[0], 10));
var endDate = endDate.split("/");
var end = new Date(
parseInt(endDate[2], 10),
parseInt(endDate[1], 10) - 1,
parseInt(endDate[0], 10)
);
if(start.valueOf() >= end.valueOf()) {
sDateError = "Invalid Date Range\n";
}
}
// check for processing errors
if (sDateError) {
sDateError += "\nPlease use the following format: dd/mm/yyyy";
alert(sDateError);
return false;
} else {
var panelDate = i2b2.MedCo.QT.dateConstraint.model.panel.date.model
// attach the data to our panel data
if (DateRecord.Start) {
panelDate.dateFrom = DateRecord.Start;
} else {
delete panelDate.dateFrom;
}
if (DateRecord.End) {
panelDate.dateTo = DateRecord.End;
} else {
delete panelDate.dateTo;
}
}
return true
}
};
c4science · Help