Current File : /var/www/crm/jssource/src_files/include/SugarFields/Fields/Datetimecombo/Datetimecombo.js
/*********************************************************************************
* SugarCRM Community Edition is a customer relationship management program developed by
* SugarCRM, Inc. Copyright (C) 2004-2012 SugarCRM Inc.
*
* This program is free software; you can redistribute it and/or modify it under
* the terms of the GNU Affero General Public License version 3 as published by the
* Free Software Foundation with the addition of the following permission added
* to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
* IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
* OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
* details.
*
* You should have received a copy of the GNU Affero General Public License along with
* this program; if not, see http://www.gnu.org/licenses or write to the Free
* Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
* 02110-1301 USA.
*
* You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
* SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
*
* The interactive user interfaces in modified source and object code versions
* of this program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU Affero General Public License version 3.
*
* In accordance with Section 7(b) of the GNU Affero General Public License version 3,
* these Appropriate Legal Notices must retain the display of the "Powered by
* SugarCRM" logo. If the display of the logo is not reasonably feasible for
* technical reasons, the Appropriate Legal Notices must display the words
* "Powered by SugarCRM".
********************************************************************************/
/**
* Datetimecombo.js
* This is a javascript object that handles rendering the non-date portions
* of a datetime field. There are some assumptions that are made so this
* class serves more as a utility rather than a building block. It is used
* primarily to handle the datetime field shown for Call, Meetings and Tasks
* edit views.
*/
/*
* Datetimecombo constructor
* @param datetime
* @param fieldname
* @param timeformat
* @param tabindex
* @allowEmptyHM - if this param was set true , the hour and minute select field will has an empty option.
*/
function Datetimecombo (datetime, field, timeformat, tabindex, showCheckbox, checked, allowEmptyHM) {
this.datetime = datetime;
this.allowEmptyHM = allowEmptyHM;
if(typeof this.datetime == "undefined" || datetime == '' || trim(datetime).length < 10) {
this.datetime = '';
var d = new Date();
var month = d.getMonth();
var date = d.getDate();
var year = d.getYear();
var hours = d.getHours();
var minutes = d.getMinutes();
}
this.fieldname = field;
//Get hours and minutes and adjust as necessary
if(datetime != '')
{
parts = datetime.split(' ');
this.hrs = parseInt(parts[1].substring(0,2), 10);
this.mins = parseInt(parts[1].substring(3,5), 10);
}
this.timeformat = timeformat; //23:00 || 11:00
this.tabindex = tabindex == null || isNaN(tabindex) ? 1 : tabindex;
// Calculate other derived values
this.timeseparator = this.timeformat.substring(2,3);
this.has12Hours = /^11/.test(this.timeformat);
this.hasMeridiem = /am|pm/i.test(this.timeformat);
if(this.hasMeridiem) {
this.pm = /pm/.test(this.timeformat);
}
this.meridiem = this.hasMeridiem ? trim(this.datetime.substring(16)) : '';
this.datetime = this.datetime.substr(0,10);
this.showCheckbox = showCheckbox;
this.checked = parseInt(checked);
YAHOO.util.Selector.query('input#' + this.fieldname + '_date')[0].value = this.datetime;
//A safety scan to make sure hrs and minutes are formatted correctly
if (this.mins > 0 && this.mins < 15) {
this.mins = 15;
} else if (this.mins > 15 && this.mins < 30) {
this.mins = 30;
} else if (this.mins > 30 && this.mins < 45) {
this.mins = 45;
} else if (this.mins > 45) {
this.hrs += 1;
this.mins = 0;
if(this.hasMeridiem && this.hrs == 12) {
if(this.meridiem == "pm" || this.meridiem == "am") {
if(this.meridiem == "pm") {
this.meridiem = "am";
} else {
this.meridiem = "pm";
}
} else {
if(this.meridiem == "PM") {
this.meridiem = "AM";
} else {
this.meridiem = "PM";
}
}
}
if (this.hasMeridiem && this.hrs > 12) {
this.hrs = this.hrs - 12;
}
} //if-else
}
/**
* jsscript
* This function renders the javascript portion to handle updates
* on the calendar widget. We have to do this because browsers like Mozilla
* have errors when attempting to handle events inside a class function.
* This is the reason why this code that is generated is not placed within
* the update function of the Datetimecombo class. Instead, it is run
* using the eval() method when the widget is loaded.
*/
Datetimecombo.prototype.jsscript = function(callback) {
//text = '\n<script language="javascript" type="text/html">';
text = '\nfunction update_' + this.fieldname + '(calendar) {';
/*
text += '\nif(calendar != null) {';
text += '\ncalendar.onUpdateTime();';
text += '\ncalendar.onSetTime();';
text += '\ncalendar.hide();';
text += '\n}'
*/
text += '\nd = YAHOO.util.Selector.query("input#' + this.fieldname + '_date")[0].value;';
text += '\nh = YAHOO.util.Selector.query("select#' + this.fieldname + '_hours")[0].value;';
text += '\nm = YAHOO.util.Selector.query("select#' + this.fieldname + '_minutes")[0].value;';
text += '\nnewdate = d + " " + h + "' + this.timeseparator + '" + m;';
if(this.hasMeridiem) {
text += '\nif(typeof YAHOO.util.Selector.query("select#' + this.fieldname + '_meridiem")[0] != "undefined") {';
text += '\n newdate += YAHOO.util.Selector.query("select#' + this.fieldname + '_meridiem")[0].value;';
text += '\n}';
}
text += '\nif(trim(newdate) =="'+ this.timeseparator +'") newdate="";';
text += '\nYAHOO.util.Selector.query("select#' + this.fieldname + '")[0].value = newdate;';
text += '\n' + callback;
text += '\n}';
//text += '\n</script>';
return text;
}
/**
* html
* This function renders the HTML form elements for this widget
*/
Datetimecombo.prototype.html = function(callback) {
//Now render the items
var text = '<span style="position:relative; top:6px;"><select class="datetimecombo_time" size="1" id="' + this.fieldname + '_hours" tabindex="' + this.tabindex + '" onchange="combo_' + this.fieldname + '.update(); ' + callback + '">';
var h1 = this.has12Hours ? 1 : 0;
var h2 = this.has12Hours ? 12 : 23;
if(this.allowEmptyHM){
text += '<option></option>';
}
for(i=h1; i <= h2; i++) {
val = i < 10 ? "0" + i : i;
text += '<option value="' + val + '" ' + (i == this.hrs ? "SELECTED" : "") + '>' + val + '</option>';
}
text += '\n</select> ';
text += this.timeseparator;
text += '\n <select class="datetimecombo_time" size="1" id="' + this.fieldname + '_minutes" tabindex="' + this.tabindex + '" onchange="combo_' + this.fieldname + '.update(); ' + callback + '">';
if(this.allowEmptyHM){
text += '\n<option></option>';
}
text += '\n<option value="00" ' + (this.mins == 0 ? "SELECTED" : "") + '>00</option>';
text += '\n<option value="15" ' + (this.mins == 15 ? "SELECTED" : "") + '>15</option>';
text += '\n<option value="30" ' + (this.mins == 30 ? "SELECTED" : "") + '>30</option>';
text += '\n<option value="45" ' + (this.mins == 45 ? "SELECTED" : "") + '>45</option>';
text += '\n</select>';
if(this.hasMeridiem) {
text += '\n ';
text += '\n<select class="datetimecombo_time" size="1" id="' + this.fieldname + '_meridiem" tabindex="' + this.tabindex + '" onchange="combo_' + this.fieldname + '.update(); ' + callback + '">';
if(this.allowEmptyHM){
text += '\n<option></option>';
}
text += '\n<option value="' + (this.pm ? "am" : "AM") + '" ' + (/am/i.test(this.meridiem) ? "SELECTED" : "") + '>' + (this.pm ? "am" : "AM") + '</option>';
text += '\n<option value="' + (this.pm ? "pm" : "PM") + '" ' + (/pm/i.test(this.meridiem) ? "SELECTED" : "") + '>' + (this.pm ? "pm" : "PM") + '</option>';
text += '\n</select>';
}
if(this.showCheckbox) {
text += '\n<input style="visibility:hidden;" type="checkbox" name="' + this.fieldname + '_flag" id="' + this.fieldname + '_flag" tabindex="' + this.tabindex + '" onchange="combo_' + this.fieldname + '.update(); ' + callback + '" ' + (this.checked ? 'CHECKED' : '') + '>';
//text += ' ' + SUGAR.language.get("app_strings", "LBL_LINK_NONE");
}
text += '</span>';
return text;
};
/**
* update
* This method handles events on the hour, minute and meridiem elements for the widget
*
* XXX TODO 20100317 Frank Steegmans: The code in this module is violating so many best practices
* that it will need to get rewritten. Also note that it still stems from before the datetime unification.
*/
Datetimecombo.prototype.update = function(updateListeners) {
//On initial load, we call update but we don't want to trigger listeners as the value hasn't really changed.
if (typeof (updateListeners) == "undefined")
updateListeners = true;
// Bug 42025: hour/minute/second still required when start_date is non required
// Fixing this by just assigning default when they aren't required
var d = YAHOO.util.Selector.query('input#' + this.fieldname + '_date')[0];
var h = YAHOO.util.Selector.query('select#' + this.fieldname + '_hours')[0];
var m = YAHOO.util.Selector.query('select#' + this.fieldname + '_minutes')[0];
var mer = YAHOO.util.Selector.query('select#' + this.fieldname + "_meridiem")[0];
if(d.value == "") { // if date is not set wipe time settings
h.selectedIndex = 0;
m.selectedIndex = 0;
if(mer) mer.selectedIndex = 0;
} else { // if date is set and hours/minutes are not allowed empty, initialize them
if(this.allowEmptyHM) {
if(h.selectedIndex == 0) h.selectedIndex = 12;
if(m.selectedIndex == 0) m.selectedIndex = 1;
if(mer && (mer.selectedIndex == 0)) mer.selectedIndex = 1;
}
}
var newdate = d.value + ' ' + h.value + this.timeseparator + m.value;
if(this.hasMeridiem) {
ampm = YAHOO.util.Selector.query('select#' + this.fieldname + "_meridiem")[0].value;
newdate += ampm;
}
if(trim(newdate) == ""+this.timeseparator+""){
newdate = '';
}
YAHOO.util.Selector.query('input#' + this.fieldname)[0].value = newdate;
//Check for onchange actions and fire them
if(updateListeners)
SUGAR.util.callOnChangeListers(this.fieldname);
if(this.showCheckbox) {
flag = this.fieldname + '_flag';
date = this.fieldname + '_date';
hours = this.fieldname + '_hours';
mins = this.fieldname + '_minutes';
if (YAHOO.util.Selector.query('input#' + flag)[0].checked)
{
YAHOO.util.Selector.query('input#' + flag)[0].value = 1;
YAHOO.util.Selector.query('input#' + this.fieldname)[0].value = '';
YAHOO.util.Selector.query('input#' + date)[0].disabled = true;
YAHOO.util.Selector.query('select#' + hours)[0].disabled = true;
YAHOO.util.Selector.query('select#' + mins)[0].disabled = true;
}
else
{
YAHOO.util.Selector.query('input#' + flag)[0].value = 0;
YAHOO.util.Selector.query('input#' + date)[0].disabled = false;
YAHOO.util.Selector.query('select#' + hours)[0].disabled = false;
YAHOO.util.Selector.query('select#' + mins)[0].disabled = false;
}
}
};
Mini Shell