[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Fmsystem-commits] [7634] controller: XSLT alternative
From: |
Sigurd Nes |
Subject: |
[Fmsystem-commits] [7634] controller: XSLT alternative |
Date: |
Fri, 16 Sep 2011 10:46:56 +0000 |
Revision: 7634
http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=7634
Author: sigurdne
Date: 2011-09-16 10:46:55 +0000 (Fri, 16 Sep 2011)
Log Message:
-----------
controller: XSLT alternative
Modified Paths:
--------------
trunk/controller/js/yahoo/common.js
Modified: trunk/controller/js/yahoo/common.js
===================================================================
--- trunk/controller/js/yahoo/common.js 2011-09-16 10:23:41 UTC (rev 7633)
+++ trunk/controller/js/yahoo/common.js 2011-09-16 10:46:55 UTC (rev 7634)
@@ -1,25 +1,74 @@
-YAHOO.namespace('controller');
+YAHOO.namespace('portico');
+YAHOO.portico.js_alias_method_chain = function(constructor_func, func_name,
new_feature_name, feature_impl_func) {
+ constructor_func.prototype[func_name+'_without_'+new_feature_name] =
constructor_func.prototype[func_name];
+ constructor_func.prototype[func_name+'_with_'+new_feature_name] =
feature_impl_func;
+ constructor_func.prototype[func_name] =
constructor_func.prototype[func_name+'_with_'+new_feature_name];
+};
+
+YAHOO.portico.lang = function(section, config) {
+ config = config || {};
+ if (YAHOO && YAHOO.booking && YAHOO.portico.i18n &&
YAHOO.portico.i18n[section]) {
+ YAHOO.portico.i18n[section](config);
+ }
+ return config;
+};
+
+/** Hook widgets to translations **/
+YAHOO.portico.js_alias_method_chain(YAHOO.widget.Calendar, 'init', 'i18n',
function(id, container, config) {
+ YAHOO.portico.lang('Calendar', config);
+ return this.init_without_i18n(id, container, config);
+});
+
+YAHOO.portico.js_alias_method_chain(YAHOO.widget.DataTable, '_initConfigs',
'i18n', function(config) {
+ YAHOO.portico.lang('DataTable', config);
+ return this._initConfigs_without_i18n(config);
+});
+
+function y2k(number) { return (number < 1000) ? number + 1900 : number; }
+YAHOO.portico.weeknumber = function(when) {
+ var year = when.getFullYear();
+ var month = when.getMonth();
+ var day = when.getDate();
+
+ var newYear = new Date(year,0,1);
+ var modDay = newYear.getDay();
+ if (modDay == 0) modDay=6; else modDay--;
+
+ var daynum = ((Date.UTC(y2k(year),when.getMonth(),when.getDate(),0,0,0)
- Date.UTC(y2k(year),0,1,0,0,0)) /1000/60/60/24) + 1;
+
+ if (modDay < 4 ) {
+ var weeknum = Math.floor((daynum+modDay-1)/7)+1;
+ } else {
+ var weeknum = Math.floor((daynum+modDay-1)/7);
+ if (weeknum == 0) {
+ year--;
+ var prevNewYear = new Date(year,0,1);
+ var prevmodDay = prevNewYear.getDay();
+ if (prevmodDay == 0) prevmodDay = 6; else prevmodDay--;
+ if (prevmodDay < 4) weeknum = 53; else weeknum = 52;
+ }
+ }
+ return + weeknum;
+}
+
parseISO8601 = function (string) {
var regexp = "(([0-9]{4})(-([0-9]{1,2})(-([0-9]{1,2}))))?(
)?(([0-9]{1,2}):([0-9]{1,2}))?";
var d = string.match(new RegExp(regexp));
- var year = d[2] ? (d[2] * 1 - 1900) : 0;
+ var year = d[2] ? (d[2] * 1) : 0;
date = new Date(year, (d[4]||1)-1, d[6]||0);
if(d[9])
date.setHours(d[9]);
if(d[10])
date.setMinutes(d[10]);
return date;
-}
+};
-
-YAHOO.controller.serializeForm = function(formID) {
+YAHOO.portico.serializeForm = function(formID) {
var form = YAHOO.util.Dom.get(formID);
var values = [];
for(var i=0; i < form.elements.length; i++) {
-
var e = form.elements[i];
-
if(e.type=='checkbox' || e.type=='radio') {
if(e.checked) {
values.push(e.name + '=' +
encodeURIComponent(e.value));
@@ -30,41 +79,86 @@
}
}
return values.join('&');
+};
+
+YAHOO.portico.fillForm = function(formID, params) {
+ var form = YAHOO.util.Dom.get(formID);
+ var values = [];
+ for(var i=0; i < form.elements.length; i++) {
+ var e = form.elements[i];
+ if((e.type=='checkbox' || e.type=='radio') && params[e.name]) {
+ e.checked = true;
+ }
+ else if(e.name && params[e.name] != undefined) {
+ e.value = params[e.name];
+ if(e._update) { // Is this connected to a date picker?
+ e._update();
+ }
+ }
+ }
+ return values.join('&');
+};
+
+YAHOO.portico.parseQS = function(qs) {
+ qs = qs.replace(/\+/g, ' ');
+ var args = qs.split('&');
+ var params = {};
+ for (var i = 0; i < args.length; i++) {
+ var pair = args[i].split('=');
+ var name = decodeURIComponent(pair[0]);
+ var value = (pair.length==2) ? decodeURIComponent(pair[1]) :
name;
+ params[name] = value;
+ }
+ return params;
}
-YAHOO.controller.formatLink = function(elCell, oRecord, oColumn, oData) {
+YAHOO.portico.formatLink = function(elCell, oRecord, oColumn, oData) {
var name = oRecord.getData(oColumn.key);
var link = oRecord.getData('link');
elCell.innerHTML = '<a href="' + link + '">' + name + '</a>';
};
-YAHOO.controller.formatGenericLink = function() {
- links = [];
- nOfLinks = arguments.length;
+YAHOO.portico.formatGenericLink = function() {
+ var links = [];
+ var nOfLinks = arguments.length;
for (var i=0; i < nOfLinks; i++) { links[i] = arguments[i]; }
return function(elCell, oRecord, oColumn, oData)
{
- nOfLinks = links.length;
- data = oRecord.getData(oColumn.key);
+ var nOfLinks = links.length;
+ var data = oRecord.getData(oColumn.key);
- linksHtml = '';
- for (var i=0; i < nOfLinks; i++) {
- linksHtml += '<div><a href="' + data[i] + '">' +
links[i] + '</a></div>';
+ var linksHtml = '';
+ if (nOfLinks > 0) {
+ //Use specified link names
+ for (var i=0; i < nOfLinks; i++) {
+ if (data[i])
+ {
+ linksHtml += '<div><a href="' + data[i]
+ '">' + links[i] + '</a></div>';
+ }
+ }
+ } else {
+ //Get label from embedded data
+ if (data['href'] != undefined && data['label'] !=
undefined) {
+ linksHtml += '<div><a href="' + data['href'] +
'">' + data['label'] + '</a></div>';
+ } else if(data['href'] == undefined && data['label'] !=
undefined) {
+ linksHtml += '<div>'+data['label']+'</div>';
+ }
}
elCell.innerHTML = linksHtml;
- }
+ };
};
-YAHOO.controller.autocompleteHelper = function(url, field, hidden, container) {
+YAHOO.portico.autocompleteHelper = function(url, field, hidden, container,
label_attr) {
+ label_attr = label_attr || 'name';
var myDataSource = new YAHOO.util.DataSource(url);
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.connXhrMode = "queueRequests";
myDataSource.responseSchema = {
resultsList: "ResultSet.Result",
- fields: ['name', 'id']
+ fields: [label_attr, 'id']
};
myDataSource.maxCacheEntries = 5;
var ac = new YAHOO.widget.AutoComplete(field, container, myDataSource);
@@ -75,61 +169,205 @@
YAHOO.util.Dom.get(hidden).value = aArgs[2].id;
});
return ac;
-}
+};
-YAHOO.controller.inlineTableHelper = function(container, url, colDefs,
options) {
+YAHOO.portico.setupInlineTablePaginator = function(container) {
+ var paginatorConfig = {
+ rowsPerPage: 10,
+ alwaysVisible: false,
+ template: "{PreviousPageLink} <strong>{CurrentPageReport}</strong>
{NextPageLink}",
+ pageReportTemplate: "Showing items {startRecord} - {endRecord} of
{totalRecords}",
+ containers: [YAHOO.util.Dom.get(container)]
+ };
+
+ YAHOO.portico.lang('setupPaginator', paginatorConfig);
+ var pag = new YAHOO.widget.Paginator(paginatorConfig);
+ pag.render();
+ return pag;
+};
+
+YAHOO.portico.inlineTableHelper = function(container, url, colDefs, options,
disablePagination) {
+ var Dom = YAHOO.util.Dom;
+
+ var container = Dom.get(container);
+ if(!disablePagination) {
+ var paginatorContainer =
container.appendChild(document.createElement('div'));
+ var dataTableContainer =
container.appendChild(document.createElement('div'));
+ }
+ else {
+ dataTableContainer = container;
+ }
options = options || {};
+ options.dynamicData = true;
+
+ if(!disablePagination) {
+ options.paginator =
YAHOO.portico.setupInlineTablePaginator(paginatorContainer);
+ url += 'results=' + options.paginator.getRowsPerPage() + '&';
+ }
var myDataSource = new YAHOO.util.DataSource(url);
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.connXhrMode = "queueRequests";
myDataSource.responseSchema = {
resultsList: "ResultSet.Result",
- metaFields : { totalResultsAvailable: "totalRecords" }
+ metaFields : { totalResultsAvailable:
"ResultSet.totalResultsAvailable", actions: 'Actions' }
};
- var myDataTable = new YAHOO.widget.DataTable(container, colDefs,
myDataSource, options);
-}
+
+ var myDataTable = new YAHOO.widget.DataTable(dataTableContainer,
colDefs, myDataSource, options);
+
+ myDataTable.handleDataReturnPayload = function(oRequest, oResponse,
oPayload) {
+ oPayload.totalRecords = oResponse.meta.totalResultsAvailable;
+ return oPayload;
+ }
+
+ myDataTable.doBeforeLoadData = function(nothing, data) {
+ if (!data.meta.actions) return data;
+
+ actions = data.meta.actions;
+
+ for (var key in actions) {
+ var actionLink = document.createElement('a');
+ actionLink.href = actions[key].href.replace(/&/gi,
'&');
+ actionLink.innerHTML = actions[key].text;
+ YAHOO.util.Dom.insertAfter(actionLink, container);
+ };
+
+ return data;
+ };
+ return {dataTable: myDataTable, dataSource: myDataSource};
+};
-YAHOO.controller.radioTableHelper = function(container, url, name, selection) {
- return YAHOO.controller.checkboxTableHelper(container, url, name,
selection, 'radio')
-}
+YAHOO.portico.inlineImages = function(container, url, options)
+{
+ options = options || {};
+ var myDataSource = new YAHOO.util.DataSource(url);
+ myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
+ myDataSource.connXhrMode = "queueRequests";
+ myDataSource.responseSchema = {
+ resultsList: "ResultSet.Result",
+ metaFields : { totalResultsAvailable:
"ResultSet.totalResultsAvailable", actions: 'Actions' }
+ };
+
+ myDataSource.sendRequest('', {success: function(sRequest, oResponse,
oPayload) {
+ var dlImages = new
YAHOO.util.Element(document.createElement('dl'));
+ dlImages.addClass('proplist images');
+
+ var displayContainer = false;
+
+ for(var key in oResponse.results) {
+ displayContainer = true;
+ var imgEl =
dlImages.appendChild(document.createElement('dd')).appendChild(document.createElement('img'));
+ var captionEl =
dlImages.appendChild(document.createElement('dt'));
+ imgEl.src =
oResponse.results[key].src.replace(/&/gi, '&');
+
captionEl.appendChild(document.createTextNode(oResponse.results[key].description));
+ }
+
+ if (displayContainer)
+ {
+ new YAHOO.util.Element(container).appendChild(dlImages);
+ } else {
+ new YAHOO.util.Element(container).setStyle('display',
'none');
+ }
+ }});
+};
-YAHOO.controller.checkboxTableHelper = function(container, url, name,
selection, type) {
- type = type || 'checkbox';
+
+YAHOO.portico.radioTableHelper = function(container, url, name, selection) {
+ return YAHOO.portico.checkboxTableHelper(container, url, name,
selection, {type: 'radio'});
+};
+
+YAHOO.portico.checkboxTableHelper = function(container, url, name, selection,
options) {
+ options = YAHOO.lang.isObject(options) ? options : {};
+
+ options = YAHOO.lang.merge(
+ {type: 'checkbox', selectionFieldOptions: {}, nameFieldOptions:
{}, defaultChecked: false},
+ options
+ );
+
+ var type = options['type'] || 'checkbox';
selection = selection || [];
var myDataSource = new YAHOO.util.DataSource(url);
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.connXhrMode = "queueRequests";
myDataSource.responseSchema = {
resultsList: "ResultSet.Result",
- metaFields : { totalResultsAvailable: "totalRecords" }
+ metaFields : { totalResultsAvailable:
"ResultSet.totalResultsAvailable" }
};
+
+ var lang = {LBL_NAME: 'Name'};
+ YAHOO.portico.lang('common', lang);
+
+ var changeListener = false;
+
+ if (options.onSelectionChanged) {
+ changeListener = function(e) {
+ var selectedItems = [];
+ var items =
YAHOO.util.Dom.getElementsBy(function(i){return i.checked;}, 'input',
container);
+
+ YAHOO.util.Dom.batch(items, function(e, selectedItems) {
+ selectedItems.push(e.value);
+ }, selectedItems);
+
+ options.onSelectionChanged(selectedItems);
+ };
+ }
+
var checkboxFormatter = function(elCell, oRecord, oColumn, oData) {
- var checked = '';
- for(var i =0; i< selection.length; i++) {
- if((selection[i] * 1) == (oData * 1)) {
- var checked = 'checked="checked"';
+ var checked = false;
+ var newInput;
+ for(var i=0; i < selection.length; i++) {
+ if (selection[i] == oData) {
+ checked = true;
+ break;
}
}
- // alert(selection.length);
- // var checked = (selection.indexOf(oData * 1) != -1) ?
'checked="checked"' : '';
- elCell.innerHTML = '<input type="' + type + '" name="' + name +
'" value="' + oData + '" ' + checked + '/>';
+
+ newInput = document.createElement('input');
+ newInput.setAttribute('type', type);
+ newInput.setAttribute('name', name);
+ newInput.setAttribute('value', oData);
+ if (checked || options.defaultChecked) {
+ newInput.setAttribute('checked', 'checked');
+ newInput.setAttribute('defaultChecked', true); //Needed
for IE compatibility
+ }
+
+ if (changeListener != false) {
+ //Using 'click' event on IE as the change event does
not work as expected there.
+ YAHOO.util.Event.addListener(newInput, (YAHOO.env.ua.ie
> 0 ? 'click' : 'change'), changeListener);
+ }
+
+ elCell.appendChild(newInput);
+
};
var colDefs = [
- {key: "id", label: "", formatter: checkboxFormatter},
- {key: "name", label: "Name", sortable: true}
+ YAHOO.lang.merge({key: "id", formatter: checkboxFormatter,
label: ''}, options.selectionFieldOptions),
+ YAHOO.lang.merge({key: "name", label: lang['LBL_NAME'],
sortable: true}, options.nameFieldOptions)
];
+
+ if (options['additional_fields'] &&
YAHOO.lang.isArray(options['additional_fields'])) {
+ for (var i=0; i < options['additional_fields'].length; i++) {
+ colDefs.push(options['additional_fields'][i]);
+ }
+ }
+
var myDataTable = new YAHOO.widget.DataTable(container, colDefs,
myDataSource, {
sortedBy: {key: 'name', dir: YAHOO.widget.DataTable.CLASS_ASC}
});
-}
+};
-YAHOO.controller.setupDatePickers = function() {
- YAHOO.util.Dom.getElementsByClassName('date-picker', null, null,
YAHOO.controller.setupDatePickerHelper, [true, false]);
- YAHOO.util.Dom.getElementsByClassName('time-picker', null, null,
YAHOO.controller.setupDatePickerHelper, [false, true]);
- YAHOO.util.Dom.getElementsByClassName('datetime-picker', null, null,
YAHOO.controller.setupDatePickerHelper, [true, true]);
-}
+YAHOO.portico.setupDatePickers = function() {
+ YAHOO.util.Dom.getElementsByClassName('date-picker', null, null,
YAHOO.portico.setupDatePickerHelper, [true, false]);
+ YAHOO.util.Dom.getElementsByClassName('time-picker', null, null,
YAHOO.portico.setupDatePickerHelper, [false, true]);
+ YAHOO.util.Dom.getElementsByClassName('datetime-picker', null, null,
YAHOO.portico.setupDatePickerHelper, [true, true]);
+};
-YAHOO.controller.setupDatePickerHelper = function(field, args) {
+YAHOO.portico.setupDatePickerHelper = function(field, args) {
+ if (!YAHOO.portico.setupDatePickerHelper.groups) {
+ YAHOO.portico.setupDatePickerHelper.groups = {};
+ }
+
+ var groups = YAHOO.portico.setupDatePickerHelper.groups;
+ var Dom = YAHOO.util.Dom;
+
if(field._converted)
return;
field._converted = true;
@@ -139,8 +377,25 @@
var Event = YAHOO.util.Event;
var oCalendarMenu = new YAHOO.widget.Overlay(Dom.generateId(), {
visible: false});
var oButton = new YAHOO.widget.Button({type: "menu", id:
Dom.generateId(), menu: oCalendarMenu, container: field});
+
+ oButton.with_time = time;
+ oButton.with_date = date;
+
+ var lang = {LBL_CHOOSE_DATE: 'Choose a date'};
+ YAHOO.portico.lang('setupDatePickerHelper', lang);
+
oButton._calendarMenu = oCalendarMenu;
oButton._input = field._input = Dom.getElementsBy(function(){return
true;}, 'input', field)[0];
+
+ oButton.hasDateSection = function() { return this.with_date; };
+ oButton.hasTimeSection = function() { return this.with_time; };
+
+ oButton.fireUpdateEvent = function() {
+ if (oButton.on_update) {
+ oButton.on_update.func.call(oButton.on_update.context,
oButton);
+ }
+ };
+
oButton.on("appendTo", function () {
this._calendarMenu.setBody(" ");
this._calendarMenu.body.id = Dom.generateId();
@@ -149,18 +404,19 @@
oButton.setStyle('display', 'none');
//oButton._input.setAttribute('type', 'hidden');
oButton._input.style.display = 'none';
- if(oButton._input.value) {
+ if(oButton._input.value)
oButton._date = parseISO8601(oButton._input.value);
- }
else
- oButton._date = new Date(-1, 4, 18);
-// oButton._date = new Date(109, 4, 18);
+ oButton._date = new Date(1, 1, 1);
oButton._input._update = function() {
- oButton._date = parseISO8601(oButton._input.value);
- oButton._update();
- }
- oButton._update = function() {
- var year = this._date.getYear() + 1900;
+ if(oButton._input.value)
+ oButton._date = parseISO8601(oButton._input.value);
+ else
+ oButton._date = new Date(1, 1, 1);
+ oButton._update(false);
+ };
+ oButton._update = function(fire_update_event) {
+ var year = this._date.getFullYear();
var month = this._date.getMonth() + 1;
var day = this._date.getDate();
var hours = this._date.getHours();
@@ -171,33 +427,45 @@
var minutes = minutes < 10 ? '0' + minutes : '' + minutes;
var dateValue = year + '-' + month + '-' + day;
var timeValue = hours + ':' + minutes;
- if(year == 1899 || year == -1) {
- this.set('label', 'Choose a date');
+ if(year == 1901) {
+ this.set('label', lang.LBL_CHOOSE_DATE);
} else {
this.set('label', dateValue);
}
if(time) {
- this._hours.set('label', hours);
- this._minutes.set('label', minutes);
+ this._hours.set('value', parseInt(hours, 10));
+ this._minutes.set('value', parseInt(minutes, 10));
+ this._hours.update();
+ this._minutes.update();
}
- if(year != 1899 && date && time)
+ if(year != 1901 && date && time)
this._input.value = dateValue + ' ' + timeValue;
- else if (year != 1899 && date)
+ else if (year != 1901 && date)
this._input.value = dateValue;
else if(!date && time)
this._input.value = timeValue;
- }
+
+ if (fire_update_event) {
+ oButton.fireUpdateEvent();
+ }
+ };
+
+ oButton.getDate = function() {
+ return this._date;
+ };
oButton.on("click", function () {
- var oCalendar = new YAHOO.widget.Calendar(Dom.generateId(),
this._calendarMenu.body.id);
+ YAHOO.widget.DateMath.WEEK_ONE_JAN_DATE = 4;
+ var oCalendar = new YAHOO.widget.Calendar(Dom.generateId(),
this._calendarMenu.body.id, {START_WEEKDAY: 1,SHOW_WEEK_HEADER:true});
oCalendar._button = this;
- if(this._date.getYear() == -1) {
+ if(this._date.getFullYear() == 1901) {
var d = new Date();
oCalendar.cfg.setProperty("pagedate", (d.getMonth()+1)
+ "/" + d.getFullYear());
} else {
oCalendar.select(this._date);
oCalendar.cfg.setProperty("pagedate",
(this._date.getMonth()+1) + "/" + this._date.getFullYear());
}
+
oCalendar.render();
// Hide date picker on ESC
Event.on(this._calendarMenu.element, "keydown", function
(p_oEvent) {
@@ -209,46 +477,79 @@
oCalendar.selectEvent.subscribe(function (p_sType, p_aArgs) {
if (p_aArgs) {
var aDate = p_aArgs[0][0];
-// var year = aDate[0] > 100 ? aDate[0] - 1900 :
aDate[0];
- this._date.setYear(aDate[0] - 1900);
+ this._date.setFullYear(aDate[0]);
this._date.setMonth(aDate[1]-1);
this._date.setDate(aDate[2]);
- this._update();
+ this._update(true);
//this._input.value = value;
}
this._calendarMenu.hide();
}, this, true);
});
if(time) {
- var hourMenu = [{text: '00', value: 0}, {text: '01', value: 1},
{text: '02', value: 2}, {text: '03', value: 3}, {text: '04', value: 4}, {text:
'05', value: 5}, {text: '06', value: 6}, {text: '07', value: 7}, {text: '08',
value: 8}, {text: '09', value: 9}, {text: '10', value: 10}, {text: '11', value:
11}, {text: '12', value: 12}, {text: '13', value: 13}, {text: '14', value: 14},
{text: '15', value: 15}, {text: '16', value: 16}, {text: '17', value: 17},
{text: '18', value: 18}, {text: '19', value: 19}, {text: '20', value: 20},
{text: '21', value: 21}, {text: '22', value: 22}, {text: '23', value: 23}];
- oButton._hours = new YAHOO.widget.Button({
- type:
"menu",
- id:
Dom.generateId(),
- menu:
hourMenu,
-
container: field});
- var minuteMenu = [{text: '00', value: 0}, {text: '15', value:
15}, {text: '30', value: 30}, {text: '45', value: 45}];
- oButton._minutes = new YAHOO.widget.Button({
- type:
"menu",
- id:
Dom.generateId(),
- menu:
minuteMenu,
-
container: field});
- oButton._hours.getMenu().subscribe('click', function(p_sType,
p_aArgs) {
- oMenuItem = p_aArgs[1];
- this._date.setHours(oMenuItem.value);
- this._update();
- }, oButton, true);
- oButton._minutes.getMenu().subscribe('click', function(p_sType,
p_aArgs) {
- oMenuItem = p_aArgs[1];
- this._date.setMinutes(oMenuItem.value);
- this._update();
- }, oButton, true);
+ oButton._hours = new YAHOO.portico.InputNumberRange({min: 0,
max:23});
+ oButton._minutes = new YAHOO.portico.InputNumberRange({min: 0,
max:59});
+
+ oButton._hours.on('updateEvent', function() {
+ oButton._date.setHours(this.get('value'));
+ oButton._update(true);
+ });
+
+ oButton._minutes.on('updateEvent', function() {
+ oButton._date.setMinutes(this.get('value'));
+ oButton._update(true);
+ });
+
+ oButton.on("appendTo", function () {
+ var timePicker =
Dom.get(field).appendChild(document.createElement('span'));
+ Dom.addClass(timePicker, 'time-picker-inputs');
+ timePicker.appendChild(document.createTextNode(' '));
+ oButton._hours.render(timePicker);
+ timePicker.appendChild(document.createTextNode(' : '));
+ oButton._minutes.render(timePicker);
+ oButton._update(false);
+ });
}
- oButton._update.apply(oButton);
-}
+ oButton._update(false);
+
+ var id = Dom.getAttribute(oButton._input, 'id');
+ var matches = /^([a-zA-Z][\w0-9\-_.:]+)_(from|to)$/.exec(id);
+
+ var group_name = matches ? matches[1] : false;
+ var from_to = matches ? matches[2] : false;
+
+ if (group_name && from_to && oButton.hasDateSection()) {
+ if (!groups[group_name]) { groups[group_name] = {}; }
+
+ groups[group_name][from_to] = oButton;
-// Executed on all controller.uicommon-based pages
+ if (groups[group_name]['from'] && groups[group_name]['to']) {
+ groups[group_name]['from'].on_update = {
+ context: groups[group_name]['to'],
+ func: function(fromDateButton) {
+ var fromDate = fromDateButton.getDate();
+ var currentYear =
this._date.getFullYear();
+
+ if (this._date.getFullYear() == 1901) {
+
this._date.setFullYear(fromDate.getFullYear());
+
this._date.setMonth(fromDate.getMonth());
+
this._date.setDate(fromDate.getDate());
+ } else if (fromDate.getFullYear() <=
this._date.getFullYear() && fromDate.getMonth() <= this._date.getMonth() &&
fromDate.getDate() <= this._date.getDate()) {
+ //this._date.
+ }
+
+ this._update(false);
+ }
+ };
+
+ delete groups[group_name];
+ }
+ }
+};
+
+// Executed on all booking.uicommon-based pages
YAHOO.util.Event.addListener(window, "load", function() {
- YAHOO.controller.setupDatePickers();
+ YAHOO.portico.setupDatePickers();
});
var showIfNotEmpty = function(event, fieldname) {
if (document.getElementById(fieldname).value.length > 1) {
@@ -256,4 +557,210 @@
} else {
YAHOO.util.Dom.replaceClass(fieldname + "_edit", "showit", "hideit");
}
-}
+};
+
+YAHOO.portico.rtfEditorHelper = function(textarea_id, options) {
+ options = YAHOO.lang.merge({width:522, height:300}, (options || {}));
+ var descEdit = new YAHOO.widget.SimpleEditor(textarea_id, {
+ height: options.height+'px',
+ width: options.width+'px',
+ dompath: true,
+ animate: true,
+ handleSubmit: true
+ });
+ descEdit.render();
+ return descEdit;
+};
+
+YAHOO.portico.postToUrl = function(path, params, method) {
+ method = method || "post"; // Set method to post by default, if not
specified.
+ var form = document.createElement("form");
+ form.setAttribute("method", method);
+ form.setAttribute("action", path);
+
+ for(var key in params) {
+ var hiddenField = document.createElement("input");
+ hiddenField.setAttribute("type", "hidden");
+ hiddenField.setAttribute("name", params[key][0]);
+ hiddenField.setAttribute("value", params[key][1]);
+ form.appendChild(hiddenField);
+ }
+ document.body.appendChild(form); // Not entirely sure if this is
necessary
+ form.submit();
+};
+
+(function(){
+ var Dom = YAHOO.util.Dom,
+ Event = YAHOO.util.Event,
+ Panel = YAHOO.widget.Panel,
+ Lang = YAHOO.lang;
+
+ var CSS_PREFIX = 'booking_number_range_';
+
+ var InputNumberRange = function(oConfigs) {
+ InputNumberRange.superclass.constructor.call(this,
document.createElement('span'), oConfigs);
+ this.createEvent('updateEvent');
+ this.refresh(['id'],true);
+ };
+
+ YAHOO.portico.InputNumberRange = InputNumberRange;
+
+ Lang.extend(InputNumberRange, YAHOO.util.Element, {
+ initAttributes: function (oConfigs) {
+ InputNumberRange.superclass.initAttributes.call(this,
oConfigs);
+
+ var container = this.get('element');
+
+ this.setAttributeConfig('inputEl', {
+ readOnly: true,
+ value:
container.appendChild(document.createElement('span'))
+ });
+
+ this.setAttributeConfig('id', {
+ writeOnce: true,
+ validator: function (value) {
+ return /^[a-zA-Z][\w0-9\-_.:]*$/.test(value);
+ },
+ value: Dom.generateId(),
+ method: function (value) {
+ this.get('inputEl').id = value;
+ }
+ });
+
+ this.setAttributeConfig('value', {
+ value: 0,
+ validator: Lang.isNumber
+ });
+
+ this.setAttributeConfig('input', {
+ value: null
+ });
+
+ this.setAttributeConfig('min', {
+ validator: Lang.isNumber,
+ value: 100
+ });
+
+ this.setAttributeConfig('max', {
+ validator: Lang.isNumber,
+ value: 0
+ });
+
+ this.setAttributeConfig('input_length', {
+ validator: Lang.isNumber,
+ value: null
+ });
+ },
+
+ destroy: function () {
+ var el = this.get('element');
+ Event.purgeElement(el, true);
+ el.parentNode.removeChild(el);
+ },
+
+ _padValue: function(value)
+ {
+ value = value.toString('10');
+ var padding = this.get('input_length') - value.length;
+ if (padding > 0) {
+ return ((new Array(padding+1).join('0')) +
value);
+ }
+ return value;
+ },
+
+ _updateValue: function() {
+ var input = this.get('input');
+ var value;
+
+ if (input.value.length > 0) {
+ value = parseInt(input.value, 10);
+ } else {
+ value = 0;
+ }
+
+ if (isNaN(value)) {
+ value = this.get('min');
+ }
+
+ if (value < this.get('min')) {
+ value = this.get('min');
+ }
+
+ if (value > this.get('max')) {
+ value = this.get('max');
+ }
+
+ this.set('value', value);
+ },
+
+ _fireUpdateEvent: function()
+ {
+ this._updateValue();
+ this.update();
+
+ this.fireEvent('updateEvent');
+ },
+
+ update: function() {
+ if (!this.get('input')) { return; }
+ this.get('input').value =
this._padValue(this.get('value'));
+ },
+
+ render: function (parentEl) {
+ parentEl = Dom.get(parentEl);
+
+ if (!parentEl) {
+ YAHOO.log('Missing mandatory argument in
YAHOO.portico.InputNumberRange.render: parentEl','error','Field');
+ return null;
+ }
+
+ var containerEl = this.get('element');
+ this.addClass(CSS_PREFIX + 'container');
+
+ var inputEl = this.get('inputEl');
+ Dom.addClass(inputEl, CSS_PREFIX + 'input');
+
+ this._renderInputEl(inputEl);
+
+ parentEl.appendChild(containerEl); //Appends to
document to show the component
+ },
+
+ _renderInputEl: function (containerEl) {
+ var input =
containerEl.appendChild(document.createElement('input'));
+
+ if (!this.get('input_length')) {
+ this.set('input_length',
this.get('max').toString().length);
+ }
+
+ var size = this.get('input_length');
+ input.setAttribute('size', size);
+ input.setAttribute('maxlength', size);
+
+ if (YAHOO.env.ua.ie > 6) {
+ YAHOO.util.Dom.setStyle(input, 'width', '2em');
+ }
+
+ input.value = this._padValue(this.get('value'));
+
+ this.set('input', input);
+
+ Event.on(input,'keyup', function (oArgs) {
+ this._updateValue();
+ }, this, true);
+
+ Event.on(input, 'change', function(oArgs) {
+ this._fireUpdateEvent();
+ }, this, true);
+
+ oForm = input.form;
+
+ if (oForm) {
+ Event.on(oForm, "submit", function() {
+ this._fireUpdateEvent();
+ }, null, this);
+ }
+
+ }
+ });
+
+})();
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [Fmsystem-commits] [7634] controller: XSLT alternative,
Sigurd Nes <=