/** * EGroupware clientside API object * * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @package etemplate * @subpackage api * @link http://www.egroupware.org * @author Andreas Stöckel (as AT stylite.de) * @author Ralf Becker * @version $Id$ */ /*egw:uses jquery.jquery-ui; jquery.jquery-ui-timepicker-addon; egw_core; egw_preferences; // egw_jquery; egw_css; */ /** * Date and timepicker * * @augments Class * @param {string} _app application name object is instanciated for * @param {object} _wnd window object is instanciated for */ egw.extend('calendar', egw.MODULE_WND_LOCAL, function(_app, _wnd) { "use strict"; // translate only once var calendar_translated = false,timepicker_translated = false; function calendarPreferences(_egw) { // Date format in jQuery UI date format var dateformat = dateTimeFormat(_egw.preference("dateformat")); // First day of the week var first_day = {"Monday": 1, "Sunday": 0, "Saturday": 6}; var first_day_pref = _egw.preference("weekdaystarts","calendar"); return { 'dateFormat': dateformat, 'firstDay': first_day_pref ? first_day[first_day_pref] : 0 }; }; /** * transform PHP date/time-format to jQuery date/time-format * * @param {string} _php_format * @returns {string} */ function dateTimeFormat(_php_format) { return _php_format .replace("Y","yy") .replace("d","dd") .replace("m","mm") .replace("M", "M") .replace('H', 'hh') .replace('i', 'mm') // datepicker uses mm for month and minutes, depending where in format it's written! .replace('s', 'ss'); } function timePreferences(_egw) { return { // timepicker does NOT work with spaces in timeformat "timeFormat": egw.preference("timeformat") == 12 ? "h:mmtt" : "HH:mm", "ampm": (egw.preference("timeformat") == "12"), "hourGrid": 4, "minuteGrid": 10 }; }; function setupCalendar(_egw, _input, _time, _callback, _context) { if (!calendar_translated) { // Set template's icon for date popup - could probably use jquery-ui icons _egw.css(".et2_date input.hasDatepicker:enabled:hover", "background-image: url(" + egw().image('datepopup') + ")"); translateCalendar(); calendar_translated = true; } if (!timepicker_translated) { translateTimepicker(); timepicker_translated = true; } var prefs = calendarPreferences(_egw); var params = { dateFormat: prefs.dateFormat, firstDay: prefs.firstDay, autoSize: true, showButtonPanel: true, // Today, Done buttons showOtherMonths: true, selectOtherMonths: true, showWeek: true, // Week numbers changeMonth: true, // Month selectbox changeYear: true // Year selectbox }; // Get the preferences if(_time) { params = jQuery.extend(params, timePreferences(_egw)); _wnd.jQuery(_input).datetimepicker(params); } else { _wnd.jQuery(_input).datepicker(params); } /* onClose: function(date_text, picker) { // Only update if there's a change - "" if no date selected if(date_text != "") self.set_value(new Date( picker.selectedYear, picker.selectedMonth, picker.selectedDay, self.input_hours ? self.input_hours.val() : 0, self.input_minutes ? self.input_minutes.val() : 0, 0,0 )); }, }); */ }; /** * Set up an input to have a time selection popup * * @param {egw} _egw egw object to use * @param {(node|string)} _input input field to use */ function setupTime(_egw, _input) { if (!timepicker_translated) { translateTimepicker(); timepicker_translated = true; } _wnd.jQuery(_input).timepicker(timePreferences(_egw)); } /** * Translate, and set as default values * */ function translateCalendar() { var translate_fields = { // These ones are simple strings "nextText": false, "currentText": false, "prevText": false, "closeText": false, // These ones are arrays. // Integers are length. If lang() has no short translation, just trim full "dayNames": false, "dayNamesShort":3, "dayNamesMin": 2, "monthNames": false, "monthNamesShort": 3 }; var regional = {}; var full = []; for(var i in translate_fields) { var trans = _wnd.jQuery.datepicker._defaults[i]; if(typeof trans === 'string') { trans = egw().lang(trans); } else { for(var key in trans) { if(translate_fields[i] === false) { trans[key] = egw().lang(trans[key]); } else { if (key != 'indexOf') trans[key] = full[key].substr(0,translate_fields[i]); } } // Keep the full one for missing short ones if(translate_fields[i] === false) full = trans; } regional[i] = trans; } // Set some non-lang defaults too /* var prefs = calendarPreferences(egw()); for(var i in prefs) { regional[i] = prefs[i]; } */ _wnd.jQuery.datepicker.setDefaults(regional); }; function translateTimepicker() { var translate_fields = { // These ones are simple strings "timeOnlyTitle": false, "timeText": false, "hourText": false, "minuteText": false, "currentText": false, "closeText": false }; var regional = {}; for(var i in translate_fields) { var trans = _wnd.jQuery.timepicker._defaults[i]; if(typeof trans === 'string') { trans = egw().lang(trans); } regional[i] = trans; } _wnd.jQuery.timepicker.setDefaults(regional); }; return { /** * setup a calendar / date-selection * * @member of egw * @param _input * @param _time * @param _callback * @param _context * @returns */ calendar: function(_input, _time, _callback, _context) { setupCalendar(this, _input, _time, _callback, _context); }, /** * setup a time-selection * * @param _input * @param _callback * @param _context * @returns */ time: function(_input, _callback, _context) { setupTime(this, _input, _callback, _context); }, /** * transform PHP date/time-format to jQuery date/time-format * * @param {string} _php_format * @returns {string} */ dateTimeFormat: function(_php_format) { return dateTimeFormat(_php_format); }, /** * Calculate the start of the week, according to user's preference * * @param {string} date */ week_start: function(date) { var d = new Date(date); var day = d.getUTCDay(); var diff = 0; switch(egw.preference('weekdaystarts','calendar')) { case 'Saturday': diff = day === 6 ? 0 : day === 0 ? -1 : -(day + 1); break; case 'Monday': diff = day === 0 ? -6 : 1-day; break; case 'Sunday': default: diff = -day; } d.setUTCDate(d.getUTCDate() + diff); return d; } }; });