'+
' '+
' '+
'
';
options.style += ';background-color: #ECECEC';
options.index = 0;
for (var i = 0; i < options.items.length; i++) options.items[i].hidden = false;
}
html += '';
var ret = $(this).w2overlay(html, options);
setTimeout(function () {
$('#w2ui-overlay'+ name +' #menu-search')
.on('keyup', change)
.on('keydown', function (event) {
// cancel tab key
if (event.keyCode === 9) { event.stopPropagation(); event.preventDefault(); }
});
if (options.search) {
if (['text', 'password'].indexOf($(obj)[0].type) != -1 || $(obj)[0].tagName.toUpperCase() == 'TEXTAREA') return;
$('#w2ui-overlay'+ name +' #menu-search').focus();
}
mresize();
}, 200);
mresize();
return ret;
}
return;
function mresize() {
setTimeout(function () {
// show selected
$('#w2ui-overlay'+ name +' tr.w2ui-selected').removeClass('w2ui-selected');
var cur = $('#w2ui-overlay'+ name +' tr[index='+ options.index +']');
var scrTop = $('#w2ui-overlay'+ name +' div.menu').scrollTop();
cur.addClass('w2ui-selected');
if (options.tmp) options.tmp.contentHeight = $('#w2ui-overlay'+ name +' table').height() + (options.search ? 50 : 10);
if (options.tmp) options.tmp.contentWidth = $('#w2ui-overlay'+ name +' table').width();
if ($('#w2ui-overlay'+ name).length > 0) $('#w2ui-overlay'+ name)[0].resize();
// scroll into view
if (cur.length > 0) {
var top = cur[0].offsetTop - 5; // 5 is margin top
var el = $('#w2ui-overlay'+ name +' div.menu');
var height = el.height();
$('#w2ui-overlay'+ name +' div.menu').scrollTop(scrTop);
if (top < scrTop || top + cur.height() > scrTop + height) {
$('#w2ui-overlay'+ name +' div.menu').animate({ 'scrollTop': top - (height - cur.height() * 2) / 2 }, 200, 'linear');
}
}
}, 1);
}
function change(event) {
var search = this.value;
var key = event.keyCode;
var cancel = false;
switch (key) {
case 13: // enter
$('#w2ui-overlay'+ name).remove();
$.fn.w2menuClick(event, options.index);
break;
case 9: // tab
case 27: // escape
$('#w2ui-overlay'+ name).remove();
$.fn.w2menuClick(event, -1);
break;
case 38: // up
options.index = w2utils.isInt(options.index) ? parseInt(options.index) : 0;
options.index--;
while (options.index > 0 && options.items[options.index].hidden) options.index--;
if (options.index === 0 && options.items[options.index].hidden) {
while (options.items[options.index] && options.items[options.index].hidden) options.index++;
}
if (options.index < 0) options.index = 0;
cancel = true;
break;
case 40: // down
options.index = w2utils.isInt(options.index) ? parseInt(options.index) : 0;
options.index++;
while (options.index < options.items.length-1 && options.items[options.index].hidden) options.index++;
if (options.index === options.items.length-1 && options.items[options.index].hidden) {
while (options.items[options.index] && options.items[options.index].hidden) options.index--;
}
if (options.index >= options.items.length) options.index = options.items.length - 1;
cancel = true;
break;
}
// filter
if (!cancel) {
var shown = 0;
for (var i = 0; i < options.items.length; i++) {
var item = options.items[i];
var prefix = '';
var suffix = '';
if (['is', 'begins with'].indexOf(options.match) !== -1) prefix = '^';
if (['is', 'ends with'].indexOf(options.match) !== -1) suffix = '$';
try {
var re = new RegExp(prefix + search + suffix, 'i');
if (re.test(item.text) || item.text === '...') item.hidden = false; else item.hidden = true;
} catch (e) {}
// do not show selected items
if (obj.type === 'enum' && $.inArray(item.id, ids) !== -1) item.hidden = true;
if (item.hidden !== true) shown++;
}
options.index = 0;
while (options.index < options.items.length-1 && options.items[options.index].hidden) options.index++;
if (shown <= 0) options.index = -1;
}
$(obj).w2menu('refresh', options);
mresize();
}
function getMenuHTML() {
if (options.spinner) {
return '| '+
' '+
' '+ w2utils.lang('Loading...') +' '+
' |
| '; if (icon) imgd = ' | '; // render only if non-empty if (txt != null && txt !== '' && !(/^-+$/.test(txt))) { var bg = (count % 2 === 0 ? 'w2ui-item-even' : 'w2ui-item-odd'); if (options.altRows !== true) bg = ''; var colspan = 1; if (imgd === '') colspan++; if (mitem.count == null && mitem.hotkey == null) colspan++; if (mitem.tooltip == null && mitem.hint != null) mitem.tooltip = mitem.hint; // for backward compatibility menu_html += ' | |
| '+ w2utils.lang(txt) +' | '+ ''+ (mitem.count != null ? '' + mitem.count + '' : '') + (mitem.hotkey != null ? '' + mitem.hotkey + '' : '') + ' | ' + '|
| '+ options.msgNoItems +' | ||
'+ // prevent default is needed otherwiser selection gets unselected
'';
for (var i = 0; i < pal.length - 1; i++) {
html += '
';
return html;
}
};
})(jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2grid - grid widget
* - $().w2grid - jQuery wrapper
* - Dependencies: jQuery, w2utils, w2toolbar, w2fields
*
* == NICE TO HAVE ==
* - column autosize based on largest content
* - reorder columns/records
* - problem with .set() and arrays, array get extended too, but should be replaced
* - after edit stay on the same record option
* - if supplied array of ids, get should return array of records
* - allow functions in routeData (also add routeData to list/enum)
* - implement global routeData and all elements read from there
* - send parsed URL to the event if there is routeData
* - if you set searchData or sortData and call refresh() it should work
* - add selectType: 'none' so that no selection can be make but with mouse
* - reorder records with frozen columns
* - focus/blur for selectType = cell not display grayed out selection
* - frozen columns
- load more only on the right side
- scrolling on frozen columns is not working only on regular columns
* - copy or large number of records is slow
* - reusable search component (see https://github.com/vitmalina/w2ui/issues/914#issuecomment-107340524)
* - allow enum in inline edit (see https://github.com/vitmalina/w2ui/issues/911#issuecomment-107341193)
* - if record has no recid, then it should be index in the aray (should not be 0)
*
* == KNOWN ISSUES ==
* - bug: vs_start = 100 and more then 500 records, when scrolling empty sets
* - row drag and drop has bugs
* - Shift-click/Ctrl-click/Ctrl-Shift-Click selection is not as robust as it should be
*
* == 1.5 changes
* - $('#grid').w2grid() - if called w/o argument then it returns grid object
* - added statusRange : true,
* statusBuffered : false,
* statusRecordID : true,
* statusSelection : true,
* statusResponse : true,
* statusSort : true,
* statusSearch : true,
* - change selectAll() and selectNone() - return time it took
* - added vs_start and vs_extra
* - added update(cells) - updates only data in the grid (or cells)
* - add to docs onColumnDragStart, onColumnDragEnd
* - onSelect and onSelect should fire 1 time for selects with shift or selectAll(), selectNone()
* - record.w2ui.style[field_name]
* - use column field for style: { 1: 'color: red' }
* - added focus(), blur(), onFocus, onBlur
* - search.simple - if false, will not show up in simple search
* - search.operator - default operator to use with search field
* - search.operators - array of operators for the serach
* - search.hidden - could not be clearned by the user
* - search.value - only for hidden searches
* - if .search(val) - search all fields
* - refactor reorderRow (not finished)
* - return JSON can now have summary array
* - frozen columns
* - added selectionSave, selectionRestore - for internal use
* - added additional search filter options for int, float, date, time
* - added getLineHTML
* - added lineNumberWidth
* - add searches.style
* - getColumn without params returns fields of all columns
* - getSearch without params returns fields of all searches
* - added column.tooltip
* - added hasFocus, refactored w2utils.keyboard
* - do not clear selection when clicked and it was not in focus
* - added record.w2ui.colspan
* - editable area extends with typing
* - removed onSubmit and onDeleted - now it uses onSave and onDelete
* - column.seachable - can be an object, which will create search
* - added null, not null filters
* - update(cells) - added argument cells
* - scrollIntoView(..., ..., instant) - added third argument
* - added onResizeDblClick
* - added onColumnDblClick
* - implemented showBubble
* - added show.searchAll
* - added w2grid.operators
* - added w2grid.operatorsMap
* - move events into prototype
* - move rec.summary, rec.style, rec.editable -> into rec.w2ui.summary, rec.w2ui.style, rec.w2ui.editable
* - record: {
recid
field1
...
fieldN
w2ui: {
colspan: { field: 5, ...}
editable: true/false
changes: {
field: chagned_value,
....
},
children: [
// similar to records array
// can have sub children
]
parent_recid: (internally set, id of the parent record, when children are copied to records array)
summary: true/false
style: 'string' - for entire row OR { field: 'string', ...} - per field
class: 'string' - for entire row OR { field: 'string', ...} - per field
}
}
* - added this.show.toolbarInput
* - disableCVS
* - grid.message
* - added noReset option to localSort()
* - onColumnSelect
* - need to update PHP example
* - added scrollToColumn(field)
* - textSearch: 'begins' (default), 'contains', 'is', ...
* - added refreshBody
* - added response.total = -1 (or not present) to indicate that number of records is unknown
* - message(.., callBack) - added callBack
* - grid.msgEmpty
* - field.render(..., data) -- added last argument which is what grid thinks should be there
* - onSearchOpen (onSearch will have mutli and reset flags)
* - added httpHeaders
* - col.editable can be a function which will be called with the same args as col.render()
* - getCellEditable(index, col_ind) -- return an 'editable' descriptor if cell is really editable
* - added stateId
* - rec.w2ui.class (and rec.w2ui.class { fname: '...' })
* - columnTooltip
* - expendable grids are still working
* - added search.type = 'color'
*
************************************************************************/
(function ($) {
var w2grid = function(options) {
// public properties
this.name = null;
this.box = null; // HTML element that hold this element
this.header = '';
this.url = '';
this.routeData = {}; // data for dynamic routes
this.columns = []; // { field, caption, size, attr, render, hidden, gridMinWidth, editable }
this.columnGroups = []; // { span: int, caption: 'string', master: true/false }
this.records = []; // { recid: int(requied), field1: 'value1', ... fieldN: 'valueN', style: 'string', changes: object }
this.summary = []; // arry of summary records, same structure as records array
this.searches = []; // { type, caption, field, inTag, outTag, hidden }
this.searchData = [];
this.sortData = [];
this.postData = {};
this.httpHeaders = {};
this.toolbar = {}; // if not empty object; then it is toolbar object
this.stateId = null; // Custom state name for satateSave, stateRestore and stateReset
this.show = {
header : false,
toolbar : false,
footer : false,
columnHeaders : true,
lineNumbers : false,
expandColumn : false,
selectColumn : false,
emptyRecords : true,
toolbarReload : true,
toolbarColumns : true,
toolbarSearch : true,
toolbarInput : true,
toolbarAdd : false,
toolbarEdit : false,
toolbarDelete : false,
toolbarSave : false,
searchAll : true,
statusRange : true,
statusBuffered : false,
statusRecordID : true,
statusSelection : true,
statusResponse : true,
statusSort : false,
statusSearch : false,
recordTitles : true,
selectionBorder : true,
skipRecords : true,
saveRestoreState: true
};
this.hasFocus = false;
this.autoLoad = true; // for infinite scroll
this.fixedBody = true; // if false; then grid grows with data
this.recordHeight = 24; // should be in prototype
this.lineNumberWidth = null;
this.vs_start = 150;
this.vs_extra = 15;
this.keyboard = true;
this.selectType = 'row'; // can be row|cell
this.multiSearch = true;
this.multiSelect = true;
this.multiSort = true;
this.reorderColumns = false;
this.reorderRows = false;
this.markSearch = true;
this.columnTooltip = 'normal'; // can be normal, top, bottom, left, right
this.disableCVS = false; // disable Column Virtual Scroll
this.textSearch = 'begins'; // default search type for text
this.total = 0; // server total
this.limit = 100;
this.offset = 0; // how many records to skip (for infinite scroll) when pulling from server
this.style = '';
this.ranges = [];
this.menu = [];
this.method = null; // if defined, then overwrited ajax method
this.recid = null;
this.parser = null;
// internal
this.last = {
field : '',
caption : '',
logic : 'OR',
search : '',
searchIds : [],
selection : {
indexes : [],
columns : {}
},
multi : false,
scrollTop : 0,
scrollLeft : 0,
colStart : 0, // for column virtual scrolling
colEnd : 0,
sortData : null,
sortCount : 0,
xhr : null,
range_start : null,
range_end : null,
sel_ind : null,
sel_col : null,
sel_type : null,
edit_col : null,
isSafari : (/^((?!chrome|android).)*safari/i).test(navigator.userAgent)
};
$.extend(true, this, w2obj.grid, options);
};
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2grid = function(method) {
if ($.isPlainObject(method)) {
// check name parameter
if (!w2utils.checkName(method, 'w2grid')) return;
// remember items
var columns = method.columns;
var columnGroups = method.columnGroups;
var records = method.records;
var searches = method.searches;
var searchData = method.searchData;
var sortData = method.sortData;
var postData = method.postData;
var httpHeaders = method.httpHeaders;
var toolbar = method.toolbar;
// extend items
var object = new w2grid(method);
$.extend(object, { postData: {}, httpHeaders: {}, records: [], columns: [], searches: [], toolbar: {}, sortData: [], searchData: [], handlers: [] });
if (object.onExpand != null) object.show.expandColumn = true;
$.extend(true, object.toolbar, toolbar);
// reassign variables
var p;
if (columns) for (p = 0; p < columns.length; p++) object.columns[p] = $.extend(true, {}, columns[p]);
if (columnGroups) for (p = 0; p < columnGroups.length; p++) object.columnGroups[p] = $.extend(true, {}, columnGroups[p]);
if (searches) for (p = 0; p < searches.length; p++) object.searches[p] = $.extend(true, {}, searches[p]);
if (searchData) for (p = 0; p < searchData.length; p++) object.searchData[p] = $.extend(true, {}, searchData[p]);
if (sortData) for (p = 0; p < sortData.length; p++) object.sortData[p] = $.extend(true, {}, sortData[p]);
object.postData = $.extend(true, {}, postData);
object.httpHeaders = $.extend(true, {}, httpHeaders);
// check if there are records without recid
if (records) for (var r = 0; r < records.length; r++) {
if (records[r].recid == null && records[r][object.recid] == null) {
console.log('ERROR: Cannot add records without recid. (obj: '+ object.name +')');
return;
}
object.records[r] = $.extend(true, {}, records[r]);
}
// add searches
for (var i = 0; i < object.columns.length; i++) {
var col = object.columns[i];
var search = col.searchable;
if (search == null || search === false || object.getSearch(col.field) != null) continue;
if ($.isPlainObject(search)) {
object.addSearch($.extend({ field: col.field, caption: col.caption, type: 'text' }, search));
} else {
var stype = col.searchable, attr = '';
if (col.searchable === true) { stype = 'text'; attr = 'size="20"'; }
object.addSearch({ field: col.field, caption: col.caption, type: stype, attr: attr });
}
}
// init toolbar
object.initToolbar();
// render if necessary
if ($(this).length !== 0) {
object.render($(this)[0]);
}
// register new object
w2ui[object.name] = object;
return object;
} else {
var obj = w2ui[$(this).attr('name')];
if (!obj) return null;
if (arguments.length > 0) {
if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
return this;
} else {
return obj;
}
}
};
// ====================================================
// -- Implementation of core functionality
w2grid.prototype = {
msgDelete : 'Are you sure you want to delete selected records?',
msgNotJSON : 'Returned data is not in valid JSON format.',
msgAJAXerror : 'AJAX error. See console for more details.',
msgRefresh : 'Refreshing...',
msgNeedReload : 'Your remote data source record count has changed, reloading from the first record.',
msgEmpty : '', // if not blank, then it is message when server returns no records
buttons: {
'reload' : { type: 'button', id: 'w2ui-reload', icon: 'w2ui-icon-reload', tooltip: 'Reload data in the list' },
'columns' : { type: 'drop', id: 'w2ui-column-on-off', icon: 'w2ui-icon-columns', tooltip: 'Show/hide columns', arrow: false, html: '' },
'search' : { type: 'html', id: 'w2ui-search',
html: ''
},
'search-go': { type: 'drop', id: 'w2ui-search-advanced', icon: 'w2ui-icon-search', text: 'Search', tooltip: 'Open Search Fields' },
'add' : { type: 'button', id: 'w2ui-add', text: 'Add New', tooltip: 'Add new record', icon: 'w2ui-icon-plus' },
'edit' : { type: 'button', id: 'w2ui-edit', text: 'Edit', tooltip: 'Edit selected record', icon: 'w2ui-icon-pencil', disabled: true },
'delete' : { type: 'button', id: 'w2ui-delete', text: 'Delete', tooltip: 'Delete selected records', icon: 'w2ui-icon-cross', disabled: true },
'save' : { type: 'button', id: 'w2ui-save', text: 'Save', tooltip: 'Save changed records', icon: 'w2ui-icon-check' }
},
operators: { // for search fields
"text" : ['is', 'begins', 'contains', 'ends'],
"number" : ['is', 'between', { oper: 'less', text: 'less than'}, { oper: 'more', text: 'more than' }],
"date" : ['is', 'between', { oper: 'less', text: 'before'}, { oper: 'more', text: 'after' }],
"list" : ['is'],
"hex" : ['is', 'between'],
"color" : ['is', 'begins', 'contains', 'ends'],
"enum" : ['in', 'not in']
// -- all posible
// "text" : ['is', 'begins', 'contains', 'ends'],
// "number" : ['is', 'between', 'less:less than', 'more:more than', 'null:is null', 'not null:is not null'],
// "list" : ['is', 'null:is null', 'not null:is not null'],
// "enum" : ['in', 'not in', 'null:is null', 'not null:is not null']
},
operatorsMap: {
"text" : "text",
"int" : "number",
"float" : "number",
"money" : "number",
"currency" : "number",
"percent" : "number",
"hex" : "hex",
"alphanumeric" : "text",
"color" : "color",
"date" : "date",
"time" : "date",
"datetime" : "date",
"list" : "list",
"combo" : "text",
"enum" : "enum",
"file" : "enum",
"select" : "list",
"radio" : "list",
"checkbox" : "list",
"toggle" : "list"
},
// events
onAdd : null,
onEdit : null,
onRequest : null, // called on any server event
onLoad : null,
onDelete : null,
onSave : null,
onSelect : null,
onUnselect : null,
onClick : null,
onDblClick : null,
onContextMenu : null,
onMenuClick : null, // when context menu item selected
onColumnClick : null,
onColumnDblClick : null,
onColumnResize : null,
onSort : null,
onSearch : null,
onSearchOpen : null,
onChange : null, // called when editable record is changed
onRestore : null, // called when editable record is restored
onExpand : null,
onCollapse : null,
onError : null,
onKeydown : null,
onToolbar : null, // all events from toolbar
onColumnOnOff : null,
onCopy : null,
onPaste : null,
onSelectionExtend : null,
onEditField : null,
onRender : null,
onRefresh : null,
onReload : null,
onResize : null,
onDestroy : null,
onStateSave : null,
onStateRestore : null,
onFocus : null,
onBlur : null,
onReorderRow : null,
add: function (record, first) {
if (!$.isArray(record)) record = [record];
var added = 0;
for (var i = 0; i < record.length; i++) {
var rec = record[i];
if (rec.recid == null && rec[this.recid] == null) {
console.log('ERROR: Cannot add record without recid. (obj: '+ this.name +')');
continue;
}
if (rec.w2ui && rec.w2ui.summary === true) {
if (first) this.summary.unshift(rec); else this.summary.push(rec);
} else {
if (first) this.records.unshift(rec); else this.records.push(rec);
}
added++;
}
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (!url) {
this.total = this.records.length;
this.localSort(false, true);
this.localSearch();
// do not call this.refresh(), this is unnecessary, heavy, and messes with the toolbar.
this.refreshBody();
this.resizeRecords();
return added;
}
this.refresh(); // ?? should it be reload?
return added;
},
find: function (obj, returnIndex) {
if (obj == null) obj = {};
var recs = [];
var hasDots = false;
// check if property is nested - needed for speed
for (var o in obj) if (String(o).indexOf('.') != -1) hasDots = true;
// look for an item
for (var i = 0; i < this.records.length; i++) {
var match = true;
for (var o in obj) {
var val = this.records[i][o];
if (hasDots && String(o).indexOf('.') != -1) val = this.parseField(this.records[i], o);
if (obj[o] == 'not-null') {
if (val == null || val === '') match = false;
} else {
if (obj[o] != val) match = false;
}
}
if (match && returnIndex !== true) recs.push(this.records[i].recid);
if (match && returnIndex === true) recs.push(i);
}
return recs;
},
set: function (recid, record, noRefresh) { // does not delete existing, but overrides on top of it
if (typeof recid == 'object') {
noRefresh = record;
record = recid;
recid = null;
}
// update all records
if (recid == null) {
for (var i = 0; i < this.records.length; i++) {
$.extend(true, this.records[i], record); // recid is the whole record
}
if (noRefresh !== true) this.refresh();
} else { // find record to update
var ind = this.get(recid, true);
if (ind == null) return false;
var isSummary = (this.records[ind] && this.records[ind].recid == recid ? false : true);
if (isSummary) {
$.extend(true, this.summary[ind], record);
} else {
$.extend(true, this.records[ind], record);
}
if (noRefresh !== true) this.refreshRow(recid, ind); // refresh only that record
}
return true;
},
get: function (recid, returnIndex) {
// search records
if ($.isArray(recid)) {
var recs = [];
for (var i = 0; i < this.records.length; i++) {
if ($.inArray(this.records[i].recid, recid) != -1) {
if (returnIndex === true) {
recs.push(i);
} else {
recs.push(this.records[i]);
}
}
}
for (var i = 0; i < this.summary.length; i++) {
if ($.inArray(this.summary[i].recid, recid) != -1) {
if (returnIndex === true) {
recs.push(i);
} else {
recs.push(this.summary[i]);
}
}
}
return recs;
} else {
for (var i = 0; i < this.records.length; i++) {
if (this.records[i].recid == recid) {
if (returnIndex === true) return i; else return this.records[i];
}
}
// search summary
for (var i = 0; i < this.summary.length; i++) {
if (this.summary[i].recid == recid) {
if (returnIndex === true) return i; else return this.summary[i];
}
}
return null;
}
},
remove: function () {
var removed = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.records.length-1; r >= 0; r--) {
if (this.records[r].recid == arguments[a]) { this.records.splice(r, 1); removed++; }
}
for (var r = this.summary.length-1; r >= 0; r--) {
if (this.summary[r].recid == arguments[a]) { this.summary.splice(r, 1); removed++; }
}
}
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (!url) {
this.localSort(false, true);
this.localSearch();
}
this.refresh();
return removed;
},
addColumn: function (before, columns) {
var added = 0;
if (arguments.length == 1) {
columns = before;
before = this.columns.length;
} else {
if (typeof before == 'string') before = this.getColumn(before, true);
if (before == null) before = this.columns.length;
}
if (!$.isArray(columns)) columns = [columns];
for (var i = 0; i < columns.length; i++) {
this.columns.splice(before, 0, columns[i]);
// if column is searchable, add search field
if (columns[i].searchable) {
var stype = columns[i].searchable;
var attr = '';
if (columns[i].searchable === true) { stype = 'text'; attr = 'size="20"'; }
this.addSearch({ field: columns[i].field, caption: columns[i].caption, type: stype, attr: attr });
}
before++;
added++;
}
this.refresh();
return added;
},
removeColumn: function () {
var removed = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.columns.length-1; r >= 0; r--) {
if (this.columns[r].field == arguments[a]) {
if (this.columns[r].searchable) this.removeSearch(arguments[a]);
this.columns.splice(r, 1);
removed++;
}
}
}
this.refresh();
return removed;
},
getColumn: function (field, returnIndex) {
// no arguments - return fields of all columns
if (arguments.length === 0) {
var ret = [];
for (var i = 0; i < this.columns.length; i++) ret.push(this.columns[i].field);
return ret;
}
// find column
for (var i = 0; i < this.columns.length; i++) {
if (this.columns[i].field == field) {
if (returnIndex === true) return i; else return this.columns[i];
}
}
return null;
},
toggleColumn: function () {
var effected = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.columns.length-1; r >= 0; r--) {
var col = this.columns[r];
if (col.field == arguments[a]) {
col.hidden = !col.hidden;
effected++;
}
}
}
this.refreshBody();
this.resizeRecords();
return effected;
},
showColumn: function () {
var shown = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.columns.length-1; r >= 0; r--) {
var col = this.columns[r];
if (col.gridMinWidth) delete col.gridMinWidth;
if (col.field == arguments[a] && col.hidden !== false) {
col.hidden = false;
shown++;
}
}
}
this.refreshBody();
this.resizeRecords();
return shown;
},
hideColumn: function () {
var hidden = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.columns.length-1; r >= 0; r--) {
var col = this.columns[r];
if (col.field == arguments[a] && col.hidden !== true) {
col.hidden = true;
hidden++;
}
}
}
this.refreshBody();
this.resizeRecords();
return hidden;
},
addSearch: function (before, search) {
var added = 0;
if (arguments.length == 1) {
search = before;
before = this.searches.length;
} else {
if (typeof before == 'string') before = this.getSearch(before, true);
if (before == null) before = this.searches.length;
}
if (!$.isArray(search)) search = [search];
for (var i = 0; i < search.length; i++) {
this.searches.splice(before, 0, search[i]);
before++;
added++;
}
this.searchClose();
return added;
},
removeSearch: function () {
var removed = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.searches.length-1; r >= 0; r--) {
if (this.searches[r].field == arguments[a]) { this.searches.splice(r, 1); removed++; }
}
}
this.searchClose();
return removed;
},
getSearch: function (field, returnIndex) {
// no arguments - return fields of all searches
if (arguments.length === 0) {
var ret = [];
for (var i = 0; i < this.searches.length; i++) ret.push(this.searches[i].field);
return ret;
}
// find search
for (var i = 0; i < this.searches.length; i++) {
if (this.searches[i].field == field) {
if (returnIndex === true) return i; else return this.searches[i];
}
}
return null;
},
toggleSearch: function () {
var effected = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.searches.length-1; r >= 0; r--) {
if (this.searches[r].field == arguments[a]) {
this.searches[r].hidden = !this.searches[r].hidden;
effected++;
}
}
}
this.searchClose();
return effected;
},
showSearch: function () {
var shown = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.searches.length-1; r >= 0; r--) {
if (this.searches[r].field == arguments[a] && this.searches[r].hidden !== false) {
this.searches[r].hidden = false;
shown++;
}
}
}
this.searchClose();
return shown;
},
hideSearch: function () {
var hidden = 0;
for (var a = 0; a < arguments.length; a++) {
for (var r = this.searches.length-1; r >= 0; r--) {
if (this.searches[r].field == arguments[a] && this.searches[r].hidden !== true) {
this.searches[r].hidden = true;
hidden++;
}
}
}
this.searchClose();
return hidden;
},
getSearchData: function (field) {
for (var i = 0; i < this.searchData.length; i++) {
if (this.searchData[i].field == field) return this.searchData[i];
}
return null;
},
localSort: function (silent, noResetRefresh) {
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (url) {
console.log('ERROR: grid.localSort can only be used on local data source, grid.url should be empty.');
return;
}
if ($.isEmptyObject(this.sortData)) return;
var time = (new Date()).getTime();
var obj = this;
// process date fields
obj.selectionSave();
obj.prepareData();
if (!noResetRefresh) {
obj.reset();
}
// process sortData
for (var i = 0; i < this.sortData.length; i++) {
var column = this.getColumn(this.sortData[i].field);
if (!column) return;
if (typeof column.render == 'string') {
if (['date', 'age'].indexOf(column.render.split(':')[0]) != -1) {
this.sortData[i]['field_'] = column.field + '_';
}
if (['time'].indexOf(column.render.split(':')[0]) != -1) {
this.sortData[i]['field_'] = column.field + '_';
}
}
}
// prepare paths and process sort
preparePaths();
this.records.sort(function (a, b) {
return compareRecordPaths(a, b);
});
cleanupPaths();
obj.selectionRestore(noResetRefresh);
time = (new Date()).getTime() - time;
if (silent !== true && obj.show.statusSort) {
setTimeout(function () {
obj.status(w2utils.lang('Sorting took') + ' ' + time/1000 + ' ' + w2utils.lang('sec'));
}, 10);
}
return time;
// grab paths before sorting for efficiency and because calling obj.get()
// while sorting 'obj.records' is unsafe, at least on webkit
function preparePaths() {
for (var i = 0; i < obj.records.length; i++) {
var rec = obj.records[i];
if (rec.w2ui && rec.w2ui.parent_recid != null)
rec.w2ui._path = getRecordPath(rec);
}
}
// cleanup and release memory allocated by preparePaths()
function cleanupPaths() {
for (var i = 0; i < obj.records.length; i++) {
var rec = obj.records[i];
if (rec.w2ui && rec.w2ui.parent_recid != null)
rec.w2ui._path = null;
}
}
// compare two paths, from root of tree to given records
function compareRecordPaths(a, b) {
if ((!a.w2ui || a.w2ui.parent_recid == null) && (!b.w2ui || b.w2ui.parent_recid == null)) {
return compareRecords(a, b); // no tree, fast path
}
var pa = getRecordPath(a);
var pb = getRecordPath(b);
for (var i = 0; i < Math.min(pa.length, pb.length); i++) {
var diff = compareRecords(pa[i], pb[i]);
if (diff !== 0) return diff; // different subpath
}
if (pa.length > pb.length) return 1;
if (pa.length < pb.length) return -1;
console.log('ERROR: two paths should not be equal.');
return 0;
}
// return an array of all records from root to and including 'rec'
function getRecordPath(rec) {
if (!rec.w2ui || rec.w2ui.parent_recid == null) return [rec];
if (rec.w2ui._path)
return rec.w2ui._path;
// during actual sort, we should never reach this point
var subrec = obj.get(rec.w2ui.parent_recid);
if (!subrec) {
console.log('ERROR: no parent record: '+rec.w2ui.parent_recid);
return [rec];
}
return (getRecordPath(subrec).concat(rec));
}
// compare two records according to sortData and finally recid
function compareRecords(a, b) {
if (a === b) return 0; // optimize, same object
for (var i = 0; i < obj.sortData.length; i++) {
var fld = obj.sortData[i].field;
if (obj.sortData[i].field_) fld = obj.sortData[i].field_;
var aa = a[fld];
var bb = b[fld];
if (String(fld).indexOf('.') != -1) {
aa = obj.parseField(a, fld);
bb = obj.parseField(b, fld);
}
var col = obj.getColumn(fld);
if (col && col.editable != null) { // for drop editable fields and drop downs
if ($.isPlainObject(aa) && aa.text) aa = aa.text;
if ($.isPlainObject(bb) && bb.text) bb = bb.text;
}
var ret = compareCells(aa, bb, i, obj.sortData[i].direction);
if (ret !== 0) return ret;
}
// break tie for similar records,
// required to have consistent ordering for tree paths
var ret = compareCells(a.recid, b.recid, -1, 'asc');
if (ret !== 0) return ret;
return 0;
}
// compare two values, aa and bb, producing consistent ordering
function compareCells(aa, bb, i, direction) {
// if both objects are strictly equal, we're done
if (aa === bb)
return 0;
// all nulls, empty and undefined on bottom
if ((aa == null || aa === "") && (bb != null && bb !== ""))
return 1;
if ((aa != null && aa !== "") && (bb == null || bb === ""))
return -1;
var dir = (direction == 'asc') ? 1 : -1;
// for different kind of objects, sort by object type
if (typeof aa != typeof bb)
return (typeof aa > typeof bb) ? dir : -dir;
// for different kind of classes, sort by classes
if (aa.constructor.name != bb.constructor.name)
return (aa.constructor.name > bb.constructor.name) ? dir : -dir;
// if we're dealing with non-null objects, call valueOf().
// this mean that Date() or custom objects will compare properly.
if (aa && typeof aa == 'object')
aa = aa.valueOf();
if (bb && typeof bb == 'object')
bb = bb.valueOf();
// if we're still dealing with non-null objects that have
// a useful Object => String conversion, convert to string.
var defaultToString = {}.toString;
if (aa && typeof aa == 'object' && aa.toString != defaultToString)
aa = String(aa);
if (bb && typeof bb == 'object' && bb.toString != defaultToString)
bb = String(bb);
// do case-insensitive string comparaison
if (typeof aa == 'string')
aa = $.trim(aa.toLowerCase());
if (typeof bb == 'string')
bb = $.trim(bb.toLowerCase());
// compare both objects
if (aa > bb)
return dir;
if (aa < bb)
return -dir;
return 0;
}
},
localSearch: function (silent) {
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (url) {
console.log('ERROR: grid.localSearch can only be used on local data source, grid.url should be empty.');
return;
}
var time = (new Date()).getTime();
var obj = this;
var defaultToString = {}.toString;
var duplicateMap = {};
this.total = this.records.length;
// mark all records as shown
this.last.searchIds = [];
// prepare date/time fields
this.prepareData();
// hide records that did not match
if (this.searchData.length > 0 && !url) {
this.total = 0;
for (var i = 0; i < this.records.length; i++) {
var rec = this.records[i];
var match = searchRecord(rec);
if (match) {
if (rec && rec.w2ui)
addParent(rec.w2ui.parent_recid);
this.last.searchIds.push(i);
}
}
this.total = this.last.searchIds.length;
}
time = (new Date()).getTime() - time;
if (silent !== true && obj.show.statusSearch) {
setTimeout(function () {
obj.status(w2utils.lang('Search took') + ' ' + time/1000 + ' ' + w2utils.lang('sec'));
}, 10);
}
return time;
// check if a record (or one of its closed children) matches the search data
function searchRecord(rec) {
var fl = 0;
for (var j = 0; j < obj.searchData.length; j++) {
var sdata = obj.searchData[j];
var search = obj.getSearch(sdata.field);
if (sdata == null) continue;
if (search == null) search = { field: sdata.field, type: sdata.type };
var val1b = obj.parseField(rec, search.field);
var val1 = (val1b !== null && val1b !== undefined &&
(typeof val1b != "object" || val1b.toString != defaultToString)) ?
String(val1b).toLowerCase() : ""; // do not match a bogus string
if (sdata.value != null) {
if (!$.isArray(sdata.value)) {
var val2 = String(sdata.value).toLowerCase();
} else {
var val2 = sdata.value[0];
var val3 = sdata.value[1];
}
}
switch (sdata.operator) {
case 'is':
if (obj.parseField(rec, search.field) == sdata.value) fl++; // do not hide record
else if (search.type == 'date') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDate(tmp, 'yyyy-mm-dd');
var val2 = w2utils.formatDate(w2utils.isDate(val2, w2utils.settings.dateFormat, true), 'yyyy-mm-dd');
if (val1 == val2) fl++;
}
else if (search.type == 'time') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatTime(tmp, 'hh24:mi');
var val2 = w2utils.formatTime(val2, 'hh24:mi');
if (val1 == val2) fl++;
}
else if (search.type == 'datetime') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDateTime(tmp, 'yyyy-mm-dd|hh24:mm:ss');
var val2 = w2utils.formatDateTime(w2utils.isDateTime(val2, w2utils.settings.datetimeFormat, true), 'yyyy-mm-dd|hh24:mm:ss');
if (val1 == val2) fl++;
}
break;
case 'between':
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1) {
if (parseFloat(obj.parseField(rec, search.field)) >= parseFloat(val2) && parseFloat(obj.parseField(rec, search.field)) <= parseFloat(val3)) fl++;
}
else if (search.type == 'date') {
var val1 = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val2 = w2utils.isDate(val2, w2utils.settings.dateFormat, true);
var val3 = w2utils.isDate(val3, w2utils.settings.dateFormat, true);
if (val3 != null) val3 = new Date(val3.getTime() + 86400000); // 1 day
if (val1 >= val2 && val1 < val3) fl++;
}
else if (search.type == 'time') {
var val1 = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val2 = w2utils.isTime(val2, true);
var val3 = w2utils.isTime(val3, true);
val2 = (new Date()).setHours(val2.hours, val2.minutes, val2.seconds ? val2.seconds : 0, 0);
val3 = (new Date()).setHours(val3.hours, val3.minutes, val3.seconds ? val3.seconds : 0, 0);
if (val1 >= val2 && val1 < val3) fl++;
}
else if (search.type == 'datetime') {
var val1 = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val2 = w2utils.isDateTime(val2, w2utils.settings.datetimeFormat, true);
var val3 = w2utils.isDateTime(val3, w2utils.settings.datetimeFormat, true);
if (val3) val3 = new Date(val3.getTime() + 86400000); // 1 day
if (val1 >= val2 && val1 < val3) fl++;
}
break;
case 'less':
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1) {
if (parseFloat(obj.parseField(rec, search.field)) <= parseFloat(sdata.value)) fl++;
}
else if (search.type == 'date') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDate(tmp, 'yyyy-mm-dd');
var val2 = w2utils.formatDate(w2utils.isDate(val2, w2utils.settings.dateFormat, true), 'yyyy-mm-dd');
if (val1 <= val2) fl++;
}
else if (search.type == 'time') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatTime(tmp, 'hh24:mi');
var val2 = w2utils.formatTime(val2, 'hh24:mi');
if (val1 <= val2) fl++;
}
else if (search.type == 'datetime') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDateTime(tmp, 'yyyy-mm-dd|hh24:mm:ss');
var val2 = w2utils.formatDateTime(w2utils.isDateTime(val2, w2utils.settings.datetimeFormat, true), 'yyyy-mm-dd|hh24:mm:ss');
if ( (val1.length == val2.length) && (val1 <= val2) ) fl++;
}
break;
case 'more':
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1) {
if (parseFloat(obj.parseField(rec, search.field)) >= parseFloat(sdata.value)) fl++;
}
else if (search.type == 'date') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDate(tmp, 'yyyy-mm-dd');
var val2 = w2utils.formatDate(w2utils.isDate(val2, w2utils.settings.dateFormat, true), 'yyyy-mm-dd');
if (val1 >= val2) fl++;
}
else if (search.type == 'time') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatTime(tmp, 'hh24:mi');
var val2 = w2utils.formatTime(val2, 'hh24:mi');
if (val1 >= val2) fl++;
}
else if (search.type == 'datetime') {
var tmp = (obj.parseField(rec, search.field + '_') instanceof Date ? obj.parseField(rec, search.field + '_') : obj.parseField(rec, search.field));
var val1 = w2utils.formatDateTime(tmp, 'yyyy-mm-dd|hh24:mm:ss');
var val2 = w2utils.formatDateTime(w2utils.isDateTime(val2, w2utils.settings.datetimeFormat, true), 'yyyy-mm-dd|hh24:mm:ss');
if ( (val1.length == val2.length) && (val1 >= val2) ) fl++;
}
break;
case 'in':
var tmp = sdata.value;
if (sdata.svalue) tmp = sdata.svalue;
if (tmp.indexOf(w2utils.isFloat(val1) ? parseFloat(val1) : val1) !== -1) fl++;
if (tmp.indexOf(w2utils.isFloat(val1b) ? parseFloat(val1b) : val1b) !== -1) fl++;
break;
case 'not in':
var tmp = sdata.value;
if (sdata.svalue) tmp = sdata.svalue;
if (tmp.indexOf(w2utils.isFloat(val1) ? parseFloat(val1) : val1) == -1) fl++;
if (tmp.indexOf(w2utils.isFloat(val1b) ? parseFloat(val1b) : val1b) == -1) fl++;
break;
case 'begins':
case 'begins with': // need for back compatib.
if (val1.indexOf(val2) === 0) fl++; // do not hide record
break;
case 'contains':
if (val1.indexOf(val2) >= 0) fl++; // do not hide record
break;
case 'null':
if (obj.parseField(rec, search.field) == null) fl++; // do not hide record
break;
case 'not null':
if (obj.parseField(rec, search.field) != null) fl++; // do not hide record
break;
case 'ends':
case 'ends with': // need for back compatib.
var lastIndex = val1.lastIndexOf(val2);
if (lastIndex !== -1 && lastIndex == val1.length - val2.length) fl++; // do not hide record
break;
}
}
if ((obj.last.logic == 'OR' && fl !== 0) ||
(obj.last.logic == 'AND' && fl == obj.searchData.length))
return true;
if (rec.w2ui && rec.w2ui.children && rec.w2ui.expanded !== true) {
// there are closed children, search them too.
for (var r = 0; r < rec.w2ui.children.length; r++) {
var subRec = rec.w2ui.children[r];
if (searchRecord(subRec))
return true;
}
}
return false;
}
// add parents nodes recursively
function addParent(recid) {
if (recid === undefined)
return;
if (duplicateMap[recid])
return; // already visited
duplicateMap[recid] = true;
var i = obj.get(recid, true);
if (i == null)
return;
if ($.inArray(i, obj.last.searchIds) != -1)
return;
var rec = obj.records[i];
if (rec && rec.w2ui)
addParent(rec.w2ui.parent_recid);
obj.last.searchIds.push(i);
}
},
getRangeData: function (range, extra) {
var rec1 = this.get(range[0].recid, true);
var rec2 = this.get(range[1].recid, true);
var col1 = range[0].column;
var col2 = range[1].column;
var res = [];
if (col1 == col2) { // one row
for (var r = rec1; r <= rec2; r++) {
var record = this.records[r];
var dt = record[this.columns[col1].field] || null;
if (extra !== true) {
res.push(dt);
} else {
res.push({ data: dt, column: col1, index: r, record: record });
}
}
} else if (rec1 == rec2) { // one line
var record = this.records[rec1];
for (var i = col1; i <= col2; i++) {
var dt = record[this.columns[i].field] || null;
if (extra !== true) {
res.push(dt);
} else {
res.push({ data: dt, column: i, index: rec1, record: record });
}
}
} else {
for (var r = rec1; r <= rec2; r++) {
var record = this.records[r];
res.push([]);
for (var i = col1; i <= col2; i++) {
var dt = record[this.columns[i].field];
if (extra !== true) {
res[res.length-1].push(dt);
} else {
res[res.length-1].push({ data: dt, column: i, index: r, record: record });
}
}
}
}
return res;
},
addRange: function (ranges) {
var added = 0;
if (this.selectType == 'row') return added;
if (!$.isArray(ranges)) ranges = [ranges];
// if it is selection
for (var i = 0; i < ranges.length; i++) {
if (typeof ranges[i] != 'object') ranges[i] = { name: 'selection' };
if (ranges[i].name == 'selection') {
if (this.show.selectionBorder === false) continue;
var sel = this.getSelection();
if (sel.length === 0) {
this.removeRange('selection');
continue;
} else {
var first = sel[0];
var last = sel[sel.length-1];
}
} else { // other range
var first = ranges[i].range[0];
var last = ranges[i].range[1];
}
if (first) {
var rg = {
name: ranges[i].name,
range: [{ recid: first.recid, column: first.column }, { recid: last.recid, column: last.column }],
style: ranges[i].style || ''
};
// add range
var ind = false;
for (var j = 0; j < this.ranges.length; j++) if (this.ranges[j].name == ranges[i].name) { ind = j; break; }
if (ind !== false) {
this.ranges[ind] = rg;
} else {
this.ranges.push(rg);
}
added++;
}
}
this.refreshRanges();
return added;
},
removeRange: function () {
var removed = 0;
for (var a = 0; a < arguments.length; a++) {
var name = arguments[a];
$('#grid_'+ this.name +'_'+ name).remove();
$('#grid_'+ this.name +'_f'+ name).remove();
for (var r = this.ranges.length-1; r >= 0; r--) {
if (this.ranges[r].name == name) {
this.ranges.splice(r, 1);
removed++;
}
}
}
return removed;
},
refreshRanges: function () {
if (this.ranges.length === 0) return;
var obj = this;
var time = (new Date()).getTime();
var rec1 = $('#grid_'+ this.name +'_frecords');
var rec2 = $('#grid_'+ this.name +'_records');
for (var i = 0; i < this.ranges.length; i++) {
var rg = this.ranges[i];
var first = rg.range[0];
var last = rg.range[1];
if (first.index == null) first.index = this.get(first.recid, true);
if (last.index == null) last.index = this.get(last.recid, true);
var td1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(first.recid) + ' td[col="'+ first.column +'"]');
var td2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(last.recid) + ' td[col="'+ last.column +'"]');
var td1f = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(first.recid) + ' td[col="'+ first.column +'"]');
var td2f = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(last.recid) + ' td[col="'+ last.column +'"]');
var _lastColumn = last.column;
// adjustment due to column virtual scroll
if (first.column < this.last.colStart && last.column > this.last.colStart) {
td1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(first.recid) + ' td[col="start"]');
}
if (first.column < this.last.colEnd && last.column > this.last.colEnd) {
_lastColumn = '"end"';
td2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(last.recid) + ' td[col="end"]');
}
// if virtual scrolling kicked in
var index_top = parseInt($('#grid_'+ this.name +'_rec_top').next().attr('index'));
var index_bottom = parseInt($('#grid_'+ this.name +'_rec_bottom').prev().attr('index'));
var index_ftop = parseInt($('#grid_'+ this.name +'_frec_top').next().attr('index'));
var index_fbottom = parseInt($('#grid_'+ this.name +'_frec_bottom').prev().attr('index'));
if (td1.length === 0 && first.index < index_top && last.index > index_top) {
td1 = $('#grid_'+ this.name +'_rec_top').next().find('td[col='+ first.column +']');
}
if (td2.length === 0 && last.index > index_bottom && first.index < index_bottom) {
td2 = $('#grid_'+ this.name +'_rec_bottom').prev().find('td[col='+ _lastColumn +']');
}
if (td1f.length === 0 && first.index < index_ftop && last.index > index_ftop) { // frozen
td1f = $('#grid_'+ this.name +'_frec_top').next().find('td[col='+ first.column +']');
}
if (td2f.length === 0 && last.index > index_fbottom && first.index < index_fbottom) { // frozen
td2f = $('#grid_'+ this.name +'_frec_bottom').prev().find('td[col='+ last.column +']');
}
// do not show selection cell if it is editable
var edit = $(this.box).find('#grid_'+ this.name + '_editable');
var tmp = edit.find('.w2ui-input');
var tmp1 = tmp.attr('recid');
var tmp2 = tmp.attr('column');
if (rg.name == 'selection' && rg.range[0].recid == tmp1 && rg.range[0].column == tmp2) continue;
// frozen regular columns range
var $range = $('#grid_'+ this.name +'_f'+ rg.name);
if (td1f.length > 0 || td2f.length > 0) {
if ($range.length === 0) {
rec1.append('| '+
' '+ (options.color == pal[i][j] ? '•' : ' ') +
' '+
' | ';
if (options.color == pal[i][j]) index = [i, j];
}
html += '|||||||
| '+ ' | '+ (options.color == tmp[0] ? '•' : ' ') +' | '+
' '+ (options.color == tmp[1] ? '•' : ' ') +' | '+
' '+ (options.color == tmp[2] ? '•' : ' ') +' | '+
' '+ (options.color == tmp[3] ? '•' : ' ') +' | '+
'|||
'+
(rg.name == 'selection' ? '' : '')+
'
');
$range = $('#grid_'+ this.name +'_f'+ rg.name);
} else {
$range.attr('style', rg.style);
$range.find('.w2ui-selection-resizer').show();
}
if (td2f.length === 0) {
td2f = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(last.recid) +' td:last-child');
if (td2f.length === 0) td2f = $('#grid_'+ this.name +'_frec_bottom td:first-child');
$range.css('border-right', '0px');
$range.find('.w2ui-selection-resizer').hide();
}
if (first.recid != null && last.recid != null && td1f.length > 0 && td2f.length > 0) {
var _left = (td1f.position().left - 1 + rec1.scrollLeft());
var _top = (td1f.position().top - 1 + rec1.scrollTop());
$range.show().css({
left : (_left > 0 ? _left : 0) + 'px',
top : (_top > 0 ? _top : 0) + 'px',
width : (td2f.position().left - td1f.position().left + td2f.width() + 3) + 'px',
height : (td2f.position().top - td1f.position().top + td2f.height() + 3) + 'px'
});
} else {
$range.hide();
}
} else {
$range.hide();
}
// regular columns range
var $range = $('#grid_'+ this.name +'_'+ rg.name);
if (td1.length > 0 || td2.length > 0) {
if ($range.length === 0) {
rec2.append(''+
(rg.name == 'selection' ? '' : '')+
'
');
$range = $('#grid_'+ this.name +'_'+ rg.name);
} else {
$range.attr('style', rg.style);
}
if (td1.length === 0) {
td1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(first.recid) +' td:first-child');
if (td1.length === 0) td1 = $('#grid_'+ this.name +'_rec_top td:first-child');
}
if (td2f.length !== 0) {
$range.css('border-left', '0px');
}
if (first.recid != null && last.recid != null && td1.length > 0 && td2.length > 0) {
var _left = (td1.position().left - 1 + rec2.scrollLeft());
var _top = (td1.position().top - 1 + rec2.scrollTop());
$range.show().css({
left : (_left > 0 ? _left : 0) + 'px',
top : (_top > 0 ? _top : 0) + 'px',
width : (td2.position().left - td1.position().left + td2.width() + 3) + 'px',
height : (td2.position().top - td1.position().top + td2.height() + 3) + 'px'
});
} else {
$range.hide();
}
} else {
$range.hide();
}
}
// add resizer events
$(this.box).find('.w2ui-selection-resizer')
.off('mousedown').on('mousedown', mouseStart)
.off('dblclick').on('dblclick', function (event) {
var edata = obj.trigger({ phase: 'before', type: 'resizerDblClick', target: obj.name, originalEvent: event });
if (edata.isCancelled === true) return;
obj.trigger($.extend(edata, { phase: 'after' }));
});
var edata = { phase: 'before', type: 'selectionExtend', target: obj.name, originalRange: null, newRange: null };
return (new Date()).getTime() - time;
function mouseStart (event) {
var sel = obj.getSelection();
obj.last.move = {
type : 'expand',
x : event.screenX,
y : event.screenY,
divX : 0,
divY : 0,
recid : sel[0].recid,
column : sel[0].column,
originalRange : [{ recid: sel[0].recid, column: sel[0].column }, { recid: sel[sel.length-1].recid, column: sel[sel.length-1].column }],
newRange : [{ recid: sel[0].recid, column: sel[0].column }, { recid: sel[sel.length-1].recid, column: sel[sel.length-1].column }]
};
$(document).off('mousemove', mouseMove).on('mousemove', mouseMove);
$(document).off('mouseup', mouseStop).on('mouseup', mouseStop);
// do not blur grid
event.preventDefault();
}
function mouseMove (event) {
var mv = obj.last.move;
if (!mv || mv.type != 'expand') return;
mv.divX = (event.screenX - mv.x);
mv.divY = (event.screenY - mv.y);
// find new cell
var recid, column;
var tmp = event.originalEvent.target;
if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];
if ($(tmp).attr('col') != null) column = parseInt($(tmp).attr('col'));
tmp = $(tmp).parents('tr')[0];
recid = $(tmp).attr('recid');
// new range
if (mv.newRange[1].recid == recid && mv.newRange[1].column == column) return;
var prevNewRange = $.extend({}, mv.newRange);
mv.newRange = [{ recid: mv.recid, column: mv.column }, { recid: recid, column: column }];
// event before
edata = obj.trigger($.extend(edata, { originalRange: mv.originalRange, newRange : mv.newRange }));
if (edata.isCancelled === true) {
mv.newRange = prevNewRange;
edata.newRange = prevNewRange;
return;
} else {
// default behavior
obj.removeRange('grid-selection-expand');
obj.addRange({
name : 'grid-selection-expand',
range : edata.newRange,
style : 'background-color: rgba(100,100,100,0.1); border: 2px dotted rgba(100,100,100,0.5);'
});
}
}
function mouseStop (event) {
// default behavior
obj.removeRange('grid-selection-expand');
delete obj.last.move;
$(document).off('mousemove', mouseMove);
$(document).off('mouseup', mouseStop);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
},
select: function () {
if (arguments.length === 0) return 0;
var time = (new Date).getTime();
var selected = 0;
var sel = this.last.selection;
if (!this.multiSelect) this.selectNone();
// event before
var tmp = { phase: 'before', type: 'select', target: this.name };
if (arguments.length == 1) {
tmp.multiple = false;
if ($.isPlainObject(arguments[0])) {
tmp.recid = arguments[0].recid;
tmp.column = arguments[0].column;
} else {
tmp.recid = arguments[0];
}
} else {
tmp.multiple = true;
tmp.recids = Array.prototype.slice.call(arguments, 0);
}
var edata = this.trigger(tmp);
if (edata.isCancelled === true) return 0;
// default action
if (this.selectType == 'row') {
for (var a = 0; a < arguments.length; a++) {
var recid = typeof arguments[a] == 'object' ? arguments[a].recid : arguments[a];
var index = this.get(recid, true);
if (index == null) continue;
var recEl1 = null;
var recEl2 = null;
if (this.searchData.length !== 0 || (index + 1 >= this.last.range_start && index + 1 <= this.last.range_end)) {
recEl1 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));
recEl2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));
}
if (this.selectType == 'row') {
if (sel.indexes.indexOf(index) != -1) continue;
sel.indexes.push(index);
if (recEl1 && recEl2) {
recEl1.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');
recEl2.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');
recEl1.find('.w2ui-grid-select-check').prop("checked", true);
}
selected++;
}
}
} else {
// normalize for performance
var new_sel = {};
for (var a = 0; a < arguments.length; a++) {
var recid = typeof arguments[a] == 'object' ? arguments[a].recid : arguments[a];
var column = typeof arguments[a] == 'object' ? arguments[a].column : null;
new_sel[recid] = new_sel[recid] || [];
if ($.isArray(column)) {
new_sel[recid] = column;
} else if (w2utils.isInt(column)) {
new_sel[recid].push(column);
} else {
for (var i = 0; i < this.columns.length; i++) { if (this.columns[i].hidden) continue; new_sel[recid].push(parseInt(i)); }
}
}
// add all
var col_sel = [];
for (var recid in new_sel) {
var index = this.get(recid, true);
if (index == null) continue;
var recEl1 = null;
var recEl2 = null;
if (index + 1 >= this.last.range_start && index + 1 <= this.last.range_end) {
recEl1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));
recEl2 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));
}
var s = sel.columns[index] || [];
// default action
if (sel.indexes.indexOf(index) == -1) {
sel.indexes.push(index);
}
// anly only those that are new
for (var t = 0; t < new_sel[recid].length; t++) {
if (s.indexOf(new_sel[recid][t]) == -1) s.push(new_sel[recid][t]);
}
s.sort(function(a, b) { return a-b; }); // sort function must be for numerical sort
for (var t = 0; t < new_sel[recid].length; t++) {
var col = new_sel[recid][t];
if (col_sel.indexOf(col) == -1) col_sel.push(col);
if (recEl1) {
recEl1.find('#grid_'+ this.name +'_data_'+ index +'_'+ col).addClass('w2ui-selected');
recEl1.find('.w2ui-col-number').addClass('w2ui-row-selected');
recEl1.data('selected', 'yes');
recEl1.find('.w2ui-grid-select-check').prop("checked", true);
}
if (recEl2) {
recEl2.find('#grid_'+ this.name +'_data_'+ index +'_'+ col).addClass('w2ui-selected');
recEl2.find('.w2ui-col-number').addClass('w2ui-row-selected');
recEl2.data('selected', 'yes');
recEl2.find('.w2ui-grid-select-check').prop("checked", true);
}
selected++;
}
// save back to selection object
sel.columns[index] = s;
}
// select columns (need here for speed)
for (var c = 0; c < col_sel.length; c++) {
$(this.box).find('#grid_'+ this.name +'_column_'+ col_sel[c] +' .w2ui-col-header').addClass('w2ui-col-selected');
}
}
// need to sort new selection for speed
sel.indexes.sort(function(a, b) { return a-b; });
// all selected?
var areAllSelected = (this.records.length > 0 && sel.indexes.length == this.records.length),
areAllSearchedSelected = (sel.indexes.length > 0 && this.searchData.length !== 0 && sel.indexes.length == this.last.searchIds.length);
if (areAllSelected || areAllSearchedSelected) {
$('#grid_'+ this.name +'_check_all').prop('checked', true);
} else {
$('#grid_'+ this.name +'_check_all').prop('checked', false);
}
this.status();
this.addRange('selection');
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return selected;
},
unselect: function () {
var unselected = 0;
var sel = this.last.selection;
for (var a = 0; a < arguments.length; a++) {
var recid = typeof arguments[a] == 'object' ? arguments[a].recid : arguments[a];
var record = this.get(recid);
if (record == null) continue;
var index = this.get(record.recid, true);
var recEl1 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));
var recEl2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));
if (this.selectType == 'row') {
if (sel.indexes.indexOf(index) == -1) continue;
// event before
var edata = this.trigger({ phase: 'before', type: 'unselect', target: this.name, recid: recid, index: index });
if (edata.isCancelled === true) continue;
// default action
sel.indexes.splice(sel.indexes.indexOf(index), 1);
recEl1.removeClass('w2ui-selected w2ui-inactive').removeData('selected').find('.w2ui-col-number').removeClass('w2ui-row-selected');
recEl2.removeClass('w2ui-selected w2ui-inactive').removeData('selected').find('.w2ui-col-number').removeClass('w2ui-row-selected');
if (recEl1.length != 0) {
recEl1[0].style.cssText = 'height: '+ this.recordHeight +'px; ' + recEl1.attr('custom_style');
recEl2[0].style.cssText = 'height: '+ this.recordHeight +'px; ' + recEl2.attr('custom_style');
}
recEl1.find('.w2ui-grid-select-check').prop("checked", false);
unselected++;
} else {
var col = arguments[a].column;
if (!w2utils.isInt(col)) { // unselect all columns
var cols = [];
for (var i = 0; i < this.columns.length; i++) { if (this.columns[i].hidden) continue; cols.push({ recid: recid, column: i }); }
return this.unselect.apply(this, cols);
}
var s = sel.columns[index];
if (!$.isArray(s) || s.indexOf(col) == -1) continue;
// event before
var edata = this.trigger({ phase: 'before', type: 'unselect', target: this.name, recid: recid, column: col });
if (edata.isCancelled === true) continue;
// default action
s.splice(s.indexOf(col), 1);
$('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid)).find(' > td[col='+ col +']').removeClass('w2ui-selected w2ui-inactive');
$('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid)).find(' > td[col='+ col +']').removeClass('w2ui-selected w2ui-inactive');
// check if any row/column still selected
var isColSelected = false;
var isRowSelected = false;
var tmp = this.getSelection();
for (var i = 0; i < tmp.length; i++) {
if (tmp[i].column == col) isColSelected = true;
if (tmp[i].recid == recid) isRowSelected = true;
}
if (!isColSelected) {
$(this.box).find('.w2ui-grid-columns td[col='+ col +'] .w2ui-col-header, .w2ui-grid-fcolumns td[col='+ col +'] .w2ui-col-header').removeClass('w2ui-col-selected');
}
if (!isRowSelected) {
$('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid)).find('.w2ui-col-number').removeClass('w2ui-row-selected');
}
unselected++;
if (s.length === 0) {
delete sel.columns[index];
sel.indexes.splice(sel.indexes.indexOf(index), 1);
recEl1.removeData('selected');
recEl1.find('.w2ui-grid-select-check').prop("checked", false);
recEl2.removeData('selected');
}
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
// all selected?
var areAllSelected = (this.records.length > 0 && sel.indexes.length == this.records.length),
areAllSearchedSelected = (sel.indexes.length > 0 && this.searchData.length !== 0 && sel.indexes.length == this.last.searchIds.length);
if (areAllSelected || areAllSearchedSelected) {
$('#grid_'+ this.name +'_check_all').prop('checked', true);
} else {
$('#grid_'+ this.name +'_check_all').prop('checked', false);
}
// show number of selected
this.status();
this.addRange('selection');
return unselected;
},
selectAll: function () {
var time = (new Date()).getTime();
if (this.multiSelect === false) return;
// event before
var edata = this.trigger({ phase: 'before', type: 'select', target: this.name, all: true });
if (edata.isCancelled === true) return;
// default action
var url = (typeof this.url != 'object' ? this.url : this.url.get);
var sel = this.last.selection;
var cols = [];
for (var i = 0; i < this.columns.length; i++) cols.push(i);
// if local data source and searched
sel.indexes = [];
if (!url && this.searchData.length !== 0) {
// local search applied
for (var i = 0; i < this.last.searchIds.length; i++) {
sel.indexes.push(this.last.searchIds[i]);
if (this.selectType != 'row') sel.columns[this.last.searchIds[i]] = cols.slice(); // .slice makes copy of the array
}
} else {
var buffered = this.records.length;
if (this.searchData.length != 0 && !url) buffered = this.last.searchIds.length;
for (var i = 0; i < buffered; i++) {
sel.indexes.push(i);
if (this.selectType != 'row') sel.columns[i] = cols.slice(); // .slice makes copy of the array
}
}
// add selected class
if (this.selectType == 'row') {
$(this.box).find('.w2ui-grid-records tr').not('.w2ui-empty-record')
.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-frecords tr').not('.w2ui-empty-record')
.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');
$(this.box).find('input.w2ui-grid-select-check').prop('checked', true);
} else {
$(this.box).find('.w2ui-grid-columns td .w2ui-col-header, .w2ui-grid-fcolumns td .w2ui-col-header').addClass('w2ui-col-selected');
$(this.box).find('.w2ui-grid-records tr .w2ui-col-number').addClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-records tr').not('.w2ui-empty-record')
.find('.w2ui-grid-data').not('.w2ui-col-select').addClass('w2ui-selected').data('selected', 'yes');
$(this.box).find('.w2ui-grid-frecords tr .w2ui-col-number').addClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-frecords tr').not('.w2ui-empty-record')
.find('.w2ui-grid-data').not('.w2ui-col-select').addClass('w2ui-selected').data('selected', 'yes');
$(this.box).find('input.w2ui-grid-select-check').prop('checked', true);
}
// enable/disable toolbar buttons
var sel = this.getSelection();
if (sel.length == 1) this.toolbar.enable('w2ui-edit'); else this.toolbar.disable('w2ui-edit');
if (sel.length >= 1) this.toolbar.enable('w2ui-delete'); else this.toolbar.disable('w2ui-delete');
this.addRange('selection');
$('#grid_'+ this.name +'_check_all').prop('checked', true);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
selectNone: function () {
var time = (new Date()).getTime();
// event before
var edata = this.trigger({ phase: 'before', type: 'unselect', target: this.name, all: true });
if (edata.isCancelled === true) return;
// default action
var sel = this.last.selection;
// remove selected class
if (this.selectType == 'row') {
$(this.box).find('.w2ui-grid-records tr.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected')
.find('.w2ui-col-number').removeClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-frecords tr.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected')
.find('.w2ui-col-number').removeClass('w2ui-row-selected');
$(this.box).find('input.w2ui-grid-select-check').prop('checked', false);
} else {
$(this.box).find('.w2ui-grid-columns td .w2ui-col-header, .w2ui-grid-fcolumns td .w2ui-col-header').removeClass('w2ui-col-selected');
$(this.box).find('.w2ui-grid-records tr .w2ui-col-number').removeClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-frecords tr .w2ui-col-number').removeClass('w2ui-row-selected');
$(this.box).find('.w2ui-grid-data.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected');
$(this.box).find('input.w2ui-grid-select-check').prop('checked', false);
}
sel.indexes = [];
sel.columns = {};
this.toolbar.disable('w2ui-edit', 'w2ui-delete');
this.removeRange('selection');
$('#grid_'+ this.name +'_check_all').prop('checked', false);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
getSelection: function (returnIndex) {
var ret = [];
var sel = this.last.selection;
if (this.selectType == 'row') {
for (var i = 0; i < sel.indexes.length; i++) {
if (!this.records[sel.indexes[i]]) continue;
if (returnIndex === true) ret.push(sel.indexes[i]); else ret.push(this.records[sel.indexes[i]].recid);
}
return ret;
} else {
for (var i = 0; i < sel.indexes.length; i++) {
var cols = sel.columns[sel.indexes[i]];
if (!this.records[sel.indexes[i]]) continue;
for (var j = 0; j < cols.length; j++) {
ret.push({ recid: this.records[sel.indexes[i]].recid, index: parseInt(sel.indexes[i]), column: cols[j] });
}
}
return ret;
}
},
search: function (field, value) {
var obj = this;
var url = (typeof this.url != 'object' ? this.url : this.url.get);
var searchData = [];
var last_multi = this.last.multi;
var last_logic = this.last.logic;
var last_field = this.last.field;
var last_search = this.last.search;
var hasHiddenSearches = false;
// add hidden searches
for (var i = 0; i < this.searches.length; i++) {
if (!this.searches[i].hidden) continue;
searchData.push({
field : this.searches[i].field,
operator : this.searches[i].operator || 'is',
type : this.searches[i].type,
value : this.searches[i].value || ''
});
hasHiddenSearches = true;
}
// 1: search() - advanced search (reads from popup)
if (arguments.length === 0) {
last_search = '';
// advanced search
for (var i = 0; i < this.searches.length; i++) {
var search = this.searches[i];
var operator = $('#grid_'+ this.name + '_operator_'+ i).val();
var field1 = $('#grid_'+ this.name + '_field_'+ i);
var field2 = $('#grid_'+ this.name + '_field2_'+ i);
var value1 = field1.val();
var value2 = field2.val();
var svalue = null;
var text = null;
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1) {
var fld1 = field1.data('w2field');
var fld2 = field2.data('w2field');
if (fld1) value1 = fld1.clean(value1);
if (fld2) value2 = fld2.clean(value2);
}
if (['list', 'enum'].indexOf(search.type) != -1) {
value1 = field1.data('selected') || {};
if ($.isArray(value1)) {
svalue = [];
for (var j = 0; j < value1.length; j++) {
svalue.push(w2utils.isFloat(value1[j].id) ? parseFloat(value1[j].id) : String(value1[j].id).toLowerCase());
delete value1[j].hidden;
}
if ($.isEmptyObject(value1)) value1 = '';
} else {
text = value1.text || '';
value1 = value1.id || '';
}
}
if ((value1 !== '' && value1 != null) || (value2 != null && value2 !== '')) {
var tmp = {
field : search.field,
type : search.type,
operator : operator
};
if (operator == 'between') {
$.extend(tmp, { value: [value1, value2] });
} else if (operator == 'in' && typeof value1 == 'string') {
$.extend(tmp, { value: value1.split(',') });
} else if (operator == 'not in' && typeof value1 == 'string') {
$.extend(tmp, { value: value1.split(',') });
} else {
$.extend(tmp, { value: value1 });
}
if (svalue) $.extend(tmp, { svalue: svalue });
if (text) $.extend(tmp, { text: text });
// conver date to unix time
try {
if (search.type == 'date' && operator == 'between') {
tmp.value[0] = value1; // w2utils.isDate(value1, w2utils.settings.dateFormat, true).getTime();
tmp.value[1] = value2; // w2utils.isDate(value2, w2utils.settings.dateFormat, true).getTime();
}
if (search.type == 'date' && operator == 'is') {
tmp.value = value1; // w2utils.isDate(value1, w2utils.settings.dateFormat, true).getTime();
}
} catch (e) {
}
searchData.push(tmp);
}
}
last_multi = true;
last_logic = 'AND';
}
// 2: search(field, value) - regular search
if (typeof field == 'string') {
// if only one argument - search all
if (arguments.length == 1) {
value = field;
field = 'all';
}
last_field = field;
last_search = value;
last_multi = false;
last_logic = (hasHiddenSearches ? 'AND' : 'OR');
// loop through all searches and see if it applies
if (value != null) {
if (field.toLowerCase() == 'all') {
// if there are search fields loop thru them
if (this.searches.length > 0) {
for (var i = 0; i < this.searches.length; i++) {
var search = this.searches[i];
if ( search.type == 'text' || (search.type == 'alphanumeric' && w2utils.isAlphaNumeric(value))
|| (search.type == 'int' && w2utils.isInt(value)) || (search.type == 'float' && w2utils.isFloat(value))
|| (search.type == 'percent' && w2utils.isFloat(value)) || ((search.type == 'hex' || search.type == 'color') && w2utils.isHex(value))
|| (search.type == 'currency' && w2utils.isMoney(value)) || (search.type == 'money' && w2utils.isMoney(value))
|| (search.type == 'date' && w2utils.isDate(value)) || (search.type == 'time' && w2utils.isTime(value))
|| (search.type == 'datetime' && w2utils.isDateTime(value)) || (search.type == 'enum' && w2utils.isAlphaNumeric(value))
|| (search.type == 'list' && w2utils.isAlphaNumeric(value))
) {
var tmp = {
field : search.field,
type : search.type,
operator : (search.operator != null ? search.operator : (search.type == 'text' ? this.textSearch : 'is')),
value : value
};
if ($.trim(value) != '') searchData.push(tmp);
}
// range in global search box
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1 && $.trim(String(value)).split('-').length == 2) {
var t = $.trim(String(value)).split('-');
var tmp = {
field : search.field,
type : search.type,
operator : (search.operator != null ? search.operator : 'between'),
value : [t[0], t[1]]
};
searchData.push(tmp);
}
// lists fiels
if (['list', 'enum'].indexOf(search.type) != -1) {
var new_values = [];
for (var j = 0; j < search.options.items; j++) {
var tmp = search.options.items[j];
try {
var re = new RegExp(value, 'i');
if (re.test(tmp)) new_values.push(j);
if (tmp.text && re.test(tmp.text)) new_values.push(tmp.id);
} catch (e) {}
}
if (new_values.length > 0) {
var tmp = {
field : search.field,
type : search.type,
operator : (search.operator != null ? search.operator : 'in'),
value : new_values
};
searchData.push(tmp);
}
}
}
} else {
// no search fields, loop thru columns
for (var i = 0; i < this.columns.length; i++) {
var tmp = {
field : this.columns[i].field,
type : 'text',
operator : this.textSearch,
value : value
};
searchData.push(tmp);
}
}
} else {
var el = $('#grid_'+ this.name +'_search_all');
var search = this.getSearch(field);
if (search == null) search = { field: field, type: 'text' };
if (search.field == field) this.last.caption = search.caption;
if (value !== '') {
var op = this.textSearch;
var val = value;
if (['date', 'time', 'datetime'].indexOf(search.type) != -1) op = 'is';
if (['list', 'enum'].indexOf(search.type) != -1) {
op = 'is';
var tmp = el.data('selected');
if (tmp && !$.isEmptyObject(tmp)) val = tmp.id; else val = '';
}
if (search.type == 'int' && value !== '') {
op = 'is';
if (String(value).indexOf('-') != -1) {
var tmp = value.split('-');
if (tmp.length == 2) {
op = 'between';
val = [parseInt(tmp[0]), parseInt(tmp[1])];
}
}
if (String(value).indexOf(',') != -1) {
var tmp = value.split(',');
op = 'in';
val = [];
for (var i = 0; i < tmp.length; i++) val.push(tmp[i]);
}
}
if (search.operator != null) op = search.operator;
var tmp = {
field : search.field,
type : search.type,
operator : op,
value : val
};
searchData.push(tmp);
}
}
}
}
// 3: search([ { field, value, [operator,] [type] }, { field, value, [operator,] [type] } ], logic) - submit whole structure
if ($.isArray(field)) {
var logic = 'AND';
if (typeof value == 'string') {
logic = value.toUpperCase();
if (logic != 'OR' && logic != 'AND') logic = 'AND';
}
last_search = '';
last_multi = true;
last_logic = logic;
for (var i = 0; i < field.length; i++) {
var data = field[i];
var search = this.getSearch(data.field);
if (search == null) search = { type: 'text', operator: 'begins' };
if ($.isArray(data.value)) {
for (var j = 0; j < data.value.length; j++) {
if (typeof data.value[j] == 'string') data.value[j] = data.value[j].toLowerCase();
}
}
// merge current field and search if any
searchData.push($.extend(true, {}, search, data));
}
}
// event before
var edata = this.trigger({ phase: 'before', type: 'search', multi: (arguments.length === 0 ? true : false), target: this.name, searchData: searchData,
searchField: (field ? field : 'multi'), searchValue: (field ? value : 'multi') });
if (edata.isCancelled === true) return;
// default action
this.searchData = edata.searchData;
this.last.field = last_field;
this.last.search = last_search;
this.last.multi = last_multi;
this.last.logic = last_logic;
this.last.scrollTop = 0;
this.last.scrollLeft = 0;
this.last.selection.indexes = [];
this.last.selection.columns = {};
// -- clear all search field
this.searchClose();
// apply search
if (url) {
this.last.xhr_offset = 0;
this.reload();
} else {
// local search
this.localSearch();
this.refresh();
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
searchOpen: function () {
if (!this.box) return;
if (this.searches.length === 0) return;
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'searchOpen', target: this.name });
if (edata.isCancelled === true) {
setTimeout(function () { obj.toolbar.uncheck('w2ui-search-advanced'); }, 1);
return;
}
// show search
$('#tb_'+ this.name +'_toolbar_item_w2ui-search-advanced').w2overlay({
html : this.getSearchesHTML(),
name : this.name + '-searchOverlay',
left : -10,
'class' : 'w2ui-grid-searches',
onShow : function () {
obj.initSearches();
$('#w2ui-overlay-'+ obj.name +'-searchOverlay .w2ui-grid-searches').data('grid-name', obj.name);
var sfields = $('#w2ui-overlay-'+ this.name +'-searchOverlay .w2ui-grid-searches *[rel=search]');
if (sfields.length > 0) sfields[0].focus();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
});
},
searchClose: function () {
var obj = this;
if (!this.box) return;
if (this.searches.length === 0) return;
if (this.toolbar) this.toolbar.uncheck('w2ui-search-advanced');
// hide search
$().w2overlay({ name: this.name + '-searchOverlay' });
$().w2overlay({ name: this.name + '-searchOverlay' }); // need to call twice as first ignored after click
},
searchReset: function (noRefresh) {
var searchData = [];
var hasHiddenSearches = false;
// add hidden searches
for (var i = 0; i < this.searches.length; i++) {
if (!this.searches[i].hidden) continue;
searchData.push({
field : this.searches[i].field,
operator : this.searches[i].operator || 'is',
type : this.searches[i].type,
value : this.searches[i].value || ''
});
hasHiddenSearches = true;
}
// event before
var edata = this.trigger({ phase: 'before', type: 'search', reset: true, target: this.name, searchData: searchData });
if (edata.isCancelled === true) return;
// default action
this.searchData = edata.searchData;
this.last.search = '';
this.last.logic = (hasHiddenSearches ? 'AND' : 'OR');
// --- do not reset to All Fields (I think)
if (this.searches.length > 0) {
if (!this.multiSearch || !this.show.searchAll) {
var tmp = 0;
while (tmp < this.searches.length && (this.searches[tmp].hidden || this.searches[tmp].simple === false)) tmp++;
if (tmp >= this.searches.length) {
// all searches are hidden
this.last.field = '';
this.last.caption = '';
} else {
this.last.field = this.searches[tmp].field;
this.last.caption = this.searches[tmp].caption;
}
} else {
this.last.field = 'all';
this.last.caption = w2utils.lang('All Fields');
}
}
this.last.multi = false;
this.last.xhr_offset = 0;
// reset scrolling position
this.last.scrollTop = 0;
this.last.scrollLeft = 0;
this.last.selection.indexes = [];
this.last.selection.columns = {};
// -- clear all search field
this.searchClose();
$('#grid_'+ this.name +'_search_all').val('').removeData('selected');
// apply search
if (!noRefresh) this.reload();
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
searchShowFields: function () {
var obj = this;
var el = $('#grid_'+ this.name +'_search_all');
var html = '| '+ ' '+ ' | '+ ''+ search.caption +' | '+ '
');
} else {
more.find('td').html('
'+ w2utils.lang('Load') + ' ' + obj.limit + ' ' + w2utils.lang('More') + '...
');
}
}
if (this.last.xhr) try { this.last.xhr.abort(); } catch (e) {}
// URL
url = (typeof edata.url != 'object' ? edata.url : edata.url.get);
if (params.cmd == 'save' && typeof edata.url == 'object') url = edata.url.save;
if (params.cmd == 'delete' && typeof edata.url == 'object') url = edata.url.remove;
// process url with routeData
if (!$.isEmptyObject(obj.routeData)) {
var info = w2utils.parseRoute(url);
if (info.keys.length > 0) {
for (var k = 0; k < info.keys.length; k++) {
if (obj.routeData[info.keys[k].name] == null) continue;
url = url.replace((new RegExp(':'+ info.keys[k].name, 'g')), obj.routeData[info.keys[k].name]);
}
}
}
// ajax ptions
var ajaxOptions = {
type : 'POST',
url : url,
data : edata.postData,
headers : edata.httpHeaders,
dataType : 'text' // expected data type from server
};
if (w2utils.settings.dataType == 'HTTP') {
ajaxOptions.data = (typeof ajaxOptions.data == 'object' ? String($.param(ajaxOptions.data, false)).replace(/%5B/g, '[').replace(/%5D/g, ']') : ajaxOptions.data);
}
if (w2utils.settings.dataType == 'HTTPJSON') {
ajaxOptions.data = { request: JSON.stringify(ajaxOptions.data) };
}
if (w2utils.settings.dataType == 'RESTFULL') {
ajaxOptions.type = 'GET';
if (params.cmd == 'save') ajaxOptions.type = 'PUT'; // so far it is always update
if (params.cmd == 'delete') ajaxOptions.type = 'DELETE';
ajaxOptions.data = (typeof ajaxOptions.data == 'object' ? String($.param(ajaxOptions.data, false)).replace(/%5B/g, '[').replace(/%5D/g, ']') : ajaxOptions.data);
}
if (w2utils.settings.dataType == 'RESTFULLJSON') {
ajaxOptions.type = 'GET';
if (params.cmd == 'save') ajaxOptions.type = 'PUT'; // so far it is always update
if (params.cmd == 'delete') ajaxOptions.type = 'DELETE';
ajaxOptions.data = JSON.stringify(ajaxOptions.data);
ajaxOptions.contentType = 'application/json';
}
if (w2utils.settings.dataType == 'JSON') {
ajaxOptions.type = 'POST';
ajaxOptions.data = JSON.stringify(ajaxOptions.data);
ajaxOptions.contentType = 'application/json';
}
if (this.method) ajaxOptions.type = this.method;
this.last.xhr_cmd = params.cmd;
this.last.xhr_start = (new Date()).getTime();
this.last.xhr = $.ajax(ajaxOptions)
.done(function (data, status, xhr) {
obj.requestComplete(status, cmd, callBack);
})
.fail(function (xhr, status, error) {
// trigger event
var errorObj = { status: status, error: error, rawResponseText: xhr.responseText };
var edata2 = obj.trigger({ phase: 'before', type: 'error', error: errorObj, xhr: xhr });
if (edata2.isCancelled === true) return;
// default behavior
if (status != 'abort') { // it can be aborted by the grid itself
var data;
try { data = $.parseJSON(xhr.responseText); } catch (e) {}
console.log('ERROR: Server communication failed.',
'\n EXPECTED:', { status: 'success', total: 5, records: [{ recid: 1, field: 'value' }] },
'\n OR:', { status: 'error', message: 'error message' },
'\n RECEIVED:', typeof data == 'object' ? data : xhr.responseText);
obj.requestComplete('error', cmd, callBack);
}
// event after
obj.trigger($.extend(edata2, { phase: 'after' }));
});
if (cmd == 'get') {
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
},
requestComplete: function(status, cmd, callBack) {
var obj = this;
this.unlock();
setTimeout(function () {
if (obj.show.statusResponse) obj.status(w2utils.lang('Server Response') + ' ' + ((new Date()).getTime() - obj.last.xhr_start)/1000 +' ' + w2utils.lang('sec'));
}, 10);
this.last.pull_more = false;
this.last.pull_refresh = true;
// event before
var event_name = 'load';
if (this.last.xhr_cmd == 'save') event_name = 'save';
if (this.last.xhr_cmd == 'delete') event_name = 'delete';
var edata = this.trigger({ phase: 'before', target: this.name, type: event_name, xhr: this.last.xhr, status: status });
if (edata.isCancelled === true) {
if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' });
return;
}
// parse server response
var data;
var responseText = this.last.xhr.responseText;
if (status != 'error') {
// default action
if (responseText != null && responseText != '') {
// check if the onLoad handler has not already parsed the data
if (typeof responseText == "object") {
data = responseText;
} else {
if (typeof obj.parser == 'function') {
data = obj.parser(responseText);
if (typeof data != 'object') {
console.log('ERROR: Your parser did not return proper object');
}
} else {
// $.parseJSON or $.getJSON did not work because those expect perfect JSON data - where everything is in double quotes
//
// TODO: avoid (potentially malicious) code injection from the response.
try { eval('data = '+ responseText); } catch (e) { }
}
}
if (data == null) {
data = {
status : 'error',
message : w2utils.lang(this.msgNotJSON),
responseText : responseText
};
} else if (Array.isArray(data)) {
// if it is plain array, assume these are records
data = {
status : 'success',
records : data
}
}
if (obj.recid && data.records) {
// convert recids
for (var i = 0; i < data.records.length; i++) {
data.records[i]['recid'] = data.records[i][obj.recid];
}
}
if (data['status'] == 'error') {
obj.error(data['message']);
} else {
if (cmd == 'get') {
if (data.total == null) data.total = -1;
if (data.records.length == this.limit) {
this.last.xhr_hasMore = true;
} else {
this.last.xhr_hasMore = false;
this.total = this.last.xhr_offset + data.records.length;
}
if (this.last.xhr_offset === 0) {
this.records = [];
this.summary = [];
if (w2utils.isInt(data.total)) this.total = parseInt(data.total);
} else {
if (data.total != -1 && parseInt(data.total) != parseInt(this.total)) {
this.message(w2utils.lang(this.msgNeedReload), function () {
delete this.last.xhr_offset;
this.reload();
}.bind(this));
return;
}
}
// records
if (data.records) {
for (var r = 0; r < data.records.length; r++) {
this.records.push(data.records[r]);
}
}
// summary records (if any)
if (data.summary) {
this.summary = [];
for (var r = 0; r < data.summary.length; r++) {
this.summary.push(data.summary[r]);
}
}
}
if (cmd == 'delete') {
this.reset(); // unselect old selections
this.reload();
return;
}
}
}
} else {
data = {
status : 'error',
message : w2utils.lang(this.msgAJAXerror),
responseText : responseText
};
obj.error(w2utils.lang(this.msgAJAXerror));
}
// event after
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (!url) {
this.localSort();
this.localSearch();
}
this.total = parseInt(this.total);
// do not refresh if loading on infinite scroll
if (this.last.xhr_offset === 0) {
this.refresh();
} else {
this.scroll();
this.resize();
}
// call back
if (typeof callBack == 'function') callBack(data); // need to be befor event:after
// after event
this.trigger($.extend(edata, { phase: 'after' }));
},
error: function (msg) {
var obj = this;
// let the management of the error outside of the grid
var edata = this.trigger({ target: this.name, type: 'error', message: msg , xhr: this.last.xhr });
if (edata.isCancelled === true) {
if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' });
return;
}
this.message(msg);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
getChanges: function () {
var changes = [];
for (var r = 0; r < this.records.length; r++) {
var rec = this.records[r];
if (rec.w2ui && rec.w2ui.changes != null) {
changes.push($.extend(true, { recid: rec.recid }, rec.w2ui.changes));
}
}
return changes;
},
mergeChanges: function () {
var changes = this.getChanges();
for (var c = 0; c < changes.length; c++) {
var record = this.get(changes[c].recid);
for (var s in changes[c]) {
if (s == 'recid') continue; // do not allow to change recid
if (typeof changes[c][s] === "object") changes[c][s] = changes[c][s].text;
try {
if (s.indexOf('.') != -1) {
eval("record['" + s.replace(/\./g, "']['") + "'] = changes[c][s]")
} else {
record[s] = changes[c][s];
}
} catch (e) {
console.log('ERROR: Cannot merge. ', e.message || '', e);
}
if (record.w2ui) delete record.w2ui.changes;
}
}
this.refresh();
},
// ===================================================
// -- Action Handlers
save: function () {
var obj = this;
var changes = this.getChanges();
// event before
var edata = this.trigger({ phase: 'before', target: this.name, type: 'save', changes: changes });
if (edata.isCancelled === true) return;
var url = (typeof this.url != 'object' ? this.url : this.url.save);
if (url) {
this.request('save', { 'changes' : edata.changes }, null,
function (data) {
if (data.status !== 'error') {
// only merge changes, if save was successful
obj.mergeChanges();
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
);
} else {
this.mergeChanges();
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
},
editField: function (recid, column, value, event) {
var obj = this;
var index = obj.get(recid, true);
var edit = obj.getCellEditable(index, column);
if (!edit) return;
var rec = obj.records[index];
var col = obj.columns[column];
var prefix = (col.frozen === true ? '_f' : '_');
if (['enum', 'file'].indexOf(edit.type) != -1) {
console.log('ERROR: input types "enum" and "file" are not supported in inline editing.');
return;
}
// event before
var edata = obj.trigger({ phase: 'before', type: 'editField', target: obj.name, recid: recid, column: column, value: value,
index: index, originalEvent: event });
if (edata.isCancelled === true) return;
value = edata.value;
// default behaviour
this.selectNone();
this.select({ recid: recid, column: column });
this.last.edit_col = column;
if (['checkbox', 'check'].indexOf(edit.type) != -1) return;
// create input element
var tr = $('#grid_'+ obj.name + prefix +'rec_' + w2utils.escapeId(recid));
var el = tr.find('[col='+ column +'] > div');
// clear previous if any
$(this.box).find('div.w2ui-edit-box').remove();
// for spreadsheet - insert into selection
if (this.selectType != 'row') {
$('#grid_'+ this.name + prefix + 'selection')
.attr('id', 'grid_'+ this.name + '_editable')
.removeClass('w2ui-selection')
.addClass('w2ui-edit-box')
.prepend('')
.find('.w2ui-selection-resizer')
.remove();
el = $('#grid_'+ this.name + '_editable >div:first-child');
}
if (edit.inTag == null) edit.inTag = '';
if (edit.outTag == null) edit.outTag = '';
if (edit.style == null) edit.style = '';
if (edit.items == null) edit.items = [];
var val = (rec.w2ui && rec.w2ui.changes && rec.w2ui.changes[col.field] != null ? w2utils.stripTags(rec.w2ui.changes[col.field]) : w2utils.stripTags(rec[col.field]));
if (val == null) val = '';
var old_value = (typeof val != 'object' ? val : '');
if (edata.old_value != null) old_value = edata.old_value;
if (value != null) val = value;
var addStyle = (col.style != null ? col.style + ';' : '');
if (typeof col.render == 'string' && ['number', 'int', 'float', 'money', 'percent', 'size'].indexOf(col.render.split(':')[0]) != -1) {
addStyle += 'text-align: right;';
}
// normalize items
if (edit.items.length > 0 && !$.isPlainObject(edit.items[0])) {
edit.items = w2obj.field.prototype.normMenu(edit.items);
}
switch (edit.type) {
case 'select':
var html = '';
for (var i = 0; i < edit.items.length; i++) {
html += '';
}
el.addClass('w2ui-editable')
.html('' + edit.outTag);
setTimeout(function () {
el.find('select')
.on('change', function (event) {
delete obj.last.move;
})
.on('blur', function (event) {
if ($(this).data('keep-open') == true) return;
obj.editChange.call(obj, this, index, column, event);
});
}, 10);
break;
case 'div':
var $tmp = tr.find('[col='+ column +'] > div');
var font = 'font-family: '+ $tmp.css('font-family') + '; font-size: '+ $tmp.css('font-size') + ';';
el.addClass('w2ui-editable')
.html('' + edit.outTag);
if (value == null) el.find('div.w2ui-input').text(typeof val != 'object' ? val : '');
// add blur listener
var input = el.find('div.w2ui-input').get(0);
setTimeout(function () {
var tmp = input;
$(tmp).on('blur', function (event) {
if ($(this).data('keep-open') == true) return;
obj.editChange.call(obj, tmp, index, column, event);
});
}, 10);
if (value != null) $(input).text(typeof val != 'object' ? val : '');
break;
default:
var $tmp = tr.find('[col='+ column +'] > div');
var font = 'font-family: '+ $tmp.css('font-family') + '; font-size: '+ $tmp.css('font-size');
el.addClass('w2ui-editable')
.html('' + edit.outTag);
// issue #499
if (edit.type == 'number') {
val = w2utils.formatNumber(val);
}
if (edit.type == 'date') {
val = w2utils.formatDate(w2utils.isDate(val, edit.format, true), edit.format);
}
if (value == null) el.find('input').val(typeof val != 'object' ? val : '');
// init w2field
var input = el.find('input').get(0);
$(input).w2field(edit.type, $.extend(edit, { selected: val }));
// add blur listener
setTimeout(function () {
var tmp = input;
if (edit.type == 'list') {
tmp = $($(input).data('w2field').helpers.focus).find('input');
if (typeof val != 'object' && val != '') tmp.val(val).css({ opacity: 1 }).prev().css({ opacity: 1 });
el.find('input').on('change', function (event) {
obj.editChange.call(obj, input, index, column, event);
});
}
$(tmp).on('blur', function (event) {
if ($(this).data('keep-open') == true) return;
obj.editChange.call(obj, input, index, column, event);
});
}, 10);
if (value != null) $(input).val(typeof val != 'object' ? val : '');
}
setTimeout(function () {
el.find('input, select, div.w2ui-input')
.data('old_value', old_value)
.on('mousedown', function (event) {
event.stopPropagation();
})
.on('click', function (event) {
if (edit.type == 'div') {
expand.call(el.find('div.w2ui-input')[0], null);
} else {
expand.call(el.find('input, select')[0], null);
}
})
.on('paste', function (event) {
// clean paste to be plain text
var e = event.originalEvent;
event.preventDefault();
var text = e.clipboardData.getData("text/plain");
document.execCommand("insertHTML", false, text);
})
.on('keydown', function (event) {
var el = this;
var val = (el.tagName.toUpperCase() == 'DIV' ? $(el).text() : $(el).val());
switch (event.keyCode) {
case 8: // backspace;
if (edit.type == 'list' && !$(input).data('w2field')) { // cancel backspace when deleting element
event.preventDefault();
}
break;
case 9:
case 13:
event.preventDefault();
break;
case 37:
if (w2utils.getCursorPosition(el) === 0) {
event.preventDefault();
}
break;
case 39:
if (w2utils.getCursorPosition(el) == val.length) {
w2utils.setCursorPosition(el, val.length);
event.preventDefault();
}
break;
}
// need timeout so, this handler is executed last
setTimeout(function () {
switch (event.keyCode) {
case 9: // tab
var next_rec = recid;
var next_col = event.shiftKey ? obj.prevCell(index, column, true) : obj.nextCell(index, column, true);
// next or prev row
if (next_col == null) {
var tmp = event.shiftKey ? obj.prevRow(index, column) : obj.nextRow(index, column);
if (tmp != null && tmp != index) {
next_rec = obj.records[tmp].recid;
// find first editable row
for (var c = 0; c < obj.columns.length; c++) {
var edit = obj.getCellEditable(index, c);
if (edit != null && ['checkbox', 'check'].indexOf(edit.type) == -1) {
next_col = parseInt(c);
if (!event.shiftKey) break;
}
}
}
}
if (next_rec === false) next_rec = recid;
if (next_col == null) next_col = column;
// init new or same record
el.blur();
setTimeout(function () {
if (obj.selectType != 'row') {
obj.selectNone();
obj.select({ recid: next_rec, column: next_col });
} else {
obj.editField(next_rec, next_col, null, event);
}
}, 1);
if (event.preventDefault) event.preventDefault();
break;
case 13: // enter
el.blur();
var next = event.shiftKey ? obj.prevRow(index, column) : obj.nextRow(index, column);
if (next != null && next != index) {
setTimeout(function () {
if (obj.selectType != 'row') {
obj.selectNone();
obj.select({ recid: obj.records[next].recid, column: column });
} else {
obj.editField(obj.records[next].recid, column, null, event);
}
}, 1);
}
if (el.tagName.toUpperCase() == 'DIV') {
event.preventDefault();
}
break;
case 27: // escape
var old = obj.parseField(rec, col.field);
if (rec.w2ui && rec.w2ui.changes && rec.w2ui.changes[col.field] != null) old = rec.w2ui.changes[col.field];
if ($(el).data('old_value') != null) old = $(el).data('old_value');
if (el.tagName.toUpperCase() == 'DIV') {
$(el).text(old != null ? old : '');
} else {
el.value = old != null ? old : '';
}
el.blur();
setTimeout(function () { obj.select({ recid: recid, column: column }); }, 1);
break;
}
// if input too small - expand
expand.call(el, event);
}, 1);
})
.on('keyup', function (event) {
expand.call(this, event);
});
// focus and select
setTimeout(function () {
var tmp = el.find('.w2ui-input');
var len = $(tmp).val().length;
if (edit.type == 'div') len = $(tmp).text().length;
if (tmp.length > 0) {
tmp.focus();
clearTimeout(obj.last.kbd_timer); // keep focus
if (tmp[0].tagName != 'SELECT') w2utils.setCursorPosition(tmp[0], len);
tmp[0].resize = expand;
expand.call(tmp[0], null);
}
}, 50);
// event after
obj.trigger($.extend(edata, { phase: 'after', input: el.find('input, select, div.w2ui-input') }));
}, 5); // needs to be 5-10
return;
function expand(event) {
try {
var val = (this.tagName.toUpperCase() == 'DIV' ? $(this).text() : this.value);
var $sel = $('#grid_'+ obj.name + '_editable');
var style = 'font-family: '+ $(this).css('font-family') + '; font-size: '+ $(this).css('font-size') + '; white-space: pre;';
var width = w2utils.getStrWidth(val, style);
if (width + 20 > $sel.width()) {
$sel.width(width + 20);
}
} catch (e) {
}
}
},
editChange: function (el, index, column, event) {
var obj = this;
// keep focus
setTimeout(function () {
var $input = $(obj.box).find('#grid_'+ obj.name + '_focus');
if (!$input.is(':focus')) $input.focus();
}, 10);
// all other fields
var summary = index < 0;
index = index < 0 ? -index - 1 : index;
var records = summary ? this.summary : this.records;
var rec = records[index];
var col = this.columns[column];
var tr = $('#grid_'+ this.name + (col.frozen === true ? '_frec_' : '_rec_') + w2utils.escapeId(rec.recid));
var new_val = (el.tagName && el.tagName.toUpperCase() == 'DIV' ? $(el).text() : el.value);
var old_val = this.parseField(rec, col.field);
var tmp = $(el).data('w2field');
if (tmp) {
if (tmp.type == 'list') new_val = $(el).data('selected');
if ($.isEmptyObject(new_val) || new_val == null) new_val = '';
if (!$.isPlainObject(new_val)) new_val = tmp.clean(new_val);
}
if (el.type == 'checkbox') {
if (rec.w2ui && rec.w2ui.editable === false) el.checked = !el.checked;
new_val = el.checked;
}
// change/restore event
var edata = {
phase: 'before', type: 'change', target: this.name, input_id: el.id, recid: rec.recid, index: index, column: column,
originalEvent: (event.originalEvent ? event.originalEvent : event),
value_new: new_val,
value_previous: (rec.w2ui && rec.w2ui.changes && rec.w2ui.changes.hasOwnProperty(col.field) ? rec.w2ui.changes[col.field]: old_val),
value_original: old_val
};
if ($(event.target).data('old_value') != null) edata.value_previous = $(event.target).data('old_value');
// if (old_val == null) old_val = ''; -- do not uncomment, error otherwise
while (true) {
new_val = edata.value_new;
if ((typeof new_val != 'object' && String(old_val) != String(new_val)) ||
(typeof new_val == 'object' && new_val.id != old_val && (typeof old_val != 'object' || old_val == null || new_val.id != old_val.id))) {
// change event
edata = this.trigger($.extend(edata, { type: 'change', phase: 'before' }));
if (edata.isCancelled !== true) {
if (new_val !== edata.value_new) {
// re-evaluate the type of change to be made
continue;
}
// default action
rec.w2ui = rec.w2ui || {};
rec.w2ui.changes = rec.w2ui.changes || {};
rec.w2ui.changes[col.field] = edata.value_new;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
} else {
// restore event
edata = this.trigger($.extend(edata, { type: 'restore', phase: 'before' }));
if (edata.isCancelled !== true) {
if (new_val !== edata.value_new) {
// re-evaluate the type of change to be made
continue;
}
// default action
if (rec.w2ui && rec.w2ui.changes) delete rec.w2ui.changes[col.field];
if (rec.w2ui && $.isEmptyObject(rec.w2ui.changes)) delete rec.w2ui.changes;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
}
break;
}
// refresh cell
var cell = $(tr).find('[col='+ column +']');
if (!summary) {
if (rec.w2ui && rec.w2ui.changes && rec.w2ui.changes[col.field] != null) {
cell.addClass('w2ui-changed');
} else {
cell.removeClass('w2ui-changed');
}
// update cell data
cell.replaceWith(this.getCellHTML(index, column, summary));
}
// remove
$(this.box).find('div.w2ui-edit-box').remove();
// enable/disable toolbar search button
if (this.show.toolbarSave) {
if (this.getChanges().length > 0) this.toolbar.enable('w2ui-save'); else this.toolbar.disable('w2ui-save');
}
},
"delete": function (force) {
var time = (new Date()).getTime();
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', target: this.name, type: 'delete', force: force });
if (edata.isCancelled === true) return;
force = edata.force;
// hide all tooltips
setTimeout(function () { $().w2tag(); }, 20);
// default action
var recs = this.getSelection();
if (recs.length === 0) return;
if (this.msgDelete != '' && !force) {
this.message({
width : 350,
height : 170,
body : '' + w2utils.lang(obj.msgDelete) + '
',
buttons : ''+
'',
onOpen: function (event) {
var inputs = $(this.box).find('input, textarea, select, button');
inputs.off('.message')
.on('blur.message', function (evt) {
// last input
if (inputs.index(evt.target) + 1 === inputs.length) {
inputs.get(0).focus();
evt.preventDefault();
}
})
.on('keydown.message', function (evt) {
if (evt.keyCode == 27) obj.message(); // esc
});
setTimeout(function () {
$(this.box).find('.w2ui-btn:last-child').focus();
clearTimeout(obj.last.kbd_timer);
}, 25);
}
});
return;
}
this.message(); // hides confirmation message
// call delete script
var url = (typeof this.url != 'object' ? this.url : this.url.remove);
if (url) {
this.request('delete');
} else {
if (typeof recs[0] != 'object') {
this.selectNone();
this.remove.apply(this, recs);
} else {
// clear cells
for (var r = 0; r < recs.length; r++) {
var fld = this.columns[recs[r].column].field;
var ind = this.get(recs[r].recid, true);
var rec = this.records[ind];
if (ind != null && fld != 'recid') {
this.records[ind][fld] = '';
if (rec.w2ui && rec.w2ui.changes) delete rec.w2ui.changes[fld];
// -- style should not be deleted
// if (rec.style != null && $.isPlainObject(rec.style) && rec.style[recs[r].column]) {
// delete rec.style[recs[r].column];
// }
}
}
this.update();
}
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
click: function (recid, event) {
var time = (new Date()).getTime();
var column = null;
var obj = this;
if (this.last.cancelClick == true || (event && event.altKey)) return;
if (typeof recid == 'object') {
column = recid.column;
recid = recid.recid;
}
if (event == null) event = {};
// check for double click
if (time - parseInt(this.last.click_time) < 350 && this.last.click_recid == recid && event.type == 'click') {
this.dblClick(recid, event);
return;
}
// hide bubble
if (this.last.bubbleEl) {
$(this.last.bubbleEl).w2tag();
this.last.bubbleEl = null;
}
this.last.click_time = time;
var last_recid = this.last.click_recid;
this.last.click_recid = recid;
// column user clicked on
if (column == null && event.target) {
var tmp = event.target;
if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];
if ($(tmp).attr('col') != null) column = parseInt($(tmp).attr('col'));
}
// event before
var edata = this.trigger({ phase: 'before', target: this.name, type: 'click', recid: recid, column: column, originalEvent: event });
if (edata.isCancelled === true) return;
// default action
var obj = this;
var sel = this.getSelection();
$('#grid_'+ this.name +'_check_all').prop("checked", false);
var ind = this.get(recid, true);
var record = this.records[ind];
var selectColumns = [];
obj.last.sel_ind = ind;
obj.last.sel_col = column;
obj.last.sel_recid = recid;
obj.last.sel_type = 'click';
// multi select with shif key
if (event.shiftKey && sel.length > 0 && obj.multiSelect) {
if (sel[0].recid) {
var start = this.get(sel[0].recid, true);
var end = this.get(recid, true);
if (column > sel[0].column) {
var t1 = sel[0].column;
var t2 = column;
} else {
var t1 = column;
var t2 = sel[0].column;
}
for (var c = t1; c <= t2; c++) selectColumns.push(c);
} else {
var start = this.get(last_recid, true);
var end = this.get(recid, true);
}
var sel_add = [];
if (start > end) { var tmp = start; start = end; end = tmp; }
var url = (typeof this.url != 'object' ? this.url : this.url.get);
for (var i = start; i <= end; i++) {
if (this.searchData.length > 0 && !url && $.inArray(i, this.last.searchIds) == -1) continue;
if (this.selectType == 'row') {
sel_add.push(this.records[i].recid);
} else {
for (var sc = 0; sc < selectColumns.length; sc++) {
sel_add.push({ recid: this.records[i].recid, column: selectColumns[sc] });
}
}
//sel.push(this.records[i].recid);
}
this.select.apply(this, sel_add);
} else {
var last = this.last.selection;
var flag = (last.indexes.indexOf(ind) != -1 ? true : false);
var fselect = false;
// if clicked on the checkbox
if ($(event.target).parents('td').hasClass('w2ui-col-select')) fselect = true;
// clear other if necessary
if (((!event.ctrlKey && !event.shiftKey && !event.metaKey && !fselect) || !this.multiSelect) && !this.showSelectColumn) {
if (this.selectType != 'row' && $.inArray(column, last.columns[ind]) == -1) flag = false;
if (sel.length > 300) this.selectNone(); else this.unselect.apply(this, sel);
if (flag === true && sel.length == 1) {
this.unselect({ recid: recid, column: column });
} else {
this.select({ recid: recid, column: column });
}
} else {
if (this.selectType != 'row' && $.inArray(column, last.columns[ind]) == -1) flag = false;
if (flag === true) {
this.unselect({ recid: recid, column: column });
} else {
this.select({ recid: recid, column: column });
}
}
}
this.status();
obj.initResize();
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
columnClick: function (field, event) {
// event before
var edata = this.trigger({ phase: 'before', type: 'columnClick', target: this.name, field: field, originalEvent: event });
if (edata.isCancelled === true) return;
// default behaviour
if (this.selectType == 'row') {
var column = this.getColumn(field);
if (column && column.sortable) this.sort(field, null, (event && (event.ctrlKey || event.metaKey) ? true : false) );
if (edata.field == 'line-number') {
if (this.getSelection().length >= this.records.length) {
this.selectNone();
} else {
this.selectAll();
}
}
} else {
// select entire column
if (edata.field == 'line-number') {
if (this.getSelection().length >= this.records.length) {
this.selectNone();
} else {
this.selectAll();
}
} else {
if (!event.shiftKey && !event.metaKey && !event.ctrlKey) {
this.selectNone();
}
var tmp = this.getSelection();
var column = this.getColumn(edata.field, true);
var sel = [];
var cols = [];
// check if there was a selection before
if (tmp.length != 0 && event.shiftKey) {
var start = column;
var end = tmp[0].column;
if (start > end) {
start = tmp[0].column;
end = column;
}
for (var i=start; i<=end; i++) cols.push(i);
} else {
cols.push(column);
}
var edata = this.trigger({ phase: 'before', type: 'columnSelect', target: this.name, columns: cols });
if (edata.isCancelled !== true) {
for (var i = 0; i < this.records.length; i++) {
sel.push({ recid: this.records[i].recid, column: cols });
}
this.select.apply(this, sel);
}
this.trigger($.extend(edata, { phase: 'after' }));
}
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
columnDblClick: function (field, event) {
// event before
var edata = this.trigger({ phase: 'before', type: 'columnDblClick', target: this.name, field: field, originalEvent: event });
if (edata.isCancelled === true) return;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
focus: function (event) {
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'focus', target: this.name, originalEvent: event });
if (edata.isCancelled === true) return false;
// default behaviour
this.hasFocus = true;
$(this.box).find('.w2ui-inactive').removeClass('w2ui-inactive');
setTimeout(function () {
var $input = $(obj.box).find('#grid_'+ obj.name + '_focus');
if (!$input.is(':focus')) $input.focus();
}, 10);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
blur: function (event) {
// event before
var edata = this.trigger({ phase: 'before', type: 'blur', target: this.name, originalEvent: event });
if (edata.isCancelled === true) return false;
// default behaviour
this.hasFocus = false;
$(this.box).find('.w2ui-selected').addClass('w2ui-inactive');
$(this.box).find('.w2ui-selection').addClass('w2ui-inactive');
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
keydown: function (event) {
// this method is called from w2utils
var obj = this;
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (obj.keyboard !== true) return;
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'keydown', target: obj.name, originalEvent: event });
if (edata.isCancelled === true) return;
// default behavior
if ($(this.box).find('>.w2ui-message').length > 0) {
// if there are messages
if (event.keyCode == 27) this.message();
return
}
var empty = false;
var records = $('#grid_'+ obj.name +'_records');
var sel = obj.getSelection();
if (sel.length === 0) empty = true;
var recid = sel[0] || null;
var columns = [];
var recid2 = sel[sel.length-1];
if (typeof recid == 'object' && recid != null) {
recid = sel[0].recid;
columns = [];
var ii = 0;
while (true) {
if (!sel[ii] || sel[ii].recid != recid) break;
columns.push(sel[ii].column);
ii++;
}
recid2 = sel[sel.length-1].recid;
}
var ind = obj.get(recid, true);
var ind2 = obj.get(recid2, true);
var rec = obj.get(recid);
var recEL = $('#grid_'+ obj.name +'_rec_'+ (ind != null ? w2utils.escapeId(obj.records[ind].recid) : 'none'));
var cancel = false;
var key = event.keyCode;
var shiftKey = event.shiftKey;
switch (key) {
case 8: // backspace
case 46: // delete
if (this.show.toolbarDelete || this.onDelete) obj["delete"]();
cancel = true;
event.stopPropagation();
break;
case 27: // escape
obj.selectNone();
cancel = true;
break;
case 65: // cmd + A
if (!event.metaKey && !event.ctrlKey) break;
obj.selectAll();
cancel = true;
break;
case 13: // enter
// if expandable columns - expand it
if (this.selectType == 'row' && obj.show.expandColumn === true) {
if (recEL.length <= 0) break;
obj.toggle(recid, event);
cancel = true;
} else { // or enter edit
for (var c = 0; c < this.columns.length; c++) {
var edit = this.getCellEditable(ind, c);
if (edit) {
columns.push(parseInt(c));
break;
}
}
// edit last column that was edited
if (this.selectType == 'row' && this.last.edit_col) columns = [this.last.edit_col];
if (columns.length > 0) {
obj.editField(recid, columns[0], null, event);
cancel = true;
}
}
break;
case 37: // left
if (empty) { // no selection
selectTopRecord();
break;
}
if (this.selectType == 'row') {
if (recEL.length <= 0) break;
var tmp = this.records[ind].w2ui || {};
if (tmp && tmp.parent_recid != null && (!Array.isArray(tmp.children) || tmp.children.length === 0 || !tmp.expanded)) {
obj.unselect(recid);
obj.collapse(tmp.parent_recid, event);
obj.select(tmp.parent_recid);
} else {
obj.collapse(recid, event);
}
} else {
var prev = obj.prevCell(ind, columns[0]);
if (!shiftKey && prev == null) {
this.selectNone();
prev = 0;
}
if (prev != null) {
if (shiftKey && obj.multiSelect) {
if (tmpUnselect()) return;
var tmp = [];
var newSel = [];
var unSel = [];
if (columns.indexOf(this.last.sel_col) === 0 && columns.length > 1) {
for (var i = 0; i < sel.length; i++) {
if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);
unSel.push({ recid: sel[i].recid, column: columns[columns.length-1] });
}
obj.unselect.apply(obj, unSel);
obj.scrollIntoView(ind, columns[columns.length-1], true);
} else {
for (var i = 0; i < sel.length; i++) {
if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);
newSel.push({ recid: sel[i].recid, column: prev });
}
obj.select.apply(obj, newSel);
obj.scrollIntoView(ind, prev, true);
}
} else {
event.metaKey = false;
obj.click({ recid: recid, column: prev }, event);
obj.scrollIntoView(ind, prev, true);
}
} else {
// if selected more then one, then select first
if (!shiftKey) {
if (sel.length > 1) {
obj.selectNone();
} else {
for (var s = 1; s < sel.length; s++) obj.unselect(sel[s]);
}
}
}
}
cancel = true;
break;
case 39: // right
if (empty) {
selectTopRecord();
break;
}
if (this.selectType == 'row') {
if (recEL.length <= 0) break;
obj.expand(recid, event);
} else {
var next = obj.nextCell(ind, columns[columns.length-1]); // columns is an array of selected columns
if (!shiftKey && next == null) {
this.selectNone();
next = this.columns.length-1;
}
if (next != null) {
if (shiftKey && key == 39 && obj.multiSelect) {
if (tmpUnselect()) return;
var tmp = [];
var newSel = [];
var unSel = [];
if (columns.indexOf(this.last.sel_col) == columns.length-1 && columns.length > 1) {
for (var i = 0; i < sel.length; i++) {
if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);
unSel.push({ recid: sel[i].recid, column: columns[0] });
}
obj.unselect.apply(obj, unSel);
obj.scrollIntoView(ind, columns[0], true);
} else {
for (var i = 0; i < sel.length; i++) {
if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);
newSel.push({ recid: sel[i].recid, column: next });
}
obj.select.apply(obj, newSel);
obj.scrollIntoView(ind, next, true);
}
} else {
event.metaKey = false;
obj.click({ recid: recid, column: next }, event);
obj.scrollIntoView(ind, next, true);
}
} else {
// if selected more then one, then select first
if (!shiftKey) {
if (sel.length > 1) {
obj.selectNone();
} else {
for (var s = 0; s < sel.length-1; s++) obj.unselect(sel[s]);
}
}
}
}
cancel = true;
break;
case 38: // up
if (empty) selectTopRecord();
if (recEL.length <= 0) break;
// move to the previous record
var prev = obj.prevRow(ind, columns[0]);
if (!shiftKey && prev == null) {
if (this.searchData.length != 0 && !url) {
prev = this.last.searchIds[0];
} else {
prev = 0;
}
}
if (prev != null) {
if (shiftKey && obj.multiSelect) { // expand selection
if (tmpUnselect()) return;
if (obj.selectType == 'row') {
if (obj.last.sel_ind > prev && obj.last.sel_ind != ind2) {
obj.unselect(obj.records[ind2].recid);
} else {
obj.select(obj.records[prev].recid);
}
} else {
if (obj.last.sel_ind > prev && obj.last.sel_ind != ind2) {
prev = ind2;
var tmp = [];
for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[prev].recid, column: columns[c] });
obj.unselect.apply(obj, tmp);
} else {
var tmp = [];
for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[prev].recid, column: columns[c] });
obj.select.apply(obj, tmp);
}
}
} else { // move selected record
if (sel.length > 300) this.selectNone(); else this.unselect.apply(this, sel);
obj.click({ recid: obj.records[prev].recid, column: columns[0] }, event);
}
obj.scrollIntoView(prev);
if (event.preventDefault) event.preventDefault();
} else {
// if selected more then one, then select first
if (!shiftKey) {
if (sel.length > 1) {
obj.selectNone();
} else {
for (var s = 1; s < sel.length; s++) obj.unselect(sel[s]);
}
}
}
break;
case 40: // down
if (empty) selectTopRecord();
if (recEL.length <= 0) break;
// move to the next record
var next = obj.nextRow(ind2, columns[0]);
if (!shiftKey && next == null) {
if (this.searchData.length != 0 && !url) {
next = this.last.searchIds[this.last.searchIds.length - 1];
} else {
next = this.records.length - 1;
}
}
if (next != null) {
if (shiftKey && obj.multiSelect) { // expand selection
if (tmpUnselect()) return;
if (obj.selectType == 'row') {
if (this.last.sel_ind < next && this.last.sel_ind != ind) {
obj.unselect(obj.records[ind].recid);
} else {
obj.select(obj.records[next].recid);
}
} else {
if (this.last.sel_ind < next && this.last.sel_ind != ind) {
next = ind;
var tmp = [];
for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[next].recid, column: columns[c] });
obj.unselect.apply(obj, tmp);
} else {
var tmp = [];
for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[next].recid, column: columns[c] });
obj.select.apply(obj, tmp);
}
}
} else { // move selected record
if (sel.length > 300) this.selectNone(); else this.unselect.apply(this, sel);
obj.click({ recid: obj.records[next].recid, column: columns[0] }, event);
}
obj.scrollIntoView(next);
cancel = true;
} else {
// if selected more then one, then select first
if (!shiftKey) {
if (sel.length > 1) {
obj.selectNone();
} else {
for (var s = 0; s < sel.length-1; s++) obj.unselect(sel[s]);
}
}
}
break;
// copy & paste
case 17: // ctrl key
case 91: // cmd key
// SLOW: 10k records take 7.0
if (empty) break;
// in Safari need to copy to buffer on cmd or ctrl key (otherwise does not work)
if (obj.last.isSafari) {
obj.last.copy_event = obj.copy(false, event);
$('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();
}
break;
case 67: // - c
// this fill trigger event.onComplete
if (event.metaKey || event.ctrlKey) {
if (obj.last.isSafari) {
obj.copy(obj.last.copy_event, event);
} else {
obj.last.copy_event = obj.copy(false, event);
$('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();
obj.copy(obj.last.copy_event, event);
}
}
break;
case 88: // x - cut
if (empty) break;
if (event.ctrlKey || event.metaKey) {
if (obj.last.isSafari) {
obj.copy(obj.last.copy_event, event);
} else {
obj.last.copy_event = obj.copy(false, event);
$('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();
obj.copy(obj.last.copy_event, event);
}
// clear
setTimeout(function () { obj["delete"](true); }, 100);
}
break;
}
var tmp = [32, 187, 189, 192, 219, 220, 221, 186, 222, 188, 190, 191]; // other typable chars
for (var i=48; i<=111; i++) tmp.push(i); // 0-9,a-z,A-Z,numpad
if (tmp.indexOf(key) != -1 && !event.ctrlKey && !event.metaKey && !cancel) {
if (columns.length === 0) columns.push(0);
cancel = false;
// move typed key into edit
setTimeout(function () {
var focus = $('#grid_'+ obj.name + '_focus');
var key = focus.val();
focus.val('');
obj.editField(recid, columns[0], key, event);
}, 1);
}
if (cancel) { // cancel default behaviour
if (event.preventDefault) event.preventDefault();
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
function selectTopRecord() {
var ind = Math.floor(records[0].scrollTop / obj.recordHeight) + 1;
if (!obj.records[ind] || ind < 2) ind = 0;
obj.select({ recid: obj.records[ind].recid, column: 0});
}
function tmpUnselect () {
if (obj.last.sel_type != 'click') return false;
if (obj.selectType != 'row') {
obj.last.sel_type = 'key';
if (sel.length > 1) {
for (var s = 0; s < sel.length; s++) {
if (sel[s].recid == obj.last.sel_recid && sel[s].column == obj.last.sel_col) {
sel.splice(s, 1);
break;
}
}
obj.unselect.apply(obj, sel);
return true;
}
return false;
} else {
obj.last.sel_type = 'key';
if (sel.length > 1) {
sel.splice(sel.indexOf(obj.records[obj.last.sel_ind].recid), 1);
obj.unselect.apply(obj, sel);
return true;
}
return false;
}
}
},
scrollIntoView: function (ind, column, instant) {
var buffered = this.records.length;
if (this.searchData.length != 0 && !this.url) buffered = this.last.searchIds.length;
if (buffered === 0) return;
if (ind == null) {
var sel = this.getSelection();
if (sel.length === 0) return;
if ($.isPlainObject(sel[0])) {
ind = sel[0].index;
column = sel[0].column;
} else {
ind = this.get(sel[0], true);
}
}
var records = $('#grid_'+ this.name +'_records');
// if all records in view
var len = this.last.searchIds.length;
if (len > 0) ind = this.last.searchIds.indexOf(ind); // if search is applied
// vertical
if (records.height() < this.recordHeight * (len > 0 ? len : buffered) && records.length > 0) {
// scroll to correct one
var t1 = Math.floor(records[0].scrollTop / this.recordHeight);
var t2 = t1 + Math.floor(records.height() / this.recordHeight);
if (ind == t1) {
if (instant === true) {
records.prop({ 'scrollTop': records.scrollTop() - records.height() / 1.3 });
} else {
records.stop();
records.animate({ 'scrollTop': records.scrollTop() - records.height() / 1.3 }, 250, 'linear');
}
}
if (ind == t2) {
if (instant === true) {
records.prop({ 'scrollTop': records.scrollTop() + records.height() / 1.3 });
} else {
records.stop();
records.animate({ 'scrollTop': records.scrollTop() + records.height() / 1.3 }, 250, 'linear');
}
}
if (ind < t1 || ind > t2) {
if (instant === true) {
records.prop({ 'scrollTop': (ind - 1) * this.recordHeight });
} else {
records.stop();
records.animate({ 'scrollTop': (ind - 1) * this.recordHeight }, 250, 'linear');
}
}
}
// horizontal
if (column != null) {
var x1 = 0;
var x2 = 0;
var sb = w2utils.scrollBarSize();
for (var i = 0; i <= column; i++) {
var col = this.columns[i];
if (col.frozen || col.hidden) continue;
x1 = x2;
x2 += parseInt(col.sizeCalculated);
}
if (records.width() < x2 - records.scrollLeft()) { // right
if (instant === true) {
records.prop({ 'scrollLeft': x1 - sb });
} else {
records.animate({ 'scrollLeft': x1 - sb }, 250, 'linear');
}
} else if (x1 < records.scrollLeft()) { // left
if (instant === true) {
records.prop({ 'scrollLeft': x2 - records.width() + sb * 2 });
} else {
records.animate({ 'scrollLeft': x2 - records.width() + sb * 2 }, 250, 'linear');
}
}
}
},
dblClick: function (recid, event) {
// find columns
var column = null;
if (typeof recid == 'object') {
column = recid.column;
recid = recid.recid;
}
if (event == null) event = {};
// column user clicked on
if (column == null && event.target) {
var tmp = event.target;
if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];
column = parseInt($(tmp).attr('col'));
}
var index = this.get(recid, true);
var rec = this.records[index];
// event before
var edata = this.trigger({ phase: 'before', target: this.name, type: 'dblClick', recid: recid, column: column, originalEvent: event });
if (edata.isCancelled === true) return;
// default action
this.selectNone();
var edit = this.getCellEditable(index, column);
if (edit) {
this.editField(recid, column, null, event);
} else {
this.select({ recid: recid, column: column });
if (this.show.expandColumn || (rec.w2ui && Array.isArray(rec.w2ui.children))) this.toggle(recid);
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
contextMenu: function (recid, column, event) {
var obj = this;
if (obj.last.userSelect == 'text') return;
if (event == null) event = { offsetX: 0, offsetY: 0, target: $('#grid_'+ obj.name +'_rec_'+ recid)[0] };
if (event.offsetX == null) {
event.offsetX = event.layerX - event.target.offsetLeft;
event.offsetY = event.layerY - event.target.offsetTop;
}
if (w2utils.isFloat(recid)) recid = parseFloat(recid);
var sel = this.getSelection();
if (this.selectType == 'row') {
if (sel.indexOf(recid) == -1) obj.click(recid);
} else {
var $tmp = $(event.target);
if ($tmp[0].tagName.toUpperCase() != 'TD') $tmp = $(event.target).parents('td');
var selected = false;
column = $tmp.attr('col');
// check if any selected sel in the right row/column
for (var i=0; i'+
recHTML[0] +
'
'+
'' +
recHTML[1] +
'
'+
''+
// Columns need to be after to be able to overlap
''+
' '+ colHTML[0] +'
'+
'
'+
''+
' '+ colHTML[1] +'
'+
'
';
$('#grid_'+ this.name +'_body').html(bodyHTML);
if (this.records.length === 0 && this.msgEmpty) {
$('#grid_'+ this.name +'_body')
.append(''+ this.msgEmpty +'
'+
' '+
' '+
' '+
' '+
' '+
' '+
' '+
'
');
if (this.selectType != 'row') $(this.box).addClass('w2ui-ss');
if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;
// init toolbar
this.initToolbar();
if (this.toolbar != null) this.toolbar.render($('#grid_'+ this.name +'_toolbar')[0]);
// reinit search_all
if (this.last.field && this.last.field != 'all') {
var sd = this.searchData;
setTimeout(function () { obj.initAllField(obj.last.field, (sd.length == 1 ? sd[0].value : null)); }, 1);
}
// init footer
$('#grid_'+ this.name +'_footer').html(this.getFooterHTML());
// refresh
if (!this.last.state) this.last.state = this.stateSave(true); // initial default state
this.stateRestore();
if (url) this.refresh(); // show empty grid (need it) - should it be only for remote data source
// if hidden searches - apply it
var hasHiddenSearches = false;
for (var i = 0; i < this.searches.length; i++) {
if (this.searches[i].hidden) { hasHiddenSearches = true; break; }
}
if (hasHiddenSearches) {
this.searchReset(false); // will call reload
if (!url) setTimeout(function () { obj.searchReset(); }, 1);
} else {
this.reload();
}
// focus
$(this.box).find('#grid_'+ this.name + '_focus')
.on('focus', function (event) {
clearTimeout(obj.last.kbd_timer);
if (!obj.hasFocus) obj.focus();
})
.on('blur', function (event) {
clearTimeout(obj.last.kbd_timer);
obj.last.kbd_timer = setTimeout(function () {
if (obj.hasFocus) { obj.blur(); }
}, 100); // need this timer to be 100 ms
})
.on('paste', function (event) {
var el = this;
setTimeout(function () { w2ui[obj.name].paste(el.value); el.value = ''; }, 1)
})
.on('keydown', function (event) {
w2ui[obj.name].keydown.call(w2ui[obj.name], event);
});
// init mouse events for mouse selection
var edataCol; // event for column select
$(this.box).on('mousedown', mouseStart);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
// attach to resize event
if ($('.w2ui-layout').length === 0) { // if there is layout, it will send a resize event
$(window).off('resize.w2ui-'+ this.name)
.on('resize.w2ui-'+ this.name, function (event) {
w2ui[obj.name].resize();
});
}
return (new Date()).getTime() - time;
function mouseStart (event) {
if (event.which != 1) return; // if not left mouse button
// restore css user-select
if (obj.last.userSelect == 'text') {
delete obj.last.userSelect;
$(obj.box).find('.w2ui-grid-body').css(w2utils.cssPrefix('user-select', 'none'));
}
// regular record select
if (obj.selectType == 'row' && ($(event.target).parents().hasClass('w2ui-head') || $(event.target).hasClass('w2ui-head'))) return;
if (obj.last.move && obj.last.move.type == 'expand') return;
// if altKey - alow text selection
if (event.altKey) {
$(obj.box).find('.w2ui-grid-body').css(w2utils.cssPrefix('user-select', 'text'));
obj.selectNone();
obj.last.move = { type: 'text-select' };
obj.last.userSelect = 'text';
} else if (obj.multiSelect || obj.reorderRows) {
var tmp = event.target;
var pos = {
x: event.offsetX - 10,
y: event.offsetY - 10
}
var tmps = false;
while (tmp) {
if (tmp.classList && tmp.classList.contains('w2ui-grid')) break;
if (tmp.tagName && tmp.tagName.toUpperCase() == 'TD') tmps = true;
if (tmp.tagName && tmp.tagName.toUpperCase() != 'TR' && tmps == true) {
pos.x += tmp.offsetLeft;
pos.y += tmp.offsetTop;
}
tmp = tmp.parentNode;
}
obj.last.move = {
x : event.screenX,
y : event.screenY,
divX : 0,
divY : 0,
focusX : pos.x,
focusY : pos.y,
recid : $(event.target).parents('tr').attr('recid'),
column : parseInt(event.target.tagName.toUpperCase() == 'TD' ? $(event.target).attr('col') : $(event.target).parents('td').attr('col')),
type : 'select',
ghost : false,
start : true
};
if (obj.last.move.recid == null) obj.last.move.type = 'select-column';
// set focus to grid
var target = event.target;
var $input = $(obj.box).find('#grid_'+ obj.name + '_focus');
// move input next to cursor so screen does not jump
if (obj.last.move) {
var sLeft = obj.last.move.focusX;
var sTop = obj.last.move.focusY;
var $owner = $(target).parents('table').parent();
if ($owner.hasClass('w2ui-grid-records') || $owner.hasClass('w2ui-grid-frecords')
|| $owner.hasClass('w2ui-grid-columns') || $owner.hasClass('w2ui-grid-fcolumns')
|| $owner.hasClass('w2ui-grid-summary')) {
sLeft = obj.last.move.focusX - $(obj.box).find('#grid_'+ obj.name +'_records').scrollLeft();
sTop = obj.last.move.focusY - $(obj.box).find('#grid_'+ obj.name +'_records').scrollTop();
}
if ($(target).hasClass('w2ui-grid-footer') || $(target).parents('div.w2ui-grid-footer').length > 0) {
sTop = $(obj.box).find('#grid_'+ obj.name +'_footer').position().top;
}
$input.css({
left: sLeft - 10,
top : sTop
});
}
// if toolbar input is clicked
setTimeout(function () {
if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(target.tagName.toUpperCase()) != -1) {
$(target).focus();
} else {
if (!$input.is(':focus')) $input.focus();
}
}, 50);
}
if (obj.reorderRows == true) {
var el = event.target;
if (el.tagName.toUpperCase() != 'TD') el = $(el).parents('td')[0];
if ($(el).hasClass('w2ui-col-number')) {
obj.selectNone();
obj.last.move.reorder = true;
// supress hover
var eColor = $(obj.box).find('.w2ui-even.w2ui-empty-record').css('background-color');
var oColor = $(obj.box).find('.w2ui-odd.w2ui-empty-record').css('background-color');
$(obj.box).find('.w2ui-even td').not('.w2ui-col-number').css('background-color', eColor);
$(obj.box).find('.w2ui-odd td').not('.w2ui-col-number').css('background-color', oColor);
// display empty record and ghost record
var mv = obj.last.move;
if (!mv.ghost) {
var row = $('#grid_'+ obj.name + '_rec_'+ mv.recid);
var tmp = row.parents('table').find('tr:first-child').clone();
mv.offsetY = event.offsetY;
mv.from = mv.recid;
mv.pos = row.position();
mv.ghost = $(row).clone(true);
mv.ghost.removeAttr('id');
row.find('td').remove();
row.append(''+
''+
'
";
this.toolbar.get('w2ui-column-on-off').html = col_html;
},
/**
*
* @param box, grid object
* @returns {{remove: Function}} contains a closure around all events to ensure they are removed from the dom
*/
initColumnDrag: function ( box ) {
//throw error if using column groups
if ( this.columnGroups && this.columnGroups.length ) throw 'Draggable columns are not currently supported with column groups.';
var obj = this,
_dragData = {};
_dragData.lastInt = null;
_dragData.pressed = false;
_dragData.timeout = null;_dragData.columnHead = null;
//attach original event listener
$(obj.box).on('mousedown', dragColStart);
$(obj.box).on('mouseup', catchMouseup);
function catchMouseup(){
_dragData.pressed = false;
clearTimeout( _dragData.timeout );
}
/**
*
* @param event, mousedown
* @returns {boolean} false, preventsDefault
*/
function dragColStart ( event ) {
if ( _dragData.timeout ) clearTimeout( _dragData.timeout );
var self = this;
_dragData.pressed = true;
_dragData.timeout = setTimeout(function(){
if ( !_dragData.pressed ) return;
var edata,
columns,
selectedCol,
origColumn,
origColumnNumber,
invalidPreColumns = [ 'w2ui-col-number', 'w2ui-col-expand', 'w2ui-col-select' ],
invalidPostColumns = [ 'w2ui-head-last' ],
invalidColumns = invalidPreColumns.concat( invalidPostColumns ),
preColumnsSelector = '.w2ui-col-number, .w2ui-col-expand, .w2ui-col-select',
preColHeadersSelector = '.w2ui-head.w2ui-col-number, .w2ui-head.w2ui-col-expand, .w2ui-head.w2ui-col-select';
// do nothing if it is not a header
if ( !$( event.originalEvent.target ).parents().hasClass( 'w2ui-head' ) ) return;
// do nothing if it is an invalid column
for ( var i = 0, l = invalidColumns.length; i < l; i++ ){
if ( $( event.originalEvent.target ).parents().hasClass( invalidColumns[ i ] ) ) return;
}
_dragData.numberPreColumnsPresent = $( obj.box ).find( preColHeadersSelector ).length;
//start event for drag start
_dragData.columnHead = origColumn = $( event.originalEvent.target ).parents( '.w2ui-head' );
origColumnNumber = parseInt( origColumn.attr( 'col' ), 10);
edata = obj.trigger({ type: 'columnDragStart', phase: 'before', originalEvent: event, origColumnNumber: origColumnNumber, target: origColumn[0] });
if ( edata.isCancelled === true ) return false;
columns = _dragData.columns = $( obj.box ).find( '.w2ui-head:not(.w2ui-head-last)' );
//add events
$( document ).on( 'mouseup', dragColEnd );
$( document ).on( 'mousemove', dragColOver );
_dragData.originalPos = parseInt( $( event.originalEvent.target ).parent( '.w2ui-head' ).attr( 'col' ), 10 );
//_dragData.columns.css({ overflow: 'visible' }).children( 'div' ).css({ overflow: 'visible' });
//configure and style ghost image
_dragData.ghost = $( self ).clone( true );
//hide other elements on ghost except the grid body
$( _dragData.ghost ).find( '[col]:not([col="' + _dragData.originalPos + '"]), .w2ui-toolbar, .w2ui-grid-header' ).remove();
$( _dragData.ghost ).find( preColumnsSelector ).remove();
$( _dragData.ghost ).find( '.w2ui-grid-body' ).css({ top: 0 });
selectedCol = $( _dragData.ghost ).find( '[col="' + _dragData.originalPos + '"]' );
$( document.body ).append( _dragData.ghost );
$( _dragData.ghost ).css({
width: 0,
height: 0,
margin: 0,
position: 'fixed',
zIndex: 999999,
opacity: 0
}).addClass( '.w2ui-grid-ghost' ).animate({
width: selectedCol.width(),
height: $(obj.box).find('.w2ui-grid-body:first').height(),
left : event.pageX,
top : event.pageY,
opacity: 0.8
}, 0 );
//establish current offsets
_dragData.offsets = [];
for ( var i = 0, l = columns.length; i < l; i++ ) {
_dragData.offsets.push( $( columns[ i ] ).offset().left );
}
//conclude event
obj.trigger( $.extend( edata, { phase: 'after' } ) );
}, 150 );//end timeout wrapper
}
function dragColOver ( event ) {
if ( !_dragData.pressed ) return;
var cursorX = event.originalEvent.pageX,
cursorY = event.originalEvent.pageY,
offsets = _dragData.offsets,
lastWidth = $( '.w2ui-head:not(.w2ui-head-last)' ).width();
_dragData.targetInt = Math.max(_dragData.numberPreColumnsPresent,targetIntersection( cursorX, offsets, lastWidth ));
markIntersection( _dragData.targetInt );
trackGhost( cursorX, cursorY );
}
function dragColEnd ( event ) {
_dragData.pressed = false;
var edata,
target,
selected,
columnConfig,
targetColumn,
ghosts = $( '.w2ui-grid-ghost' );
//start event for drag start
edata = obj.trigger({ type: 'columnDragEnd', phase: 'before', originalEvent: event, target: _dragData.columnHead[0] });
if ( edata.isCancelled === true ) return false;
selected = obj.columns[ _dragData.originalPos ];
columnConfig = obj.columns;
targetColumn = $( _dragData.columns[ Math.min(_dragData.lastInt, _dragData.columns.length - 1) ] );
target = (_dragData.lastInt < _dragData.columns.length) ? parseInt(targetColumn.attr('col')) : columnConfig.length;
if ( target !== _dragData.originalPos + 1 && target !== _dragData.originalPos && targetColumn && targetColumn.length ) {
$( _dragData.ghost ).animate({
top: $( obj.box ).offset().top,
left: targetColumn.offset().left,
width: 0,
height: 0,
opacity: 0.2
}, 300, function(){
$( this ).remove();
ghosts.remove();
});
columnConfig.splice( target, 0, $.extend( {}, selected ) );
columnConfig.splice( columnConfig.indexOf( selected ), 1);
} else {
$( _dragData.ghost ).remove();
ghosts.remove();
}
//_dragData.columns.css({ overflow: '' }).children( 'div' ).css({ overflow: '' });
$( document ).off( 'mouseup', dragColEnd );
$( document ).off( 'mousemove', dragColOver );
if ( _dragData.marker ) _dragData.marker.remove();
_dragData = {};
obj.refresh();
//conclude event
obj.trigger( $.extend( edata, { phase: 'after', targetColumnNumber: target - 1 } ) );
}
function markIntersection( intersection ){
if ( !_dragData.marker && !_dragData.markerLeft ) {
_dragData.marker = $('| '+ ' '+ ' | '+ ''+ ' '+ ' | '+ '
| '+ ' '+ ' | '+ ''+ ' '+ ' | '+ '
| '+
' '+ w2utils.lang('Skip') +
' '+ w2utils.lang('Records')+
' '+
' | |
| '+
' '+ w2utils.lang('Save Grid State') + ' '+
' | |
| '+
' '+ w2utils.lang('Restore Default State') + ' '+
' | |
' +
'' +
'' +
'
');
_dragData.markerLeft = $('' +
'' +
'' +
'
');
}
if ( !_dragData.lastInt || _dragData.lastInt !== intersection ){
_dragData.lastInt = intersection;
_dragData.marker.remove();
_dragData.markerLeft.remove();
$('.w2ui-head').removeClass('w2ui-col-intersection');
//if the current intersection is greater than the number of columns add the marker to the end of the last column only
if ( intersection >= _dragData.columns.length ) {
$( _dragData.columns[ _dragData.columns.length - 1 ] ).children( 'div:last' ).append( _dragData.marker.addClass( 'right' ).removeClass( 'left' ) );
$( _dragData.columns[ _dragData.columns.length - 1 ] ).addClass('w2ui-col-intersection');
} else if ( intersection <= _dragData.numberPreColumnsPresent ) {
//if the current intersection is on the column numbers place marker on first available column only
$( _dragData.columns[ _dragData.numberPreColumnsPresent ] ).prepend( _dragData.marker.addClass( 'left' ).removeClass( 'right' ) ).css({ position: 'relative' });
$( _dragData.columns[ _dragData.numberPreColumnsPresent ] ).prev().addClass('w2ui-col-intersection');
} else {
//otherwise prepend the marker to the targeted column and append it to the previous column
$( _dragData.columns[intersection] ).children( 'div:last' ).prepend( _dragData.marker.addClass( 'left' ).removeClass( 'right' ) );
$( _dragData.columns[intersection] ).prev().children( 'div:last' ).append( _dragData.markerLeft.addClass( 'right' ).removeClass( 'left' ) ).css({ position: 'relative' });
$( _dragData.columns[intersection - 1] ).addClass('w2ui-col-intersection');
}
}
}
function targetIntersection( cursorX, offsets, lastWidth ){
if ( cursorX <= offsets[0] ) {
return 0;
} else if ( cursorX >= offsets[offsets.length - 1] + lastWidth ) {
return offsets.length;
} else {
for ( var i = 0, l = offsets.length; i < l; i++ ) {
var thisOffset = offsets[ i ];
var nextOffset = offsets[ i + 1 ] || offsets[ i ] + lastWidth;
var midpoint = ( nextOffset - offsets[ i ]) / 2 + offsets[ i ];
if ( cursorX > thisOffset && cursorX <= midpoint ) {
return i;
} else if ( cursorX > midpoint && cursorX <= nextOffset ) {
return i + 1;
}
}
return intersection;
}
}
function trackGhost( cursorX, cursorY ){
$( _dragData.ghost ).css({
left: cursorX - 10,
top: cursorY - 10
});
}
//return an object to remove drag if it has ever been enabled
return {
remove: function(){
$( obj.box ).off( 'mousedown', dragColStart );
$( obj.box ).off( 'mouseup', catchMouseup );
$( obj.box ).find( '.w2ui-head' ).removeAttr( 'draggable' );
obj.last.columnDrag = false;
}
};
},
columnOnOff: function (event, field) {
var $el = $(event.target).parents('tr').find('.w2ui-column-check');
// event before
var edata = this.trigger({ phase: 'before', target: this.name, type: 'columnOnOff', field: field, originalEvent: event });
if (edata.isCancelled === true) return;
// regular processing
var obj = this;
// collapse expanded rows
var rows = obj.find({ 'w2ui.expanded': true }, true);
for (var r = 0; r < rows.length; r++) {
var tmp = this.records[r].w2ui;
if (tmp && !Array.isArray(tmp.children)) {
this.records[r].w2ui.expanded = false;
}
}
// show/hide
if (field == 'line-numbers') {
this.show.lineNumbers = !this.show.lineNumbers;
if (this.show.lineNumbers) {
$el.addClass('w2ui-icon-check').removeClass('w2ui-icon-empty');
} else {
$el.addClass('w2ui-icon-empty').removeClass('w2ui-icon-check');
}
this.refreshBody();
this.resizeRecords();
} else {
var col = this.getColumn(field);
if (col.hidden) {
$el.addClass('w2ui-icon-check').removeClass('w2ui-icon-empty');
this.showColumn(col.field);
} else {
$el.addClass('w2ui-icon-empty').removeClass('w2ui-icon-check');
this.hideColumn(col.field);
}
}
if (!event.shiftKey && !event.metaKey && !event.ctrlKey) {
// timeout needed for visual delay
setTimeout(function () {
$().w2overlay({ name: obj.name + '_toolbar' });
}, 150);
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
scrollToColumn: function (field) {
if (field == null)
return;
var sWidth = 0;
var found = false;
for (var i = 0; i < this.columns.length; i++) {
var col = this.columns[i];
if (col.field == field) {
found = true;
break;
}
if (col.frozen || col.hidden)
continue;
var cSize = parseInt(col.sizeCalculated ? col.sizeCalculated : col.size);
sWidth += cSize;
}
if (!found)
return;
this.last.scrollLeft = sWidth+1;
this.scroll();
},
initToolbar: function () {
var obj = this;
// -- if toolbar is true
if (this.toolbar['render'] == null) {
var tmp_items = this.toolbar.items;
this.toolbar.items = [];
this.toolbar = $().w2toolbar($.extend(true, {}, this.toolbar, { name: this.name +'_toolbar', owner: this }));
// =============================================
// ------ Toolbar Generic buttons
if (this.show.toolbarReload) {
this.toolbar.items.push($.extend(true, {}, this.buttons['reload']));
}
if (this.show.toolbarColumns) {
this.toolbar.items.push($.extend(true, {}, this.buttons['columns']));
}
if (this.show.toolbarReload || this.show.toolbarColumns) {
this.toolbar.items.push({ type: 'break', id: 'w2ui-break0' });
}
if (this.show.toolbarInput) {
var html =
'';
this.toolbar.items.push({ type: 'html', id: 'w2ui-search', html: html });
}
if (this.show.toolbarSearch && this.multiSearch && this.searches.length > 0) {
this.toolbar.items.push($.extend(true, {}, this.buttons['search-go']));
}
if ((this.show.toolbarSearch || this.show.toolbarInput) && (this.show.toolbarAdd || this.show.toolbarEdit || this.show.toolbarDelete || this.show.toolbarSave)) {
this.toolbar.items.push({ type: 'break', id: 'w2ui-break1' });
}
if (this.show.toolbarAdd) {
this.toolbar.items.push($.extend(true, {}, this.buttons['add']));
}
if (this.show.toolbarEdit) {
this.toolbar.items.push($.extend(true, {}, this.buttons['edit']));
}
if (this.show.toolbarDelete) {
this.toolbar.items.push($.extend(true, {}, this.buttons['delete']));
}
if (this.show.toolbarSave) {
if (this.show.toolbarAdd || this.show.toolbarDelete || this.show.toolbarEdit) {
this.toolbar.items.push({ type: 'break', id: 'w2ui-break2' });
}
this.toolbar.items.push($.extend(true, {}, this.buttons['save']));
}
// add original buttons
if (tmp_items) for (var i = 0; i < tmp_items.length; i++) this.toolbar.items.push(tmp_items[i]);
// =============================================
// ------ Toolbar onClick processing
var obj = this;
this.toolbar.on('click', function (event) {
var edata = obj.trigger({ phase: 'before', type: 'toolbar', target: event.target, originalEvent: event });
if (edata.isCancelled === true) return;
var id = event.target;
switch (id) {
case 'w2ui-reload':
var edata2 = obj.trigger({ phase: 'before', type: 'reload', target: obj.name });
if (edata2.isCancelled === true) return false;
obj.reload();
obj.trigger($.extend(edata2, { phase: 'after' }));
break;
case 'w2ui-column-on-off':
obj.initColumnOnOff();
obj.initResize();
obj.resize();
break;
case 'w2ui-search-advanced':
var tb = this;
var it = this.get(id);
if (it.checked) {
obj.searchClose();
setTimeout(function () { tb.uncheck(id); }, 1);
} else {
obj.searchOpen();
event.originalEvent.stopPropagation();
function tmp_close() {
if ($('#w2ui-overlay-'+ obj.name + '-searchOverlay').data('keepOpen') === true) return;
tb.uncheck(id);
$(document).off('click', 'body', tmp_close);
}
$(document).on('click', 'body', tmp_close);
}
break;
case 'w2ui-add':
// events
var edata = obj.trigger({ phase: 'before', target: obj.name, type: 'add', recid: null });
obj.trigger($.extend(edata, { phase: 'after' }));
// hide all tooltips
setTimeout(function () { $().w2tag(); }, 20);
break;
case 'w2ui-edit':
var sel = obj.getSelection();
var recid = null;
if (sel.length == 1) recid = sel[0];
// events
var edata = obj.trigger({ phase: 'before', target: obj.name, type: 'edit', recid: recid });
obj.trigger($.extend(edata, { phase: 'after' }));
// hide all tooltips
setTimeout(function () { $().w2tag(); }, 20);
break;
case 'w2ui-delete':
obj["delete"]();
break;
case 'w2ui-save':
obj.save();
break;
}
// no default action
obj.trigger($.extend(edata, { phase: 'after' }));
});
}
},
initResize: function () {
var obj = this;
//if (obj.resizing === true) return;
$(this.box).find('.w2ui-resizer')
.off('click')
.on('click', function (event) {
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
if (event.preventDefault) event.preventDefault();
})
.off('mousedown')
.on('mousedown', function (event) {
if (!event) event = window.event;
obj.resizing = true;
obj.last.tmp = {
x : event.screenX,
y : event.screenY,
gx : event.screenX,
gy : event.screenY,
col : parseInt($(this).attr('name'))
};
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
if (event.preventDefault) event.preventDefault();
// fix sizes
for (var c = 0; c < obj.columns.length; c++) {
if (obj.columns[c].hidden) continue;
if (obj.columns[c].sizeOriginal == null) obj.columns[c].sizeOriginal = obj.columns[c].size;
obj.columns[c].size = obj.columns[c].sizeCalculated;
}
var edata = { phase: 'before', type: 'columnResize', target: obj.name, column: obj.last.tmp.col, field: obj.columns[obj.last.tmp.col].field };
edata = obj.trigger($.extend(edata, { resizeBy: 0, originalEvent: event }));
// set move event
var mouseMove = function (event) {
if (obj.resizing != true) return;
if (!event) event = window.event;
// event before
edata = obj.trigger($.extend(edata, { resizeBy: (event.screenX - obj.last.tmp.gx), originalEvent: event }));
if (edata.isCancelled === true) { edata.isCancelled = false; return; }
// default action
obj.last.tmp.x = (event.screenX - obj.last.tmp.x);
obj.last.tmp.y = (event.screenY - obj.last.tmp.y);
obj.columns[obj.last.tmp.col].size = (parseInt(obj.columns[obj.last.tmp.col].size) + obj.last.tmp.x) + 'px';
obj.resizeRecords();
obj.scroll();
// reset
obj.last.tmp.x = event.screenX;
obj.last.tmp.y = event.screenY;
};
var mouseUp = function (event) {
delete obj.resizing;
$(document).off('mousemove', 'body');
$(document).off('mouseup', 'body');
obj.resizeRecords();
obj.scroll();
// event before
obj.trigger($.extend(edata, { phase: 'after', originalEvent: event }));
};
$(document).on('mousemove', 'body', mouseMove);
$(document).on('mouseup', 'body', mouseUp);
})
.each(function (index, el) {
var td = $(el).parent();
$(el).css({
"height" : '25px',
"margin-left" : (td.width() - 3) + 'px'
});
});
},
resizeBoxes: function () {
// elements
var header = $('#grid_'+ this.name +'_header');
var toolbar = $('#grid_'+ this.name +'_toolbar');
var fsummary = $('#grid_'+ this.name +'_fsummary');
var summary = $('#grid_'+ this.name +'_summary');
var footer = $('#grid_'+ this.name +'_footer');
var body = $('#grid_'+ this.name +'_body');
if (this.show.header) {
header.css({
top: '0px',
left: '0px',
right: '0px'
});
}
if (this.show.toolbar) {
toolbar.css({
top: ( 0 + (this.show.header ? w2utils.getSize(header, 'height') : 0) ) + 'px',
left: '0px',
right: '0px'
});
}
if (this.summary.length > 0) {
fsummary.css({
bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) ) + 'px'
});
summary.css({
bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) ) + 'px',
right: '0px'
});
}
if (this.show.footer) {
footer.css({
bottom: '0px',
left: '0px',
right: '0px'
});
}
body.css({
top: ( 0 + (this.show.header ? w2utils.getSize(header, 'height') : 0) + (this.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0) ) + 'px',
bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) + (this.summary.length > 0 ? w2utils.getSize(summary, 'height') : 0) ) + 'px',
left: '0px',
right: '0px'
});
},
resizeRecords: function () {
var obj = this;
// remove empty records
$(this.box).find('.w2ui-empty-record').remove();
// -- Calculate Column size in PX
var box = $(this.box);
var grid = $(this.box).find('> div.w2ui-grid-box');
var header = $('#grid_'+ this.name +'_header');
var toolbar = $('#grid_'+ this.name +'_toolbar');
var summary = $('#grid_'+ this.name +'_summary');
var fsummary = $('#grid_'+ this.name +'_fsummary');
var footer = $('#grid_'+ this.name +'_footer');
var body = $('#grid_'+ this.name +'_body');
var columns = $('#grid_'+ this.name +'_columns');
var fcolumns = $('#grid_'+ this.name +'_fcolumns');
var records = $('#grid_'+ this.name +'_records');
var frecords = $('#grid_'+ this.name +'_frecords');
var scroll1 = $('#grid_'+ this.name +'_scroll1');
var lineNumberWidth = String(this.total).length * 8 + 10;
if (lineNumberWidth < 34) lineNumberWidth = 34; // 3 digit width
if (this.lineNumberWidth != null) lineNumberWidth = this.lineNumberWidth;
var bodyOverflowX = false;
var bodyOverflowY = false;
var sWidth = 0;
for (var i = 0; i < obj.columns.length; i++) {
if (obj.columns[i].frozen || obj.columns[i].hidden) continue;
var cSize = parseInt(obj.columns[i].sizeCalculated ? obj.columns[i].sizeCalculated : obj.columns[i].size);
sWidth += cSize;
}
if (records.width() < sWidth) bodyOverflowX = true;
if (body.height() - columns.height() < $(records).find('>table').height() + (bodyOverflowX ? w2utils.scrollBarSize() : 0)) bodyOverflowY = true;
// body might be expanded by data
if (!this.fixedBody) {
// allow it to render records, then resize
var calculatedHeight = w2utils.getSize(columns, 'height')
+ w2utils.getSize($('#grid_'+ obj.name +'_records table'), 'height')
+ (bodyOverflowX ? w2utils.scrollBarSize() : 0);
obj.height = calculatedHeight
+ w2utils.getSize(grid, '+height')
+ (obj.show.header ? w2utils.getSize(header, 'height') : 0)
+ (obj.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0)
+ (summary.css('display') != 'none' ? w2utils.getSize(summary, 'height') : 0)
+ (obj.show.footer ? w2utils.getSize(footer, 'height') : 0);
grid.css('height', obj.height);
body.css('height', calculatedHeight);
box.css('height', w2utils.getSize(grid, 'height') + w2utils.getSize(box, '+height'));
} else {
// fixed body height
var calculatedHeight = grid.height()
- (this.show.header ? w2utils.getSize(header, 'height') : 0)
- (this.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0)
- (summary.css('display') != 'none' ? w2utils.getSize(summary, 'height') : 0)
- (this.show.footer ? w2utils.getSize(footer, 'height') : 0);
body.css('height', calculatedHeight);
}
var buffered = this.records.length;
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (this.searchData.length != 0 && !url) buffered = this.last.searchIds.length;
// apply overflow
if (!this.fixedBody) { bodyOverflowY = false; }
if (bodyOverflowX || bodyOverflowY) {
columns.find('> table > tbody > tr:nth-child(1) td.w2ui-head-last').css('width', w2utils.scrollBarSize()).show();
records.css({
top: ((this.columnGroups.length > 0 && this.show.columns ? 1 : 0) + w2utils.getSize(columns, 'height')) +'px',
"-webkit-overflow-scrolling": "touch",
"overflow-x": (bodyOverflowX ? 'auto' : 'hidden'),
"overflow-y": (bodyOverflowY ? 'auto' : 'hidden')
});
} else {
columns.find('> table > tbody > tr:nth-child(1) td.w2ui-head-last').hide();
records.css({
top: ((this.columnGroups.length > 0 && this.show.columns ? 1 : 0) + w2utils.getSize(columns, 'height')) +'px',
overflow: 'hidden'
});
if (records.length > 0) { this.last.scrollTop = 0; this.last.scrollLeft = 0; } // if no scrollbars, always show top
}
if (bodyOverflowX) {
frecords.css('margin-bottom', w2utils.scrollBarSize());
scroll1.show();
} else {
frecords.css('margin-bottom', 0);
scroll1.hide();
}
frecords.css({ overflow: 'hidden', top: records.css('top') });
if (this.show.emptyRecords && !bodyOverflowY) {
var max = Math.floor(records.height() / this.recordHeight) - 1;
var leftover = 0;
if (records[0]) leftover = records[0].scrollHeight - max * this.recordHeight;
if (leftover >= this.recordHeight) {
leftover -= this.recordHeight;
max++;
}
if (this.fixedBody) {
for (var di = buffered; di < max; di++) {
addEmptyRow(di, this.recordHeight, this);
}
addEmptyRow(max, leftover, this);
}
}
function addEmptyRow(row, height, grid) {
var html1 = '';
var html2 = '';
var htmlp = '';
html1 += '| '+ btn +' | ' + ''+ (s.caption || '') +' | ' + ''+ operator +' | '+ ''; switch (s.type) { case 'text': case 'alphanumeric': case 'hex': case 'color': case 'list': case 'combo': case 'enum': var tmpStyle = 'width: 250px;'; if (['hex', 'color'].indexOf(s.type) != -1) tmpStyle = 'width: 90px;'; html += ''; break; case 'int': case 'float': case 'money': case 'currency': case 'percent': case 'date': case 'time': case 'datetime': var tmpStyle = 'width: 90px'; if (s.type == 'datetime') tmpStyle = 'width: 140px;'; html += ''+ ''; break; case 'select': html += ''; break; } html += s.outTag + ' | ' + '
| '+
' '+
' '+
' '+
' '+
' | '+
'|||
'+
' '+
(!col.caption ? ' ' : col.caption) +
'
'+
''+
(!colg.caption ? ' ' : colg.caption) +
'
'+
'#
'+
''+
' '+
'
'+
''+
' '+
(!col.caption ? ' ' : col.caption) +
'
'+
'| '+ ' | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| '+ ' | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| '+ ' |
');
});
}
if (more.find('td .w2ui-spinner').length > 0 || more.find('td').text().indexOf('Load') == -1) {
more.find('td').html('
'+ w2utils.lang('Load') + ' ' + obj.limit + ' ' + w2utils.lang('More') + '...
');
}
}
}
// check for grid end
if (buffered >= this.total - this.offset && this.total != -1) $('#grid_'+ this.name +'_rec_more, #grid_'+ this.name +'_frec_more').hide();
function markSearch() {
// mark search
if (!obj.markSearch) return;
clearTimeout(obj.last.marker_timer);
obj.last.marker_timer = setTimeout(function () {
// mark all search strings
var str = [];
for (var s = 0; s < obj.searchData.length; s++) {
var sdata = obj.searchData[s];
var fld = obj.getSearch(sdata.field);
if (!fld || fld.hidden) continue;
if (str.indexOf(sdata.value) == -1) str.push(sdata.value);
}
if (str.length > 0) $(obj.box).find('.w2ui-grid-data > div').w2marker(str);
}, 50);
}
},
getRecordHTML: function (ind, lineNum, summary) {
var tmph = '';
var rec_html1 = '';
var rec_html2 = '';
var sel = this.last.selection;
var record;
// first record needs for resize purposes
if (ind == -1) {
rec_html1 += ''+
' '+
'
'
:
'' ) +
''+
' '+ tmp_img +'
'
:
'' ) +
'' + lineNum + '
';
},
getCellHTML: function (ind, col_ind, summary, col_span) {
var col = this.columns[col_ind];
if (col == null) return '';
var record = (summary !== true ? this.records[ind] : this.summary[ind]);
var data = this.getCellValue(ind, col_ind, summary);
var edit = this.getCellEditable(ind, col_ind);
var style = 'max-height: '+ parseInt(this.recordHeight) +'px;';
var isChanged = !summary && record && record.w2ui && record.w2ui.changes && record.w2ui.changes[col.field] != null;
var addStyle = '';
var addClass = '';
var sel = this.last.selection;
var isRowSelected = false;
var infoBubble = '';
if (sel.indexes.indexOf(ind) != -1) isRowSelected = true;
if (col_span == null) {
if (record && record.w2ui && record.w2ui.colspan && record.w2ui.colspan[col.field]) {
col_span = record.w2ui.colspan[col.field];
} else {
col_span = 1;
}
}
// expand icon
if (col_ind === 0 && record && record.w2ui && Array.isArray(record.w2ui.children)) {
var level = 0;
var subrec = this.get(record.w2ui.parent_recid, true);
while (true) {
if (subrec != null) {
level++
var tmp = this.records[subrec].w2ui;
if (tmp != null && tmp.parent_recid != null) {
subrec = this.get(tmp.parent_recid, true);
} else {
break;
}
} else {
break;
}
}
if (record.w2ui.parent_recid){
for (var i = 0; i < level; i++) {
infoBubble += '';
}
}
infoBubble += '';
}
// info bubble
if (col.info === true) col.info = {};
if (col.info != null) {
if (!col.info.icon) col.info.icon = 'w2ui-icon-info';
infoBubble += '';
}
// various renderers
if (col.render != null) {
if (typeof col.render == 'function') {
data = $.trim(col.render.call(this, record, ind, col_ind, data));
if (data.length < 4 || data.substr(0, 4).toLowerCase() != '' + infoBubble + (col.render[data] || '') + '
';
}
if (typeof col.render == 'string') {
var t = col.render.toLowerCase().indexOf(':');
var tmp = [];
if (t == -1) {
tmp[0] = col.render.toLowerCase();
tmp[1] = '';
} else {
tmp[0] = col.render.toLowerCase().substr(0, t);
tmp[1] = col.render.toLowerCase().substr(t+1);
}
// formatters
var func = w2utils.formatters[tmp[0]];
data = '' + infoBubble + (typeof func == 'function' ? func(data, tmp[1]) : '') + '
';
}
} else {
// if editable checkbox
if (edit && ['checkbox', 'check'].indexOf(edit.type) != -1) {
var changeInd = summary ? -(ind + 1) : ind;
style += 'text-align: center;';
data = '';
infoBubble = '';
}
if (this.show.recordTitles) {
// title overwrite
var title = w2utils.stripTags(String(data).replace(/"/g, "''"));
if (col.title != null) {
if (typeof col.title == 'function') title = col.title.call(this, record, ind, col_ind);
if (typeof col.title == 'string') title = col.title;
}
}
data = ''+ infoBubble + String(data) +'
';
}
if (data == null) data = '';
// --> cell TD
if (typeof col.render == 'string') {
var tmp = col.render.toLowerCase().split(':');
if (['number', 'int', 'float', 'money', 'currency', 'percent', 'size'].indexOf(tmp[0]) != -1) addStyle += 'text-align: right;';
}
if (record && record.w2ui) {
if (typeof record.w2ui.style == 'object') {
if (typeof record.w2ui.style[col_ind] == 'string') addStyle += record.w2ui.style[col_ind] + ';';
if (typeof record.w2ui.style[col.field] == 'string') addStyle += record.w2ui.style[col.field] + ';';
}
if (typeof record.w2ui.class == 'object') {
if (typeof record.w2ui.class[col_ind] == 'string') addClass += record.w2ui.class[col_ind] + ' ';
if (typeof record.w2ui.class[col.field] == 'string') addClass += record.w2ui.class[col.field] + ' ';
}
}
var isCellSelected = false;
if (isRowSelected && $.inArray(col_ind, sel.columns[ind]) != -1) isCellSelected = true;
// data
data = '| ' + col.caption + ' | ' + ((val === 0 ? '0' : val) || '') + ' |
| ' + caption + ' | ' + (val || '') + ' |
'+
' '+
' '+
' '+
'
';
},
status: function (msg) {
if (msg != null) {
$('#grid_'+ this.name +'_footer').find('.w2ui-footer-left').html(msg);
} else {
// show number of selected
var msgLeft = '';
var sel = this.getSelection();
if (sel.length > 0) {
if (this.show.statusSelection && sel.length > 1) {
msgLeft = String(sel.length).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + ' ' + w2utils.lang('selected');
}
if (this.show.statusRecordID && sel.length == 1) {
var tmp = sel[0];
if (typeof tmp == 'object') tmp = tmp.recid + ', '+ w2utils.lang('Column') +': '+ tmp.column;
msgLeft = w2utils.lang('Record ID') + ': '+ tmp + ' ';
}
}
$('#grid_'+ this.name +'_footer .w2ui-footer-left').html(msgLeft);
// toolbar
if (sel.length == 1) this.toolbar.enable('w2ui-edit'); else this.toolbar.disable('w2ui-edit');
if (sel.length >= 1) this.toolbar.enable('w2ui-delete'); else this.toolbar.disable('w2ui-delete');
}
},
lock: function (msg, showSpinner) {
var obj = this;
var args = Array.prototype.slice.call(arguments, 0);
args.unshift(this.box);
setTimeout(function () {
// hide empty msg if any
$(obj.box).find('#grid_'+ obj.name +'_empty_msg').remove();
w2utils.lock.apply(window, args);
}, 10);
},
unlock: function (speed) {
var box = this.box;
setTimeout(function () {
// do not unlock if there is a message
if ($(box).find('.w2ui-message').not('.w2ui-closing').length > 0) return;
w2utils.unlock(box, speed);
}, 25); // needed timer so if server fast, it will not flash
},
stateSave: function (returnOnly) {
var obj = this;
if (!w2utils.hasLocalStorage) return null;
var state = {
columns : [],
show : $.extend({}, this.show),
last : {
search : this.last.search,
multi : this.last.multi,
logic : this.last.logic,
caption : this.last.caption,
field : this.last.field,
scrollTop : this.last.scrollTop,
scrollLeft : this.last.scrollLeft
},
sortData : [],
searchData : []
};
for (var i = 0; i < this.columns.length; i++) {
var col = this.columns[i];
state.columns.push({
field : col.field,
hidden : col.hidden ? true : false,
frozen : col.frozen ? true : false,
size : col.size ? col.size : null,
sizeCalculated : col.sizeCalculated ? col.sizeCalculated : null,
sizeOriginal : col.sizeOriginal ? col.sizeOriginal : null,
sizeType : col.sizeType ? col.sizeType : null
});
}
for (var i = 0; i < this.sortData.length; i++) state.sortData.push($.extend({}, this.sortData[i]));
for (var i = 0; i < this.searchData.length; i++) state.searchData.push($.extend({}, this.searchData[i]));
// save into local storage
if (returnOnly !== true) {
// event before
var edata = this.trigger({ phase: 'before', type: 'stateSave', target: this.name, state: state });
if (edata.isCancelled === true) { if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' }); return; }
try {
var savedState = $.parseJSON(localStorage.w2ui || '{}');
if (!savedState) savedState = {};
if (!savedState.states) savedState.states = {};
savedState.states[(this.stateId || this.name)] = state;
localStorage.w2ui = JSON.stringify(savedState);
} catch (e) {
delete localStorage.w2ui;
return null;
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
return state;
},
stateRestore: function (newState) {
var obj = this;
var url = (typeof this.url != 'object' ? this.url : this.url.get);
if (!newState) {
// read it from local storage
try {
if (!w2utils.hasLocalStorage) return false;
var tmp = $.parseJSON(localStorage.w2ui || '{}');
if (!tmp) tmp = {};
if (!tmp.states) tmp.states = {};
newState = tmp.states[(this.stateId || this.name)];
} catch (e) {
delete localStorage.w2ui;
return null;
}
}
// event before
var edata = this.trigger({ phase: 'before', type: 'stateRestore', target: this.name, state: newState });
if (edata.isCancelled === true) { if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' }); return; }
// default behavior
if ($.isPlainObject(newState)) {
$.extend(this.show, newState.show);
$.extend(this.last, newState.last);
var sTop = this.last.scrollTop;
var sLeft = this.last.scrollLeft;
for (var c = 0; c < newState.columns.length; c++) {
var tmp = newState.columns[c];
var col_index = this.getColumn(tmp.field, true);
if (col_index !== null) {
$.extend(this.columns[col_index], tmp);
// restore column order from saved state
if (c !== col_index) this.columns.splice(c, 0, this.columns.splice(col_index, 1)[0]);
}
}
this.sortData.splice(0, this.sortData.length);
for (var c = 0; c < newState.sortData.length; c++) this.sortData.push(newState.sortData[c]);
this.searchData.splice(0, this.searchData.length);
for (var c = 0; c < newState.searchData.length; c++) this.searchData.push(newState.searchData[c]);
// apply sort and search
setTimeout(function () {
// needs timeout as records need to be populated
// ez 10.09.2014 this -->
if (!url) {
if (obj.sortData.length > 0) obj.localSort();
if (obj.searchData.length > 0) obj.localSearch();
}
obj.last.scrollTop = sTop;
obj.last.scrollLeft = sLeft;
obj.refresh();
}, 1);
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return true;
},
stateReset: function () {
var obj = this;
this.stateRestore(this.last.state);
// remove from local storage
if (w2utils.hasLocalStorage) {
try {
var tmp = $.parseJSON(localStorage.w2ui || '{}');
if (tmp.states && tmp.states[(this.stateId || this.name)]) {
delete tmp.states[(this.stateId || this.name)];
}
localStorage.w2ui = JSON.stringify(tmp);
} catch (e) {
delete localStorage.w2ui;
return null;
}
}
},
parseField: function (obj, field) {
var val = '';
try { // need this to make sure no error in fields
val = obj;
var tmp = String(field).split('.');
for (var i = 0; i < tmp.length; i++) {
val = val[tmp[i]];
}
} catch (event) {
val = '';
}
return val;
},
prepareData: function () {
var obj = this;
// loops thru records and prepares date and time objects
for (var r = 0; r < this.records.length; r++) {
var rec = this.records[r];
prepareRecord(rec);
}
// prepare date and time objects for the 'rec' record and its closed children
function prepareRecord(rec) {
for (var c = 0; c < obj.columns.length; c++) {
var column = obj.columns[c];
if (rec[column.field] == null || typeof column.render != 'string') continue;
// number
if (['number', 'int', 'float', 'money', 'currency', 'percent'].indexOf(column.render.split(':')[0]) != -1) {
if (typeof rec[column.field] != 'number') rec[column.field] = parseFloat(rec[column.field]);
}
// date
if (['date', 'age'].indexOf(column.render.split(':')[0]) != -1) {
if (!rec[column.field + '_']) {
var dt = rec[column.field];
if (w2utils.isInt(dt)) dt = parseInt(dt);
rec[column.field + '_'] = new Date(dt);
}
}
// time
if (['time'].indexOf(column.render) != -1) {
if (w2utils.isTime(rec[column.field])) { // if string
var tmp = w2utils.isTime(rec[column.field], true);
var dt = new Date();
dt.setHours(tmp.hours, tmp.minutes, (tmp.seconds ? tmp.seconds : 0), 0); // sets hours, min, sec, mills
if (!rec[column.field + '_']) rec[column.field + '_'] = dt;
} else { // if date object
var tmp = rec[column.field];
if (w2utils.isInt(tmp)) tmp = parseInt(tmp);
var tmp = (tmp != null ? new Date(tmp) : new Date());
var dt = new Date();
dt.setHours(tmp.getHours(), tmp.getMinutes(), tmp.getSeconds(), 0); // sets hours, min, sec, mills
if (!rec[column.field + '_']) rec[column.field + '_'] = dt;
}
}
}
if (rec.w2ui && rec.w2ui.children && rec.w2ui.expanded !== true) {
// there are closed children, prepare them too.
for (var r = 0; r < rec.w2ui.children.length; r++) {
var subRec = rec.w2ui.children[r];
prepareRecord(subRec);
}
}
}
},
nextCell: function (index, col_ind, editable) {
var check = col_ind + 1;
if (check >= this.columns.length) return null;
var tmp = this.records[index].w2ui;
var ccol = this.columns[col_ind];
// if (tmp && tmp.colspan[ccol.field]) check += parseInt(tmp.colspan[ccol.field]) -1; // colspan of a column
var col = this.columns[check];
var span = (tmp && tmp.colspan && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);
if (col == null) return null;
if (col && col.hidden || span === 0) return this.nextCell(index, check, editable);
if (editable) {
var edit = this.getCellEditable(index, col_ind);
if (edit == null || ['checkbox', 'check'].indexOf(edit.type) != -1) {
return this.nextCell(index, check, editable);
}
}
return check;
},
prevCell: function (index, col_ind, editable) {
var check = col_ind - 1;
if (check < 0) return null;
var tmp = this.records[index].w2ui;
var col = this.columns[check];
var span = (tmp && tmp.colspan && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);
if (col == null) return null;
if (col && col.hidden || span === 0) return this.prevCell(index, check, editable);
if (editable) {
var edit = this.getCellEditable(index, col_ind);
if (edit == null || ['checkbox', 'check'].indexOf(edit.type) != -1) {
return this.prevCell(index, check, editable);
}
}
return check;
},
nextRow: function (ind, col_ind) {
var sids = this.last.searchIds;
var ret = null;
if ((ind + 1 < this.records.length && sids.length === 0) // if there are more records
|| (sids.length > 0 && ind < sids[sids.length-1])) {
ind++;
if (sids.length > 0) while (true) {
if ($.inArray(ind, sids) != -1 || ind > this.records.length) break;
ind++;
}
// colspan
var tmp = this.records[ind].w2ui;
var col = this.columns[col_ind];
var span = (tmp && tmp.colspan && col != null && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);
if (span === 0) {
ret = this.nextRow(ind, col_ind);
} else {
ret = ind;
}
}
return ret;
},
prevRow: function (ind, col_ind) {
var sids = this.last.searchIds;
var ret = null;
if ((ind > 0 && sids.length === 0) // if there are more records
|| (sids.length > 0 && ind > sids[0])) {
ind--;
if (sids.length > 0) while (true) {
if ($.inArray(ind, sids) != -1 || ind < 0) break;
ind--;
}
// colspan
var tmp = this.records[ind].w2ui;
var col = this.columns[col_ind];
var span = (tmp && tmp.colspan && col != null && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);
if (span === 0) {
ret = this.prevRow(ind, col_ind);
} else {
ret = ind;
}
}
return ret;
},
selectionSave: function () {
this.last._selection = this.getSelection();
return this.last._selection;
},
selectionRestore: function (noRefresh) {
var time = (new Date()).getTime();
this.last.selection = { indexes: [], columns: {} };
var sel = this.last.selection;
var lst = this.last._selection;
for (var i = 0; i < lst.length; i++) {
if ($.isPlainObject(lst[i])) {
// selectType: cell
var tmp = this.get(lst[i].recid, true);
if (tmp != null) {
if (sel.indexes.indexOf(tmp) == -1) sel.indexes.push(tmp);
if (!sel.columns[tmp]) sel.columns[tmp] = [];
sel.columns[tmp].push(lst[i].column);
}
} else {
// selectType: row
var tmp = this.get(lst[i], true);
if (tmp != null) sel.indexes.push(tmp);
}
}
delete this.last._selection;
if (noRefresh !== true) this.refresh();
return (new Date()).getTime() - time;
},
message: function(options, callBack) {
if (typeof options == 'string') {
options = {
width : (options.length < 300 ? 350 : 550),
height : (options.length < 300 ? 170: 250),
body : '' + options + '
',
buttons : '',
onOpen : function (event) {
setTimeout(function () {
$(this.box).find('.w2ui-btn').focus();
}, 25);
},
onClose: function (even) {
if (typeof callBack == 'function') callBack();
}
};
}
w2utils.message.call(this, {
box : this.box,
path : 'w2ui.' + this.name,
title : '.w2ui-grid-header:visible',
body : '.w2ui-grid-box'
}, options);
}
};
$.extend(w2grid.prototype, w2utils.event);
w2obj.grid = w2grid;
})(jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2layout - layout widget
* - $().w2layout - jQuery wrapper
* - Dependencies: jQuery, w2utils, w2toolbar, w2tabs
*
* == NICE TO HAVE ==
* - onResize for the panel
* - add more panel title positions (left=rotated, right=rotated, bottom)
* - bug: when you assign content before previous transition completed.
*
************************************************************************/
(function ($) {
var w2layout = function (options) {
this.box = null; // DOM Element that holds the element
this.name = null; // unique name for w2ui
this.panels = [];
this.tmp = {};
this.padding = 1; // panel padding
this.resizer = 4; // resizer width or height
this.style = '';
$.extend(true, this, w2obj.layout, options);
};
var w2panels = ['top', 'left', 'main', 'preview', 'right', 'bottom'];
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2layout = function(method) {
if ($.isPlainObject(method)) {
// check name parameter
if (!w2utils.checkName(method, 'w2layout')) return;
var panels = method.panels || [];
var object = new w2layout(method);
$.extend(object, { handlers: [], panels: [] });
// add defined panels
for (var p = 0, len = panels.length; p < len; p++) {
object.panels[p] = $.extend(true, {}, w2layout.prototype.panel, panels[p]);
if ($.isPlainObject(object.panels[p].tabs) || $.isArray(object.panels[p].tabs)) initTabs(object, panels[p].type);
if ($.isPlainObject(object.panels[p].toolbar) || $.isArray(object.panels[p].toolbar)) initToolbar(object, panels[p].type);
}
// add all other panels
for (var p1 = 0; p1 < w2panels.length; p1++) {
if (object.get(w2panels[p1]) != null) continue;
object.panels.push($.extend(true, {}, w2layout.prototype.panel, { type: w2panels[p1], hidden: (w2panels[p1] !== 'main'), size: 50 }));
}
if ($(this).length > 0) {
object.render($(this)[0]);
}
w2ui[object.name] = object;
return object;
} else {
var obj = w2ui[$(this).attr('name')];
if (!obj) return null;
if (arguments.length > 0) {
if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
return this;
} else {
return obj;
}
}
function initTabs(object, panel, tabs) {
var pan = object.get(panel);
if (pan != null && tabs == null) tabs = pan.tabs;
if (pan == null || tabs == null) return false;
// instanciate tabs
if ($.isArray(tabs)) tabs = { tabs: tabs };
$().w2destroy(object.name + '_' + panel + '_tabs'); // destroy if existed
pan.tabs = $().w2tabs($.extend({}, tabs, { owner: object, name: object.name + '_' + panel + '_tabs' }));
pan.show.tabs = true;
return true;
}
function initToolbar(object, panel, toolbar) {
var pan = object.get(panel);
if (pan != null && toolbar == null) toolbar = pan.toolbar;
if (pan == null || toolbar == null) return false;
// instanciate toolbar
if ($.isArray(toolbar)) toolbar = { items: toolbar };
$().w2destroy(object.name + '_' + panel + '_toolbar'); // destroy if existed
pan.toolbar = $().w2toolbar($.extend({}, toolbar, { owner: object, name: object.name + '_' + panel + '_toolbar' }));
pan.show.toolbar = true;
return true;
}
};
// ====================================================
// -- Implementation of core functionality
w2layout.prototype = {
onShow : null,
onHide : null,
onResizing : null,
onResizerClick: null,
onRender : null,
onRefresh : null,
onContent : null,
onResize : null,
onDestroy : null,
// default setting for a panel
panel: {
type : null, // left, right, top, bottom
title : '',
size : 100, // width or height depending on panel name
minSize : 20,
maxSize : false,
hidden : false,
resizable : false,
overflow : 'auto',
style : '',
content : '', // can be String or Object with .render(box) method
tabs : null,
toolbar : null,
width : null, // read only
height : null, // read only
show : {
toolbar : false,
tabs : false
},
onRefresh : null,
onShow : null,
onHide : null
},
// alias for content
html: function (panel, data, transition) {
return this.content(panel, data, transition);
},
content: function (panel, data, transition) {
var obj = this;
var p = this.get(panel);
// if it is CSS panel
if (panel == 'css') {
$('#layout_'+ obj.name +'_panel_css').html('');
return true;
}
if (p == null) return false;
if (data == null) {
return p.content;
}
// event before
var edata = this.trigger({ phase: 'before', type: 'content', target: panel, object: p, content: data, transition: transition });
if (edata.isCancelled === true) return;
if (data instanceof jQuery) {
console.log('ERROR: You can not pass jQuery object to w2layout.content() method');
return false;
}
var pname = '#layout_'+ this.name + '_panel_'+ p.type;
var current = $(pname + '> .w2ui-panel-content');
var panelTop = 0;
if (current.length > 0) {
$(pname).scrollTop(0);
panelTop = $(current).position().top;
}
if (p.content === '') {
p.content = data;
this.refresh(panel);
} else {
p.content = data;
if (!p.hidden) {
if (transition != null && transition !== '') {
// apply transition
var div1 = $(pname + '> .w2ui-panel-content');
div1.after('');
var div2 = $(pname + '> .w2ui-panel-content.new-panel');
div1.css('top', panelTop);
div2.css('top', panelTop);
if (typeof data == 'object') {
data.box = div2[0]; // do not do .render(box);
data.render();
} else {
div2.html(data);
}
w2utils.transition(div1[0], div2[0], transition, function () {
div1.remove();
div2.removeClass('new-panel');
div2.css('overflow', p.overflow);
// IE Hack
obj.resize();
if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);
});
}
}
this.refresh(panel);
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
// IE Hack
obj.resize();
if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);
return true;
},
message: function(panel, options) {
var obj = this;
if (typeof options == 'string') {
options = {
width : (options.length < 300 ? 350 : 550),
height : (options.length < 300 ? 170: 250),
body : '' + options + '
',
buttons : '',
onOpen : function (event) {
setTimeout(function () {
$(this.box).find('.w2ui-btn').focus();
}, 25);
}
};
}
var p = this.get(panel);
var $el = $('#layout_'+ this.name + '_panel_'+ p.type);
var oldOverflow = $el.css('overflow');
var oldOnClose;
if (options) {
if (options.onClose) oldOnClose = options.onClose;
options.onClose = function (event) {
if (typeof oldOnClose == 'function') oldOnClose(event);
event.done(function () {
$('#layout_'+ obj.name + '_panel_'+ p.type).css('overflow', oldOverflow);
});
};
}
$('#layout_'+ this.name + '_panel_'+ p.type).css('overflow', 'hidden');
w2utils.message.call(this, {
box : $('#layout_'+ this.name + '_panel_'+ p.type),
param : panel,
path : 'w2ui.' + this.name,
title : '.w2ui-panel-title:visible',
body : '.w2ui-panel-content'
}, options);
},
load: function (panel, url, transition, onLoad) {
var obj = this;
if (panel == 'css') {
$.get(url, function (data, status, xhr) { // should always be $.get as it is template
obj.content(panel, xhr.responseText);
if (onLoad) onLoad();
});
return true;
}
if (this.get(panel) != null) {
$.get(url, function (data, status, xhr) { // should always be $.get as it is template
obj.content(panel, xhr.responseText, transition);
if (onLoad) onLoad();
// IE Hack
obj.resize();
if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);
});
return true;
}
return false;
},
sizeTo: function (panel, size, instant) {
var obj = this;
var pan = obj.get(panel);
if (pan == null) return false;
// resize
$(obj.box).find(' > div > .w2ui-panel')
.css(w2utils.cssPrefix('transition', (instant !== true ? '.2s' : '0s')));
setTimeout(function () {
obj.set(panel, { size: size });
}, 1);
// clean
setTimeout(function () {
$(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));
obj.resize();
}, 500);
return true;
},
show: function (panel, immediate) {
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'show', target: panel, object: this.get(panel), immediate: immediate });
if (edata.isCancelled === true) return;
var p = obj.get(panel);
if (p == null) return false;
p.hidden = false;
if (immediate === true) {
$('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '1' });
obj.trigger($.extend(edata, { phase: 'after' }));
obj.resize();
} else {
// resize
$('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });
$(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '.2s'));
setTimeout(function () { obj.resize(); }, 1);
// show
setTimeout(function() {
$('#layout_'+ obj.name +'_panel_'+ panel).css({ 'opacity': '1' });
}, 250);
// clean
setTimeout(function () {
$(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));
obj.trigger($.extend(edata, { phase: 'after' }));
obj.resize();
}, 500);
}
return true;
},
hide: function (panel, immediate) {
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'hide', target: panel, object: this.get(panel), immediate: immediate });
if (edata.isCancelled === true) return;
var p = obj.get(panel);
if (p == null) return false;
p.hidden = true;
if (immediate === true) {
$('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });
obj.trigger($.extend(edata, { phase: 'after' }));
obj.resize();
} else {
// hide
$(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '.2s'));
$('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });
setTimeout(function () { obj.resize(); }, 1);
// clean
setTimeout(function () {
$(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));
obj.trigger($.extend(edata, { phase: 'after' }));
obj.resize();
}, 500);
}
return true;
},
toggle: function (panel, immediate) {
var p = this.get(panel);
if (p == null) return false;
if (p.hidden) return this.show(panel, immediate); else return this.hide(panel, immediate);
},
set: function (panel, options) {
var ind = this.get(panel, true);
if (ind == null) return false;
$.extend(this.panels[ind], options);
// refresh only when content changed
if (options.content != null || options.resizable != null) {
this.refresh(panel);
}
// show/hide resizer
this.resize(); // resize is needed when panel size is changed
return true;
},
get: function (panel, returnIndex) {
for (var p = 0; p < this.panels.length; p++) {
if (this.panels[p].type == panel) {
if (returnIndex === true) return p; else return this.panels[p];
}
}
return null;
},
el: function (panel) {
var el = $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-content');
if (el.length != 1) return null;
return el[0];
},
hideToolbar: function (panel) {
var pan = this.get(panel);
if (!pan) return;
pan.show.toolbar = false;
$('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-toolbar').hide();
this.resize();
},
showToolbar: function (panel) {
var pan = this.get(panel);
if (!pan) return;
pan.show.toolbar = true;
$('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-toolbar').show();
this.resize();
},
toggleToolbar: function (panel) {
var pan = this.get(panel);
if (!pan) return;
if (pan.show.toolbar) this.hideToolbar(panel); else this.showToolbar(panel);
},
assignToolbar: function (panel, toolbar) {
if (typeof toolbar == 'string' && w2ui[toolbar] != null) toolbar = w2ui[toolbar];
var pan = this.get(panel);
pan.toolbar = toolbar;
var tmp = $(this.box).find(panel +'> .w2ui-panel-toolbar');
if (pan.toolbar != null) {
if (tmp.find('[name='+ pan.toolbar.name +']').length === 0) {
tmp.w2render(pan.toolbar);
} else if (pan.toolbar != null) {
pan.toolbar.refresh();
}
this.showToolbar(panel);
this.refresh('main');
} else {
tmp.html('');
this.hideToolbar(panel);
}
},
hideTabs: function (panel) {
var pan = this.get(panel);
if (!pan) return;
pan.show.tabs = false;
$('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-tabs').hide();
this.resize();
},
showTabs: function (panel) {
var pan = this.get(panel);
if (!pan) return;
pan.show.tabs = true;
$('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-tabs').show();
this.resize();
},
toggleTabs: function (panel) {
var pan = this.get(panel);
if (!pan) return;
if (pan.show.tabs) this.hideTabs(panel); else this.showTabs(panel);
},
render: function (box) {
var obj = this;
// if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
var time = (new Date()).getTime();
// event before
var edata = obj.trigger({ phase: 'before', type: 'render', target: obj.name, box: box });
if (edata.isCancelled === true) return;
if (box != null) {
if ($(obj.box).find('#layout_'+ obj.name +'_panel_main').length > 0) {
$(obj.box)
.removeAttr('name')
.removeClass('w2ui-layout')
.html('');
}
obj.box = box;
}
if (!obj.box) return false;
$(obj.box)
.attr('name', obj.name)
.addClass('w2ui-layout')
.html('');
if ($(obj.box).length > 0) $(obj.box)[0].style.cssText += obj.style;
// create all panels
for (var p1 = 0; p1 < w2panels.length; p1++) {
var pan = obj.get(w2panels[p1]);
var html = ''+
' '+
' '+
' '+
' '+
'
'+
'';
$(obj.box).find(' > div').append(html);
// tabs are rendered in refresh()
}
$(obj.box).find(' > div')
.append('');
obj.refresh(); // if refresh is not called here, the layout will not be available right after initialization
// process event
obj.trigger($.extend(edata, { phase: 'after' }));
// reinit events
setTimeout(function () { // needed this timeout to allow browser to render first if there are tabs or toolbar
initEvents();
obj.resize();
}, 0);
return (new Date()).getTime() - time;
function initEvents() {
obj.tmp.events = {
resize : function (event) {
w2ui[obj.name].resize();
},
resizeStart : resizeStart,
mouseMove : resizeMove,
mouseUp : resizeStop
};
$(window).on('resize', obj.tmp.events.resize);
}
function resizeStart(type, evnt) {
if (!obj.box) return;
if (!evnt) evnt = window.event;
$(document).off('mousemove', obj.tmp.events.mouseMove).on('mousemove', obj.tmp.events.mouseMove);
$(document).off('mouseup', obj.tmp.events.mouseUp).on('mouseup', obj.tmp.events.mouseUp);
obj.tmp.resize = {
type : type,
x : evnt.screenX,
y : evnt.screenY,
diff_x : 0,
diff_y : 0,
value : 0
};
// lock all panels
for (var p1 = 0; p1 < w2panels.length; p1++) {
var $tmp = $(obj.el(w2panels[p1])).parent().find('.w2ui-lock');
if ($tmp.length > 0) {
$tmp.attr('locked', 'previous');
} else {
obj.lock(w2panels[p1], { opacity: 0 });
}
}
if (type == 'left' || type == 'right') {
obj.tmp.resize.value = parseInt($('#layout_'+ obj.name +'_resizer_'+ type)[0].style.left);
}
if (type == 'top' || type == 'preview' || type == 'bottom') {
obj.tmp.resize.value = parseInt($('#layout_'+ obj.name +'_resizer_'+ type)[0].style.top);
}
}
function resizeStop(evnt) {
if (!obj.box) return;
if (!evnt) evnt = window.event;
$(document).off('mousemove', obj.tmp.events.mouseMove);
$(document).off('mouseup', obj.tmp.events.mouseUp);
if (obj.tmp.resize == null) return;
// unlock all panels
for (var p1 = 0; p1 < w2panels.length; p1++) {
var $tmp = $(obj.el(w2panels[p1])).parent().find('.w2ui-lock');
if ($tmp.attr('locked') == 'previous') {
$tmp.removeAttr('locked');
} else {
obj.unlock(w2panels[p1]);
}
}
// set new size
if (obj.tmp.diff_x !== 0 || obj.tmp.resize.diff_y !== 0) { // only recalculate if changed
var ptop = obj.get('top');
var pbottom = obj.get('bottom');
var panel = obj.get(obj.tmp.resize.type);
var height = parseInt($(obj.box).height());
var width = parseInt($(obj.box).width());
var str = String(panel.size);
var ns, nd;
switch (obj.tmp.resize.type) {
case 'top':
ns = parseInt(panel.sizeCalculated) + obj.tmp.resize.diff_y;
nd = 0;
break;
case 'bottom':
ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_y;
nd = 0;
break;
case 'preview':
ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_y;
nd = (ptop && !ptop.hidden ? ptop.sizeCalculated : 0) +
(pbottom && !pbottom.hidden ? pbottom.sizeCalculated : 0);
break;
case 'left':
ns = parseInt(panel.sizeCalculated) + obj.tmp.resize.diff_x;
nd = 0;
break;
case 'right':
ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_x;
nd = 0;
break;
}
// set size
if (str.substr(str.length-1) == '%') {
panel.size = Math.floor(ns * 100 / (panel.type == 'left' || panel.type == 'right' ? width : height - nd) * 100) / 100 + '%';
} else {
if (String(panel.size).substr(0, 1) == '-') {
panel.size = parseInt(panel.size) - panel.sizeCalculated + ns;
} else {
panel.size = ns;
}
}
obj.resize();
}
$('#layout_'+ obj.name + '_resizer_'+ obj.tmp.resize.type).removeClass('active');
delete obj.tmp.resize;
}
function resizeMove(evnt) {
if (!obj.box) return;
if (!evnt) evnt = window.event;
if (obj.tmp.resize == null) return;
var panel = obj.get(obj.tmp.resize.type);
// event before
var tmp = obj.tmp.resize;
var edata = obj.trigger({ phase: 'before', type: 'resizing', target: obj.name, object: panel, originalEvent: evnt,
panel: tmp ? tmp.type : 'all', diff_x: tmp ? tmp.diff_x : 0, diff_y: tmp ? tmp.diff_y : 0 });
if (edata.isCancelled === true) return;
var p = $('#layout_'+ obj.name + '_resizer_'+ tmp.type);
var resize_x = (evnt.screenX - tmp.x);
var resize_y = (evnt.screenY - tmp.y);
var mainPanel = obj.get('main');
if (!p.hasClass('active')) p.addClass('active');
switch (tmp.type) {
case 'left':
if (panel.minSize - resize_x > panel.width) {
resize_x = panel.minSize - panel.width;
}
if (panel.maxSize && (panel.width + resize_x > panel.maxSize)) {
resize_x = panel.maxSize - panel.width;
}
if (mainPanel.minSize + resize_x > mainPanel.width) {
resize_x = mainPanel.width - mainPanel.minSize;
}
break;
case 'right':
if (panel.minSize + resize_x > panel.width) {
resize_x = panel.width - panel.minSize;
}
if (panel.maxSize && (panel.width - resize_x > panel.maxSize)) {
resize_x = panel.width - panel.maxSize;
}
if (mainPanel.minSize - resize_x > mainPanel.width) {
resize_x = mainPanel.minSize - mainPanel.width;
}
break;
case 'top':
if (panel.minSize - resize_y > panel.height) {
resize_y = panel.minSize - panel.height;
}
if (panel.maxSize && (panel.height + resize_y > panel.maxSize)) {
resize_y = panel.maxSize - panel.height;
}
if (mainPanel.minSize + resize_y > mainPanel.height) {
resize_y = mainPanel.height - mainPanel.minSize;
}
break;
case 'preview':
case 'bottom':
if (panel.minSize + resize_y > panel.height) {
resize_y = panel.height - panel.minSize;
}
if (panel.maxSize && (panel.height - resize_y > panel.maxSize)) {
resize_y = panel.height - panel.maxSize;
}
if (mainPanel.minSize - resize_y > mainPanel.height) {
resize_y = mainPanel.minSize - mainPanel.height;
}
break;
}
tmp.diff_x = resize_x;
tmp.diff_y = resize_y;
switch (tmp.type) {
case 'top':
case 'preview':
case 'bottom':
tmp.diff_x = 0;
if (p.length > 0) p[0].style.top = (tmp.value + tmp.diff_y) + 'px';
break;
case 'left':
case 'right':
tmp.diff_y = 0;
if (p.length > 0) p[0].style.left = (tmp.value + tmp.diff_x) + 'px';
break;
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
},
refresh: function (panel) {
var obj = this;
// if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
if (panel == null) panel = null;
var time = (new Date()).getTime();
// event before
var edata = obj.trigger({ phase: 'before', type: 'refresh', target: (panel != null ? panel : obj.name), object: obj.get(panel) });
if (edata.isCancelled === true) return;
// obj.unlock(panel);
if (typeof panel == 'string') {
var p = obj.get(panel);
if (p == null) return;
var pname = '#layout_'+ obj.name + '_panel_'+ p.type;
var rname = '#layout_'+ obj.name +'_resizer_'+ p.type;
// apply properties to the panel
$(pname).css({ display: p.hidden ? 'none' : 'block' });
if (p.resizable) $(rname).show(); else $(rname).hide();
// insert content
if (typeof p.content == 'object' && typeof p.content.render === 'function') {
p.content.box = $(pname +'> .w2ui-panel-content')[0];
setTimeout(function () {
// need to remove unnecessary classes
if ($(pname +'> .w2ui-panel-content').length > 0) {
$(pname +'> .w2ui-panel-content')
.removeClass()
.removeAttr('name')
.addClass('w2ui-panel-content')
.css('overflow', p.overflow)[0].style.cssText += ';' + p.style;
}
if (p.content && typeof p.content.render == 'function') {
p.content.render(); // do not do .render(box);
}
}, 1);
} else {
// need to remove unnecessary classes
if ($(pname +'> .w2ui-panel-content').length > 0) {
$(pname +'> .w2ui-panel-content')
.removeClass()
.removeAttr('name')
.addClass('w2ui-panel-content')
.html(p.content)
.css('overflow', p.overflow)[0].style.cssText += ';' + p.style;
}
}
// if there are tabs and/or toolbar - render it
var tmp = $(obj.box).find(pname +'> .w2ui-panel-tabs');
if (p.show.tabs) {
if (tmp.find('[name='+ p.tabs.name +']').length === 0 && p.tabs != null) tmp.w2render(p.tabs); else p.tabs.refresh();
} else {
tmp.html('').removeClass('w2ui-tabs').hide();
}
tmp = $(obj.box).find(pname +'> .w2ui-panel-toolbar');
if (p.show.toolbar) {
if (tmp.find('[name='+ p.toolbar.name +']').length === 0 && p.toolbar != null) tmp.w2render(p.toolbar); else p.toolbar.refresh();
} else {
tmp.html('').removeClass('w2ui-toolbar').hide();
}
// show title
tmp = $(obj.box).find(pname +'> .w2ui-panel-title');
if (p.title) {
tmp.html(p.title).show();
} else {
tmp.html('').hide();
}
} else {
if ($('#layout_'+ obj.name +'_panel_main').length === 0) {
obj.render();
return;
}
obj.resize();
// refresh all of them
for (var p1 = 0; p1 < this.panels.length; p1++) { obj.refresh(this.panels[p1].type); }
}
obj.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
resize: function () {
// if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
if (!this.box) return false;
var time = (new Date()).getTime();
// event before
var tmp = this.tmp.resize;
var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name,
panel: tmp ? tmp.type : 'all', diff_x: tmp ? tmp.diff_x : 0, diff_y: tmp ? tmp.diff_y : 0 });
if (edata.isCancelled === true) return;
if (this.padding < 0) this.padding = 0;
// layout itself
var width = parseInt($(this.box).width());
var height = parseInt($(this.box).height());
$(this.box).find(' > div').css({
width : width + 'px',
height : height + 'px'
});
var obj = this;
// panels
var pmain = this.get('main');
var pprev = this.get('preview');
var pleft = this.get('left');
var pright = this.get('right');
var ptop = this.get('top');
var pbottom = this.get('bottom');
var smain = true; // main always on
var sprev = (pprev != null && pprev.hidden !== true ? true : false);
var sleft = (pleft != null && pleft.hidden !== true ? true : false);
var sright = (pright != null && pright.hidden !== true ? true : false);
var stop = (ptop != null && ptop.hidden !== true ? true : false);
var sbottom = (pbottom != null && pbottom.hidden !== true ? true : false);
var l, t, w, h, e;
// calculate %
for (var p = 0; p < w2panels.length; p++) {
if (w2panels[p] === 'main') continue;
tmp = this.get(w2panels[p]);
if (!tmp) continue;
var str = String(tmp.size || 0);
if (str.substr(str.length-1) == '%') {
var tmph = height;
if (tmp.type == 'preview') {
tmph = tmph -
(ptop && !ptop.hidden ? ptop.sizeCalculated : 0) -
(pbottom && !pbottom.hidden ? pbottom.sizeCalculated : 0);
}
tmp.sizeCalculated = parseInt((tmp.type == 'left' || tmp.type == 'right' ? width : tmph) * parseFloat(tmp.size) / 100);
} else {
tmp.sizeCalculated = parseInt(tmp.size);
}
tmp.sizeCalculated = Math.max(tmp.sizeCalculated, parseInt(tmp.minSize));
}
// negative size
if (String(pright.size).substr(0, 1) == '-') {
if (sleft && pleft.size.substr(0, 1) == '-') {
console.log('ERROR: you cannot have both left panel.size and right panel.size be negative.');
} else {
pright.sizeCalculated = width - (sleft ? pleft.sizeCalculated : 0) + parseInt(pright.size);
}
}
if (String(pleft.size).substr(0, 1) == '-') {
if (sright && pright.size.substr(0, 1) == '-') {
console.log('ERROR: you cannot have both left panel.size and right panel.size be negative.');
} else {
pleft.sizeCalculated = width - (sright ? pright.sizeCalculated : 0) + parseInt(pleft.size);
}
}
// top if any
if (ptop != null && ptop.hidden !== true) {
l = 0;
t = 0;
w = width;
h = ptop.sizeCalculated;
$('#layout_'+ this.name +'_panel_top').css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
}).show();
ptop.width = w;
ptop.height = h;
// resizer
if (ptop.resizable) {
t = ptop.sizeCalculated - (this.padding === 0 ? this.resizer : 0);
h = (this.resizer > this.padding ? this.resizer : this.padding);
$('#layout_'+ this.name +'_resizer_top').show().css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px',
'cursor': 'ns-resize'
}).off('mousedown').on('mousedown', function (event) {
// event before
var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'top', originalEvent: event });
if (edata.isCancelled === true) return;
// default action
w2ui[obj.name].tmp.events.resizeStart('top', event);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
return false;
});
}
} else {
$('#layout_'+ this.name +'_panel_top').hide();
$('#layout_'+ this.name +'_resizer_top').hide();
}
// left if any
if (pleft != null && pleft.hidden !== true) {
l = 0;
t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
w = pleft.sizeCalculated;
h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -
(sbottom ? pbottom.sizeCalculated + this.padding : 0);
e = $('#layout_'+ this.name +'_panel_left');
if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
e.css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
}).show();
pleft.width = w;
pleft.height = h;
// resizer
if (pleft.resizable) {
l = pleft.sizeCalculated - (this.padding === 0 ? this.resizer : 0);
w = (this.resizer > this.padding ? this.resizer : this.padding);
$('#layout_'+ this.name +'_resizer_left').show().css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px',
'cursor': 'ew-resize'
}).off('mousedown').on('mousedown', function (event) {
// event before
var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'left', originalEvent: event });
if (edata.isCancelled === true) return;
// default action
w2ui[obj.name].tmp.events.resizeStart('left', event);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
return false;
});
}
} else {
$('#layout_'+ this.name +'_panel_left').hide();
$('#layout_'+ this.name +'_resizer_left').hide();
}
// right if any
if (pright != null && pright.hidden !== true) {
l = width - pright.sizeCalculated;
t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
w = pright.sizeCalculated;
h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -
(sbottom ? pbottom.sizeCalculated + this.padding : 0);
$('#layout_'+ this.name +'_panel_right').css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
}).show();
pright.width = w;
pright.height = h;
// resizer
if (pright.resizable) {
l = l - this.padding;
w = (this.resizer > this.padding ? this.resizer : this.padding);
$('#layout_'+ this.name +'_resizer_right').show().css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px',
'cursor': 'ew-resize'
}).off('mousedown').on('mousedown', function (event) {
// event before
var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'right', originalEvent: event });
if (edata.isCancelled === true) return;
// default action
w2ui[obj.name].tmp.events.resizeStart('right', event);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
return false;
});
}
} else {
$('#layout_'+ this.name +'_panel_right').hide();
$('#layout_'+ this.name +'_resizer_right').hide();
}
// bottom if any
if (pbottom != null && pbottom.hidden !== true) {
l = 0;
t = height - pbottom.sizeCalculated;
w = width;
h = pbottom.sizeCalculated;
$('#layout_'+ this.name +'_panel_bottom').css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
}).show();
pbottom.width = w;
pbottom.height = h;
// resizer
if (pbottom.resizable) {
t = t - (this.padding === 0 ? 0 : this.padding);
h = (this.resizer > this.padding ? this.resizer : this.padding);
$('#layout_'+ this.name +'_resizer_bottom').show().css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px',
'cursor': 'ns-resize'
}).off('mousedown').on('mousedown', function (event) {
// event before
var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'bottom', originalEvent: event });
if (edata.isCancelled === true) return;
// default action
w2ui[obj.name].tmp.events.resizeStart('bottom', event);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
return false;
});
}
} else {
$('#layout_'+ this.name +'_panel_bottom').hide();
$('#layout_'+ this.name +'_resizer_bottom').hide();
}
// main - always there
l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);
t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -
(sright ? pright.sizeCalculated + this.padding: 0);
h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -
(sbottom ? pbottom.sizeCalculated + this.padding : 0) -
(sprev ? pprev.sizeCalculated + this.padding : 0);
e = $('#layout_'+ this.name +'_panel_main');
if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
e.css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
});
pmain.width = w;
pmain.height = h;
// preview if any
if (pprev != null && pprev.hidden !== true) {
l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);
t = height - (sbottom ? pbottom.sizeCalculated + this.padding : 0) - pprev.sizeCalculated;
w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -
(sright ? pright.sizeCalculated + this.padding : 0);
h = pprev.sizeCalculated;
e = $('#layout_'+ this.name +'_panel_preview');
if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
e.css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px'
}).show();
pprev.width = w;
pprev.height = h;
// resizer
if (pprev.resizable) {
t = t - (this.padding === 0 ? 0 : this.padding);
h = (this.resizer > this.padding ? this.resizer : this.padding);
$('#layout_'+ this.name +'_resizer_preview').show().css({
'display': 'block',
'left': l + 'px',
'top': t + 'px',
'width': w + 'px',
'height': h + 'px',
'cursor': 'ns-resize'
}).off('mousedown').on('mousedown', function (event) {
// event before
var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'preview', originalEvent: event });
if (edata.isCancelled === true) return;
// default action
w2ui[obj.name].tmp.events.resizeStart('preview', event);
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
return false;
});
}
} else {
$('#layout_'+ this.name +'_panel_preview').hide();
$('#layout_'+ this.name +'_resizer_preview').hide();
}
// display tabs and toolbar if needed
for (var p1 = 0; p1 < w2panels.length; p1++) {
var pan = this.get(w2panels[p1]);
var tmp2 = '#layout_'+ this.name +'_panel_'+ w2panels[p1] +' > .w2ui-panel-';
var tabHeight = 0;
if (pan) {
if (pan.title) {
tabHeight += w2utils.getSize($(tmp2 + 'title').css({ top: tabHeight + 'px', display: 'block' }), 'height');
}
if (pan.show.tabs) {
if (pan.tabs != null && w2ui[this.name +'_'+ w2panels[p1] +'_tabs']) w2ui[this.name +'_'+ w2panels[p1] +'_tabs'].resize();
tabHeight += w2utils.getSize($(tmp2 + 'tabs').css({ top: tabHeight + 'px', display: 'block' }), 'height');
}
if (pan.show.toolbar) {
if (pan.toolbar != null && w2ui[this.name +'_'+ w2panels[p1] +'_toolbar']) w2ui[this.name +'_'+ w2panels[p1] +'_toolbar'].resize();
tabHeight += w2utils.getSize($(tmp2 + 'toolbar').css({ top: tabHeight + 'px', display: 'block' }), 'height');
}
}
$(tmp2 + 'content').css({ display: 'block' }).css({ top: tabHeight + 'px' });
}
// send resize to all objects
clearTimeout(this._resize_timer);
this._resize_timer = setTimeout(function () {
for (var e in w2ui) {
if (typeof w2ui[e].resize == 'function') {
// sent to all none-layouts
if (w2ui[e].panels == null) w2ui[e].resize();
// only send to nested layouts
var parent = $(w2ui[e].box).parents('.w2ui-layout');
if (parent.length > 0 && parent.attr('name') == obj.name) w2ui[e].resize();
}
}
}, 100);
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
destroy: function () {
// event before
var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
if (edata.isCancelled === true) return;
if (w2ui[this.name] == null) return false;
// clean up
if ($(this.box).find('#layout_'+ this.name +'_panel_main').length > 0) {
$(this.box)
.removeAttr('name')
.removeClass('w2ui-layout')
.html('');
}
delete w2ui[this.name];
// event after
this.trigger($.extend(edata, { phase: 'after' }));
if (this.tmp.events && this.tmp.events.resize) $(window).off('resize', this.tmp.events.resize);
return true;
},
lock: function (panel, msg, showSpinner) {
if (w2panels.indexOf(panel) == -1) {
console.log('ERROR: First parameter needs to be the a valid panel name.');
return;
}
var args = Array.prototype.slice.call(arguments, 0);
args[0] = '#layout_'+ this.name + '_panel_' + panel;
w2utils.lock.apply(window, args);
},
unlock: function (panel, speed) {
if (w2panels.indexOf(panel) == -1) {
console.log('ERROR: First parameter needs to be the a valid panel name.');
return;
}
var nm = '#layout_'+ this.name + '_panel_' + panel;
w2utils.unlock(nm, speed);
}
};
$.extend(w2layout.prototype, w2utils.event);
w2obj.layout = w2layout;
})(jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2popup - popup widget
* - $().w2popup - jQuery wrapper
* - Dependencies: jQuery, w2utils
*
* == NICE TO HAVE ==
* - hide overlay on esc
* - make popup width/height in %
*
************************************************************************/
var w2popup = {};
(function ($) {
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2popup = function(method, options) {
if (method == null) {
options = {};
method = 'open';
}
if ($.isPlainObject(method)) {
options = method;
method = 'open';
}
method = method.toLowerCase();
if (method === 'load' && typeof options === 'string') {
options = $.extend({ url: options }, arguments.length > 2 ? arguments[2] : {});
}
if (method === 'open' && options.url != null) method = 'load';
options = options || {};
// load options from markup
var dlgOptions = {};
if ($(this).length > 0 && method == 'open') {
if ($(this).find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {
// remember previous tempalte
if ($('#w2ui-popup').length > 0) {
var tmp = $('#w2ui-popup').data('options');
w2popup._prev = {
template : w2popup._template,
title : tmp.title,
body : tmp.body,
buttons : tmp.buttons
};
}
w2popup._template = this;
if ($(this).find('div[rel=title]').length > 0) {
dlgOptions['title'] = $(this).find('div[rel=title]');
}
if ($(this).find('div[rel=body]').length > 0) {
dlgOptions['body'] = $(this).find('div[rel=body]');
dlgOptions['style'] = $(this).find('div[rel=body]')[0].style.cssText;
}
if ($(this).find('div[rel=buttons]').length > 0) {
dlgOptions['buttons'] = $(this).find('div[rel=buttons]');
}
} else {
dlgOptions['title'] = ' ';
dlgOptions['body'] = $(this).html();
}
if (parseInt($(this).css('width')) !== 0) dlgOptions['width'] = parseInt($(this).css('width'));
if (parseInt($(this).css('height')) !== 0) dlgOptions['height'] = parseInt($(this).css('height'));
}
// show popup
return w2popup[method]($.extend({}, dlgOptions, options));
};
// ====================================================
// -- Implementation of core functionality (SINGLETON)
w2popup = {
defaults: {
title : '',
body : '',
buttons : '',
style : '',
color : '#000',
opacity : 0.4,
speed : 0.3,
modal : false,
maximized : false,
keyboard : true, // will close popup on esc if not modal
width : 500,
height : 300,
showClose : true,
showMax : false,
transition: null
},
status : 'closed', // string that describes current status
handlers : [],
onOpen : null,
onClose : null,
onMax : null,
onMin : null,
onToggle : null,
onKeydown : null,
open: function (options) {
var obj = this;
if (w2popup.status == 'closing') {
setTimeout(function () { obj.open.call(obj, options); }, 100);
return;
}
// get old options and merge them
var old_options = $('#w2ui-popup').data('options');
var options = $.extend({}, this.defaults, old_options, { title: '', body : '', buttons: '' }, options, { maximized: false });
// need timer because popup might not be open
setTimeout(function () { $('#w2ui-popup').data('options', options); }, 100);
// if new - reset event handlers
if ($('#w2ui-popup').length === 0) {
// w2popup.handlers = []; // if commented, allows to add w2popup.on() for all
w2popup.onMax = null;
w2popup.onMin = null;
w2popup.onToggle = null;
w2popup.onOpen = null;
w2popup.onClose = null;
w2popup.onKeydown = null;
}
if (options.onOpen) w2popup.onOpen = options.onOpen;
if (options.onClose) w2popup.onClose = options.onClose;
if (options.onMax) w2popup.onMax = options.onMax;
if (options.onMin) w2popup.onMin = options.onMin;
if (options.onToggle) w2popup.onToggle = options.onToggle;
if (options.onKeydown) w2popup.onKeydown = options.onKeydown;
options.width = parseInt(options.width);
options.height = parseInt(options.height);
var maxW, maxH;
if (window.innerHeight == undefined) {
maxW = parseInt(document.documentElement.offsetWidth);
maxH = parseInt(document.documentElement.offsetHeight);
if (w2utils.engine === 'IE7') { maxW += 21; maxH += 4; }
} else {
maxW = parseInt(window.innerWidth);
maxH = parseInt(window.innerHeight);
}
if (maxW - 10 < options.width) options.width = maxW - 10;
if (maxH - 10 < options.height) options.height = maxH - 10;
var top = (maxH - options.height) / 2 * 0.6;
var left = (maxW - options.width) / 2;
// check if message is already displayed
if ($('#w2ui-popup').length === 0) {
// trigger event
var edata = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: false });
if (edata.isCancelled === true) return;
w2popup.status = 'opening';
// output message
w2popup.lockScreen(options);
var btn = '';
if (options.showClose) {
btn += '';
}
if (options.showMax) {
btn += '';
}
// first insert just body
var msg = '';
$('body').append(msg);
// parse rel=*
var parts = $('#w2ui-popup');
if (parts.find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {
// title
var tmp = parts.find('div[rel=title]');
if (tmp.length > 0) { options.title = tmp.html(); tmp.remove(); }
// buttons
var tmp = parts.find('div[rel=buttons]');
if (tmp.length > 0) { options.buttons = tmp.html(); tmp.remove(); }
// body
var tmp = parts.find('div[rel=body]');
if (tmp.length > 0) options.body = tmp.html(); else options.body = parts.html();
}
// then content
var msg = ''+
''+
' '+
'
'+
''+
''; // this is needed to keep focus in popup
$('#w2ui-popup').html(msg);
if (options.title) $('#w2ui-popup .w2ui-popup-title').append(options.title);
if (options.buttons) $('#w2ui-popup .w2ui-popup-buttons').append(options.buttons);
if (options.body) $('#w2ui-popup .w2ui-popup-body').append(options.body);
// allow element to render
setTimeout(function () {
$('#w2ui-popup')
.css('opacity', '1')
.css(w2utils.cssPrefix({
'transition': options.speed + 's opacity, ' + options.speed + 's -webkit-transform',
'transform' : 'scale(1)'
}));
obj.focus();
}, 1);
// clean transform
setTimeout(function () {
$('#w2ui-popup').css(w2utils.cssPrefix('transform', ''));
// event after
w2popup.status = 'open';
setTimeout(function () {
obj.trigger($.extend(edata, { phase: 'after' }));
}, 100);
}, options.speed * 1000);
} else {
// if was from template and now not
if (w2popup._prev == null && w2popup._template != null) obj.restoreTemplate();
// trigger event
var edata = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: true });
if (edata.isCancelled === true) return;
// check if size changed
w2popup.status = 'opening';
if (old_options != null) {
if (!old_options.maximized && (old_options['width'] != options['width'] || old_options['height'] != options['height'])) {
w2popup.resize(options.width, options.height);
}
options.prevSize = options.width + 'px:' + options.height + 'px';
options.maximized = old_options.maximized;
}
// show new items
var cloned = $('#w2ui-popup .w2ui-box').clone();
cloned.removeClass('w2ui-box').addClass('w2ui-box-temp').find('.w2ui-popup-body').empty().append(options.body);
// parse rel=*
if (typeof options.body == 'string' && cloned.find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {
// title
var tmp = cloned.find('div[rel=title]');
if (tmp.length > 0) { options['title'] = tmp.html(); tmp.remove(); }
// buttons
var tmp = cloned.find('div[rel=buttons]');
if (tmp.length > 0) { options['buttons'] = tmp.html(); tmp.remove(); }
// body
var tmp = cloned.find('div[rel=body]');
if (tmp.length > 0) options['body'] = tmp.html(); else options['body'] = cloned.html();
// set proper body
cloned.html(options.body);
}
$('#w2ui-popup .w2ui-box').after(cloned);
if (options.buttons) {
$('#w2ui-popup .w2ui-popup-buttons').show().html('').append(options.buttons);
$('#w2ui-popup .w2ui-popup-body').removeClass('w2ui-popup-no-buttons');
$('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('bottom', '');
} else {
$('#w2ui-popup .w2ui-popup-buttons').hide().html('');
$('#w2ui-popup .w2ui-popup-body').addClass('w2ui-popup-no-buttons');
$('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('bottom', '0px');
}
if (options.title) {
$('#w2ui-popup .w2ui-popup-title')
.show()
.html((options.showClose ? '' : '') +
(options.showMax ? '' : ''))
.append(options.title);
$('#w2ui-popup .w2ui-popup-body').removeClass('w2ui-popup-no-title');
$('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('top', '');
} else {
$('#w2ui-popup .w2ui-popup-title').hide().html('');
$('#w2ui-popup .w2ui-popup-body').addClass('w2ui-popup-no-title');
$('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('top', '0px');
}
// transition
var div_old = $('#w2ui-popup .w2ui-box')[0];
var div_new = $('#w2ui-popup .w2ui-box-temp')[0];
w2utils.transition(div_old, div_new, options.transition, function () {
// clean up
obj.restoreTemplate();
$(div_old).remove();
$(div_new).removeClass('w2ui-box-temp').addClass('w2ui-box');
var $body = $(div_new).find('.w2ui-popup-body');
if ($body.length == 1) $body[0].style.cssText = options.style;
// remove max state
$('#w2ui-popup').data('prev-size', null);
// focus on first button
obj.focus();
// call event onChange
w2popup.status = 'open';
obj.trigger($.extend(edata, { phase: 'after' }));
});
}
// save new options
options._last_focus = $(':focus');
// keyboard events
if (options.keyboard) $(document).on('keydown', this.keydown);
// initialize move
var tmp = {
resizing : false,
mvMove : mvMove,
mvStop : mvStop
};
$('#w2ui-popup .w2ui-popup-title').on('mousedown', function (event) {
if (!w2popup.get().maximized) mvStart(event);
});
// handlers
function mvStart(evnt) {
if (!evnt) evnt = window.event;
w2popup.status = 'moving';
tmp.resizing = true;
tmp.isLocked = $('#w2ui-popup > .w2ui-lock').length == 1 ? true : false;
tmp.x = evnt.screenX;
tmp.y = evnt.screenY;
tmp.pos_x = $('#w2ui-popup').position().left;
tmp.pos_y = $('#w2ui-popup').position().top;
if (!tmp.isLocked) w2popup.lock({ opacity: 0 });
$(document).on('mousemove', tmp.mvMove);
$(document).on('mouseup', tmp.mvStop);
if (evnt.stopPropagation) evnt.stopPropagation(); else evnt.cancelBubble = true;
if (evnt.preventDefault) evnt.preventDefault(); else return false;
}
function mvMove(evnt) {
if (tmp.resizing != true) return;
if (!evnt) evnt = window.event;
tmp.div_x = evnt.screenX - tmp.x;
tmp.div_y = evnt.screenY - tmp.y;
$('#w2ui-popup').css(w2utils.cssPrefix({
'transition': 'none',
'transform' : 'translate3d('+ tmp.div_x +'px, '+ tmp.div_y +'px, 0px)'
}));
}
function mvStop(evnt) {
if (tmp.resizing != true) return;
if (!evnt) evnt = window.event;
w2popup.status = 'open';
tmp.div_x = (evnt.screenX - tmp.x);
tmp.div_y = (evnt.screenY - tmp.y);
$('#w2ui-popup').css({
'left': (tmp.pos_x + tmp.div_x) + 'px',
'top' : (tmp.pos_y + tmp.div_y) + 'px'
}).css(w2utils.cssPrefix({
'transition': 'none',
'transform' : 'translate3d(0px, 0px, 0px)'
}));
tmp.resizing = false;
$(document).off('mousemove', tmp.mvMove);
$(document).off('mouseup', tmp.mvStop);
if (!tmp.isLocked) w2popup.unlock();
}
return this;
},
keydown: function (event) {
var options = $('#w2ui-popup').data('options');
if (options && !options.keyboard) return;
// trigger event
var edata = w2popup.trigger({ phase: 'before', type: 'keydown', target: 'popup', options: options, originalEvent: event });
if (edata.isCancelled === true) return;
// default behavior
switch (event.keyCode) {
case 27:
event.preventDefault();
if ($('#w2ui-popup .w2ui-message').length > 0) w2popup.message(); else w2popup.close();
break;
}
// event after
w2popup.trigger($.extend(edata, { phase: 'after'}));
},
close: function (options) {
var obj = this;
var options = $.extend({}, $('#w2ui-popup').data('options'), options);
if ($('#w2ui-popup').length === 0 || this.status == 'closed') return;
if (this.status == 'opening') {
setTimeout(function () { w2popup.close(); }, 100);
return;
}
// trigger event
var edata = this.trigger({ phase: 'before', type: 'close', target: 'popup', options: options });
if (edata.isCancelled === true) return;
// default behavior
w2popup.status = 'closing';
$('#w2ui-popup')
.css('opacity', '0')
.css(w2utils.cssPrefix({
'transition': options.speed + 's opacity, ' + options.speed + 's -webkit-transform',
'transform' : 'scale(0.9)'
}));
w2popup.unlockScreen(options);
setTimeout(function () {
// return template
obj.restoreTemplate();
$('#w2ui-popup').remove();
w2popup.status = 'closed';
// restore active
if (options._last_focus.length > 0) options._last_focus.focus();
// event after
obj.trigger($.extend(edata, { phase: 'after'}));
}, options.speed * 1000);
// remove keyboard events
if (options.keyboard) $(document).off('keydown', this.keydown);
},
toggle: function () {
var obj = this;
var options = $('#w2ui-popup').data('options');
// trigger event
var edata = this.trigger({ phase: 'before', type: 'toggle', target: 'popup', options: options });
if (edata.isCancelled === true) return;
// defatul action
if (options.maximized === true) w2popup.min(); else w2popup.max();
// event after
setTimeout(function () {
obj.trigger($.extend(edata, { phase: 'after'}));
}, (options.speed * 1000) + 50);
},
max: function () {
var obj = this;
var options = $('#w2ui-popup').data('options');
if (options.maximized === true) return;
// trigger event
var edata = this.trigger({ phase: 'before', type: 'max', target: 'popup', options: options });
if (edata.isCancelled === true) return;
// default behavior
w2popup.status = 'resizing';
options.prevSize = $('#w2ui-popup').css('width') + ':' + $('#w2ui-popup').css('height');
// do resize
w2popup.resize(10000, 10000, function () {
w2popup.status = 'open';
options.maximized = true;
obj.trigger($.extend(edata, { phase: 'after'}));
// resize gird, form, layout inside popup
$('#w2ui-popup .w2ui-grid, #w2ui-popup .w2ui-form, #w2ui-popup .w2ui-layout').each(function () {
var name = $(this).attr('name');
if (w2ui[name] && w2ui[name].resize) w2ui[name].resize();
})
});
},
min: function () {
var obj = this;
var options = $('#w2ui-popup').data('options');
if (options.maximized !== true) return;
var size = options.prevSize.split(':');
// trigger event
var edata = this.trigger({ phase: 'before', type: 'min', target: 'popup', options: options });
if (edata.isCancelled === true) return;
// default behavior
w2popup.status = 'resizing';
// do resize
w2popup.resize(parseInt(size[0]), parseInt(size[1]), function () {
w2popup.status = 'open';
options.maximized = false;
options.prevSize = null;
obj.trigger($.extend(edata, { phase: 'after'}));
// resize gird, form, layout inside popup
$('#w2ui-popup .w2ui-grid, #w2ui-popup .w2ui-form, #w2ui-popup .w2ui-layout').each(function () {
var name = $(this).attr('name');
if (w2ui[name] && w2ui[name].resize) w2ui[name].resize();
})
});
},
get: function () {
return $('#w2ui-popup').data('options');
},
set: function (options) {
w2popup.open(options);
},
clear: function() {
$('#w2ui-popup .w2ui-popup-title').html('');
$('#w2ui-popup .w2ui-popup-body').html('');
$('#w2ui-popup .w2ui-popup-buttons').html('');
},
reset: function () {
w2popup.open(w2popup.defaults);
},
load: function (options) {
w2popup.status = 'loading';
if (options.url == null) {
console.log('ERROR: The url parameter is empty.');
return;
}
var tmp = String(options.url).split('#');
var url = tmp[0];
var selector = tmp[1];
if (options == null) options = {};
// load url
var html = $('#w2ui-popup').data(url);
if (html != null) {
popup(html, selector);
} else {
$.get(url, function (data, status, obj) { // should always be $.get as it is template
popup(obj.responseText, selector);
$('#w2ui-popup').data(url, obj.responseText); // remember for possible future purposes
});
}
function popup(html, selector) {
delete options.url;
$('body').append('');
if (selector != null && $('#w2ui-tmp #'+selector).length > 0) {
$('#w2ui-tmp #' + selector).w2popup(options);
} else {
$('#w2ui-tmp > div').w2popup(options);
}
// link styles
if ($('#w2ui-tmp > style').length > 0) {
var style = $('').append($('#w2ui-tmp > style').clone()).html();
if ($('#w2ui-popup #div-style').length === 0) {
$('#w2ui-popup').append('');
}
$('#w2ui-popup #div-style').html(style);
}
$('#w2ui-tmp').remove();
}
},
message: function (options) {
var obj = this;
$().w2tag(); // hide all tags
if (!options) options = { width: 200, height: 100 };
var pWidth = parseInt($('#w2ui-popup').width());
var pHeight = parseInt($('#w2ui-popup').height());
options.originalWidth = options.width;
options.originalHeight = options.height;
if (parseInt(options.width) < 10) options.width = 10;
if (parseInt(options.height) < 10) options.height = 10;
if (options.hideOnClick == null) options.hideOnClick = false;
var poptions = $('#w2ui-popup').data('options') || {};
var titleHeight = parseInt($('#w2ui-popup > .w2ui-popup-title').css('height'));
if (options.width == null || options.width > poptions.width - 10) {
options.width = poptions.width - 10;
}
if (options.height == null || options.height > poptions.height - titleHeight - 5) {
options.height = poptions.height - titleHeight - 5; // need margin from bottom only
}
// negative value means margin
if (options.originalHeight < 0) options.height = pHeight + options.originalHeight - titleHeight;
if (options.originalWidth < 0) options.width = pWidth + options.originalWidth * 2; // x 2 because there is left and right margin
var head = $('#w2ui-popup .w2ui-popup-title');
var msgCount = $('#w2ui-popup .w2ui-message').length;
// remove message
if ($.trim(options.html) === '' && $.trim(options.body) === '' && $.trim(options.buttons) === '') {
var $msg = $('#w2ui-popup #w2ui-message'+ (msgCount-1));
var options = $msg.data('options') || {};
$msg.css(w2utils.cssPrefix({
'transition': '0.15s',
'transform': 'translateY(-' + options.height + 'px)'
}));
if (msgCount == 1) {
w2popup.unlock(150);
} else {
$('#w2ui-popup #w2ui-message'+ (msgCount-2)).css('z-index', 1500);
}
setTimeout(function () {
var $focus = $msg.data('prev_focus');
$msg.remove();
if ($focus && $focus.length > 0) {
$focus.focus();
} else {
obj.focus();
}
if (typeof options.onClose == 'function') options.onClose();
}, 150);
} else {
if ($.trim(options.body) !== '' || $.trim(options.buttons) !== '') {
options.html = ''+
'';
}
// hide previous messages
$('#w2ui-popup .w2ui-message').css('z-index', 1390);
head.css('z-index', 1501);
// add message
$('#w2ui-popup .w2ui-box')
.before('');
$('#w2ui-popup #w2ui-message'+ msgCount).data('options', options).data('prev_focus', $(':focus'));
var display = $('#w2ui-popup #w2ui-message'+ msgCount).css('display');
$('#w2ui-popup #w2ui-message'+ msgCount).css(w2utils.cssPrefix({
'transform': (display == 'none' ? 'translateY(-' + options.height + 'px)' : 'translateY(0px)')
}));
if (display == 'none') {
$('#w2ui-popup #w2ui-message'+ msgCount).show().html(options.html);
// timer needs to animation
setTimeout(function () {
$('#w2ui-popup #w2ui-message'+ msgCount).css(w2utils.cssPrefix({
'transform': (display == 'none' ? 'translateY(0px)' : 'translateY(-' + options.height + 'px)')
}));
}, 1);
// timer for lock
if (msgCount === 0) w2popup.lock();
setTimeout(function() {
obj.focus();
// has to be on top of lock
$('#w2ui-popup #w2ui-message'+ msgCount).css(w2utils.cssPrefix({ 'transition': '0s' }));
if (typeof options.onOpen == 'function') options.onOpen();
}, 350);
}
}
},
focus: function () {
var tmp = null;
var pop = $('#w2ui-popup');
var sel = 'input:visible, button:visible, select:visible, textarea:visible';
// clear previous blur
$(pop).find(sel).off('.keep-focus');
// in message or popup
var cnt = $('#w2ui-popup .w2ui-message').length - 1;
var msg = $('#w2ui-popup #w2ui-message' + cnt);
if (msg.length > 0) {
var btn =$(msg[msg.length - 1]).find('button');
if (btn.length > 0) btn[0].focus();
tmp = msg;
} else if (pop.length > 0) {
var btn = pop.find('.w2ui-popup-buttons button');
if (btn.length > 0) btn[0].focus();
tmp = pop;
}
// keep focus/blur inside popup
$(tmp).find(sel)
.on('blur.keep-focus', function (event) {
setTimeout(function () {
var focus = $(':focus');
if ((focus.length > 0 && !$(tmp).find(sel).is(focus)) || focus.hasClass('w2ui-popup-hidden')) {
var el = $(tmp).find(sel);
if (el.length > 0) el[0].focus();
}
}, 1);
});
},
lock: function (msg, showSpinner) {
var args = Array.prototype.slice.call(arguments, 0);
args.unshift($('#w2ui-popup'));
w2utils.lock.apply(window, args);
},
unlock: function (speed) {
w2utils.unlock($('#w2ui-popup'), speed);
},
// --- INTERNAL FUNCTIONS
lockScreen: function (options) {
if ($('#w2ui-lock').length > 0) return false;
if (options == null) options = $('#w2ui-popup').data('options');
if (options == null) options = {};
options = $.extend({}, w2popup.defaults, options);
// show element
$('body').append('');
// lock screen
setTimeout(function () {
$('#w2ui-lock')
.css('opacity', options.opacity)
.css(w2utils.cssPrefix('transition', options.speed + 's opacity'));
}, 1);
// add events
if (options.modal == true) {
$('#w2ui-lock').on('mousedown', function () {
$('#w2ui-lock')
.css('opacity', '0.6')
.css(w2utils.cssPrefix('transition', '.1s'));
});
$('#w2ui-lock').on('mouseup', function () {
setTimeout(function () {
$('#w2ui-lock')
.css('opacity', options.opacity)
.css(w2utils.cssPrefix('transition', '.1s'));
}, 100);
});
} else {
$('#w2ui-lock').on('mousedown', function () { w2popup.close(); });
}
return true;
},
unlockScreen: function (options) {
if ($('#w2ui-lock').length === 0) return false;
if (options == null) options = $('#w2ui-popup').data('options');
if (options == null) options = {};
options = $.extend({}, w2popup.defaults, options);
$('#w2ui-lock')
.css('opacity', '0')
.css(w2utils.cssPrefix('transition', options.speed + 's opacity'));
setTimeout(function () {
$('#w2ui-lock').remove();
}, options.speed * 1000);
return true;
},
resizeMessages: function () {
var obj = this;
var options = $('#w2ui-popup').data('options');
// see if there are messages and resize them
$('#w2ui-popup .w2ui-message').each(function () {
var moptions = $(this).data('options');
var $popup = $('#w2ui-popup');
if (parseInt(moptions.width) < 10) moptions.width = 10;
if (parseInt(moptions.height) < 10) moptions.height = 10;
var titleHeight = parseInt($popup.find('> .w2ui-popup-title').css('height'));
var pWidth = parseInt($popup.width());
var pHeight = parseInt($popup.height());
// recalc width
moptions.width = moptions.originalWidth;
if (moptions.width > pWidth - 10) {
moptions.width = pWidth - 10;
}
// recalc height
moptions.height = moptions.originalHeight;
if (moptions.height > pHeight - titleHeight - 5) {
moptions.height = pHeight - titleHeight - 5;
}
if (moptions.originalHeight < 0) moptions.height = pHeight + moptions.originalHeight - titleHeight;
if (moptions.originalWidth < 0) moptions.width = pWidth + moptions.originalWidth * 2; // x 2 because there is left and right margin
$(this).css({
left : ((pWidth - moptions.width) / 2) + 'px',
width : moptions.width + 'px',
height : moptions.height + 'px'
});
});
},
resize: function (width, height, callBack) {
var obj = this;
var options = $('#w2ui-popup').data('options');
width = parseInt(width);
height = parseInt(height);
// calculate new position
var maxW, maxH;
if (window.innerHeight == undefined) {
maxW = parseInt(document.documentElement.offsetWidth);
maxH = parseInt(document.documentElement.offsetHeight);
if (w2utils.engine === 'IE7') { maxW += 21; maxH += 4; }
} else {
maxW = parseInt(window.innerWidth);
maxH = parseInt(window.innerHeight);
}
if (maxW - 10 < width) width = maxW - 10;
if (maxH - 10 < height) height = maxH - 10;
var top = (maxH - height) / 2 * 0.6;
var left = (maxW - width) / 2;
// resize there
$('#w2ui-popup')
.css(w2utils.cssPrefix({
'transition': options.speed + 's width, ' + options.speed + 's height, ' + options.speed + 's left, ' + options.speed + 's top'
}))
.css({
'top' : top,
'left' : left,
'width' : width,
'height': height
});
var tmp_int = setInterval(function () { obj.resizeMessages(); }, 10); // then messages resize nicely
setTimeout(function () {
clearInterval(tmp_int);
options.width = width;
options.height = height;
obj.resizeMessages();
if (typeof callBack == 'function') callBack();
}, (options.speed * 1000) + 50); // give extra 50 ms
},
/***********************
* Internal
**/
// restores template
restoreTemplate: function () {
var options = $('#w2ui-popup').data('options');
if (options == null) return;
var template = w2popup._template;
var title = options.title;
var body = options.body;
var buttons = options.buttons;
if (w2popup._prev) {
template = w2popup._prev.template;
title = w2popup._prev.title;
body = w2popup._prev.body;
buttons = w2popup._prev.buttons;
delete w2popup._prev;
} else {
delete w2popup._template;
}
if (template != null) {
var $tmp = $(template);
if ($tmp.length === 0) return;
if ($(body).attr('rel') == 'body') {
if (title) $tmp.append(title);
if (body) $tmp.append(body);
if (buttons) $tmp.append(buttons);
} else {
$tmp.append(body);
}
}
}
};
// merge in event handling
$.extend(w2popup, w2utils.event);
})(jQuery);
// ============================================
// --- Common dialogs
var w2alert = function (msg, title, callBack) {
var $ = jQuery;
if (title == null) title = w2utils.lang('Notification');
if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing') {
w2popup.message({
width : 400,
height : 170,
body : ''+
'
';
}
var tabHTML = closable +
' ' + msg + '
',
buttons : '',
onOpen: function () {
$('#w2ui-popup .w2ui-message .w2ui-popup-btn').focus();
},
onClose: function () {
if (typeof callBack == 'function') callBack();
}
});
} else {
w2popup.open({
width : 450,
height : 220,
showMax : false,
showClose : false,
title : title,
body : '' + msg + '
',
buttons : '',
onOpen: function (event) {
// do not use onComplete as it is slower
setTimeout(function () { $('#w2ui-popup .w2ui-popup-btn').focus(); }, 1);
},
onKeydown: function (event) {
$('#w2ui-popup .w2ui-popup-btn').focus().addClass('clicked');
},
onClose: function () {
if (typeof callBack == 'function') callBack();
}
});
}
return {
ok: function (fun) {
callBack = fun;
return this;
},
done: function (fun) {
callBack = fun;
return this;
}
};
};
var w2confirm = function (msg, title, callBack) {
var $ = jQuery;
var options = {};
var defaults = {
msg : '',
title : w2utils.lang('Confirmation'),
width : ($('#w2ui-popup').length > 0 ? 400 : 450),
height : ($('#w2ui-popup').length > 0 ? 170 : 220),
yes_text : 'Yes',
yes_class : '',
yes_style : '',
yes_callBack: null,
no_text : 'No',
no_class : '',
no_style : '',
no_callBack : null,
callBack : null
};
if (arguments.length == 1 && typeof msg == 'object') {
$.extend(options, defaults, msg);
} else {
if (typeof title == 'function') {
$.extend(options, defaults, {
msg : msg,
callBack: title
})
} else {
$.extend(options, defaults, {
msg : msg,
title : title,
callBack: callBack
})
}
}
// if there is a yes/no button object
if (typeof options.btn_yes == 'object') {
options.yes_text = options.btn_yes.text || options.yes_text;
options.yes_class = options.btn_yes["class"] || options.yes_class;
options.yes_style = options.btn_yes.style || options.yes_style;
options.yes_callBack = options.btn_yes.callBack || options.yes_callBack;
}
if (typeof options.btn_no == 'object') {
options.no_text = options.btn_no.text || options.no_text;
options.no_class = options.btn_no["class"] || options.no_class;
options.no_style = options.btn_no.style || options.no_style;
options.no_callBack = options.btn_no.callBack || options.no_callBack;
}
if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing' && w2popup.get()) {
if (options.width > w2popup.get().width) options.width = w2popup.get().width;
if (options.height > (w2popup.get().height - 50)) options.height = w2popup.get().height - 50;
w2popup.message({
width : options.width,
height : options.height,
body : '' + options.msg + '
',
buttons : '' +
'',
onOpen: function () {
$('#w2ui-popup .w2ui-message .w2ui-btn').on('click.w2confirm', function (event) {
w2popup._confirm_btn = event.target.id;
w2popup.message();
});
},
onClose: function () {
// needed this because there might be other messages
$('#w2ui-popup .w2ui-message .w2ui-btn').off('click.w2confirm');
// need to wait for message to slide up
setTimeout(function () {
if (typeof options.callBack == 'function') options.callBack(w2popup._confirm_btn);
if (w2popup._confirm_btn == 'Yes' && typeof options.yes_callBack == 'function') options.yes_callBack();
if (w2popup._confirm_btn == 'No' && typeof options.no_callBack == 'function') options.no_callBack();
}, 300);
}
// onKeydown will not work here
});
} else {
if (!w2utils.isInt(options.height)) options.height = options.height + 50;
w2popup.open({
width : options.width,
height : options.height,
title : options.title,
modal : true,
showClose : false,
body : '' + options.msg + '
',
buttons : ''+
'',
onOpen: function (event) {
// do not use onComplete as it is slower
setTimeout(function () {
$('#w2ui-popup .w2ui-popup-btn').on('click', function (event) {
w2popup.close();
if (typeof options.callBack == 'function') options.callBack(event.target.id);
if (event.target.id == 'Yes' && typeof options.yes_callBack == 'function') options.yes_callBack();
if (event.target.id == 'No' && typeof options.no_callBack == 'function') options.no_callBack();
});
$('#w2ui-popup .w2ui-popup-btn#Yes').focus();
}, 1);
},
onKeydown: function (event) {
// if there are no messages
if ($('#w2ui-popup .w2ui-message').length === 0) {
switch (event.originalEvent.keyCode) {
case 13: // enter
$('#w2ui-popup .w2ui-popup-btn#Yes').focus().addClass('clicked'); // no need fo click as enter will do click
w2popup.close();
break;
case 27: // esc
$('#w2ui-popup .w2ui-popup-btn#No').focus().click();
w2popup.close();
break;
}
}
}
});
}
return {
yes: function (fun) {
options.yes_callBack = fun;
return this;
},
no: function (fun) {
options.no_callBack = fun;
return this;
}
};
};
var w2prompt = function (label, title, callBack) {
var $ = jQuery;
var options = {};
var defaults = {
label : '',
value : '',
attrs : '',
title : w2utils.lang('Notification'),
ok_text : w2utils.lang('Ok'),
cancel_text : w2utils.lang('Cancel'),
width : ($('#w2ui-popup').length > 0 ? 400 : 450),
height : ($('#w2ui-popup').length > 0 ? 170 : 220),
callBack : null
}
if (arguments.length == 1 && typeof label == 'object') {
$.extend(options, defaults, label);
} else {
if (typeof title == 'function') {
$.extend(options, defaults, {
label : label,
callBack: title
})
} else {
$.extend(options, defaults, {
label : label,
title : title,
callBack: callBack
})
}
}
if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing' && w2popup.get()) {
if (options.width > w2popup.get().width) options.width = w2popup.get().width;
if (options.height > (w2popup.get().height - 50)) options.height = w2popup.get().height - 50;
w2popup.message({
width : options.width,
height : options.height,
body : ''+
' '+
' '+
'
',
buttons : '',
onOpen: function () {
$('#w2prompt').val(options.value);
$('#w2ui-popup .w2ui-message .w2ui-btn#Ok').on('click.w2prompt', function (event) {
w2popup._prompt_value = $('#w2prompt').val();
w2popup.message();
});
$('#w2ui-popup .w2ui-message .w2ui-btn#Cancel').on('click.w2prompt', function (event) {
w2popup._prompt_value = null;
w2popup.message();
});
// set focus
setTimeout(function () { $('#w2prompt').focus(); }, 100);
},
onClose: function () {
// needed this because there might be other messages
$('#w2ui-popup .w2ui-message .w2ui-btn').off('click.w2prompt');
// need to wait for message to slide up
setTimeout(function () {
if (typeof options.callBack == 'function' && w2popup._prompt_value != null) {
options.callBack(w2popup._prompt_value);
}
}, 300);
}
// onKeydown will not work here
});
} else {
if (!w2utils.isInt(options.height)) options.height = options.height + 50;
w2popup.open({
width : options.width,
height : options.height,
title : options.title,
modal : true,
showClose : false,
body : '',
buttons : '',
onOpen: function (event) {
// do not use onComplete as it is slower
setTimeout(function () {
$('#w2prompt').val(options.value);
$('#w2prompt').w2field('text');
$('#w2ui-popup .w2ui-popup-btn#Ok').on('click', function (event) {
w2popup._prompt_value = $('#w2prompt').val();
w2popup.close();
if (typeof options.callBack == 'function') options.callBack(w2popup._prompt_value);
});
$('#w2ui-popup .w2ui-popup-btn#Cancel').on('click', function (event) {
w2popup._prompt_value = null;
w2popup.close();
});
$('#w2ui-popup .w2ui-popup-btn#Ok');
// set focus
setTimeout(function () { $('#w2prompt').focus(); }, 100);
}, 1);
},
onKeydown: function (event) {
// if there are no messages
if ($('#w2ui-popup .w2ui-message').length === 0) {
switch (event.originalEvent.keyCode) {
case 13: // enter
$('#w2ui-popup .w2ui-popup-btn#Ok').focus().addClass('clicked'); // no need fo click as enter will do click
w2popup.close();
break;
case 27: // esc
w2popup.close();
break;
}
}
}
});
}
return {
change: function (fun) {
$('#w2prompt').on('keyup', fun).keyup();
return this;
},
ok: function (fun) {
options.callBack = fun;
return this;
}
};
};
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2tabs - tabs widget
* - $().w2tabs - jQuery wrapper
* - Dependencies: jQuery, w2utils
*
* == NICE TO HAVE ==
* - align = left, right, center ??
*
************************************************************************/
(function ($) {
var w2tabs = function (options) {
this.box = null; // DOM Element that holds the element
this.name = null; // unique name for w2ui
this.active = null;
this.flow = 'down'; // can be down or up
this.tooltip = 'top|left'; // can be top, bottom, left, right
this.tabs = [];
this.routeData = {}; // data for dynamic routes
this.right = '';
this.style = '';
$.extend(this, { handlers: [] });
$.extend(true, this, w2obj.tabs, options);
};
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2tabs = function(method) {
if ($.isPlainObject(method)) {
// check name parameter
if (!w2utils.checkName(method, 'w2tabs')) return;
// extend tabs
var tabs = method.tabs || [];
var object = new w2tabs(method);
for (var i = 0; i < tabs.length; i++) {
object.tabs[i] = $.extend({}, w2tabs.prototype.tab, tabs[i]);
}
if ($(this).length !== 0) {
object.render($(this)[0]);
}
// register new object
w2ui[object.name] = object;
return object;
} else {
var obj = w2ui[$(this).attr('name')];
if (!obj) return null;
if (arguments.length > 0) {
if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
return this;
} else {
return obj;
}
}
};
// ====================================================
// -- Implementation of core functionality
w2tabs.prototype = {
onClick : null,
onClose : null,
onRender : null,
onRefresh : null,
onResize : null,
onDestroy : null,
tab : {
id : null, // command to be sent to all event handlers
text : null,
route : null,
hidden : false,
disabled : false,
closable : false,
tooltip : null,
style : '',
onClick : null,
onRefresh : null,
onClose : null
},
add: function (tab) {
return this.insert(null, tab);
},
insert: function (id, tab) {
if (!$.isArray(tab)) tab = [tab];
// assume it is array
for (var i = 0; i < tab.length; i++) {
// checks
if (tab[i].id == null) {
console.log('ERROR: The parameter "id" is required but not supplied. (obj: '+ this.name +')');
return;
}
if (!w2utils.checkUniqueId(tab[i].id, this.tabs, 'tabs', this.name)) return;
// add tab
var newTab = $.extend({}, w2tabs.prototype.tab, tab[i]);
if (id == null) {
this.tabs.push(newTab);
} else {
var middle = this.get(id, true);
this.tabs = this.tabs.slice(0, middle).concat([newTab], this.tabs.slice(middle));
}
this.refresh(tab[i].id);
this.resize();
}
},
remove: function () {
var removed = 0;
for (var a = 0; a < arguments.length; a++) {
var tab = this.get(arguments[a]);
if (!tab) return false;
removed++;
// remove from array
this.tabs.splice(this.get(tab.id, true), 1);
// remove from screen
$(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id)).remove();
}
this.resize();
return removed;
},
select: function (id) {
if (this.active == id || this.get(id) == null) return false;
this.active = id;
this.refresh();
return true;
},
set: function (id, tab) {
var index = this.get(id, true);
if (index == null) return false;
$.extend(this.tabs[index], tab);
this.refresh(id);
return true;
},
get: function (id, returnIndex) {
if (arguments.length === 0) {
var all = [];
for (var i1 = 0; i1 < this.tabs.length; i1++) {
if (this.tabs[i1].id != null) {
all.push(this.tabs[i1].id);
}
}
return all;
} else {
for (var i2 = 0; i2 < this.tabs.length; i2++) {
if (this.tabs[i2].id == id) { // need to be == since id can be numeric
return (returnIndex === true ? i2 : this.tabs[i2]);
}
}
}
return null;
},
show: function () {
var obj = this;
var shown = 0;
var tmp = [];
for (var a = 0; a < arguments.length; a++) {
var tab = this.get(arguments[a]);
if (!tab || tab.hidden === false) continue;
shown++;
tab.hidden = false;
tmp.push(tab.id);
}
setTimeout(function () { for (var t=0; t' + w2utils.lang(text) + '
';
if (jq_el.length === 0) {
// does not exist - create it
var addStyle = '';
if (tab.hidden) { addStyle += 'display: none;'; }
if (tab.disabled) { addStyle += 'opacity: 0.2;'; }
var html = ''+
''+
'
'+
'
'+
''+
'';
$(this.box)
.attr('name', this.name)
.addClass('w2ui-reset w2ui-tabs')
.html(html);
if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
this.refresh();
this.resize();
return (new Date()).getTime() - time;
},
scroll: function (direction) {
var box = $(this.box);
var obj = this;
var scrollBox = box.find('.w2ui-scroll-wrapper');
var scrollLeft = scrollBox.scrollLeft();
var width1, width2, scroll;
switch (direction) {
case 'left':
width1 = scrollBox.outerWidth();
width2 = scrollBox.find(':first').outerWidth();
scroll = scrollLeft - width1 + 50; // 35 is width of both button
if (scroll <= 0) scroll = 0;
scrollBox.animate({ scrollLeft: scroll }, 300);
break;
case 'right':
width1 = scrollBox.outerWidth();
width2 = scrollBox.find(':first').outerWidth();
scroll = scrollLeft + width1 - 50; // 35 is width of both button
if (scroll >= width2 - width1) scroll = width2 - width1;
scrollBox.animate({ scrollLeft: scroll }, 300);
break;
}
setTimeout(function () { obj.resize(); }, 350);
},
resize: function () {
var time = (new Date()).getTime();
// event before
var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name });
if (edata.isCancelled === true) return;
// show hide overflow buttons
var box = $(this.box);
box.find('.w2ui-scroll-left, .w2ui-scroll-right').hide();
var scrollBox = box.find('.w2ui-scroll-wrapper');
if (scrollBox.find(':first').outerWidth() > scrollBox.outerWidth()) {
// we have overflowed content
if (scrollBox.scrollLeft() > 0) {
box.find('.w2ui-scroll-left').show();
}
if (scrollBox.scrollLeft() < scrollBox.find(':first').outerWidth() - scrollBox.outerWidth()) {
box.find('.w2ui-scroll-right').show();
}
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
destroy: function () {
// event before
var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
if (edata.isCancelled === true) return;
// clean up
if ($(this.box).find('> table #tabs_'+ this.name + '_right').length > 0) {
$(this.box)
.removeAttr('name')
.removeClass('w2ui-reset w2ui-tabs')
.html('');
}
delete w2ui[this.name];
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
// ===================================================
// -- Internal Event Handlers
click: function (id, event) {
var tab = this.get(id);
if (tab == null || tab.disabled) return false;
// event before
var edata = this.trigger({ phase: 'before', type: 'click', target: id, tab: tab, object: tab, originalEvent: event });
if (edata.isCancelled === true) return;
// default action
$(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.active) +' .w2ui-tab').removeClass('active');
this.active = tab.id;
// route processing
if (typeof tab.route == 'string') {
var route = tab.route !== '' ? String('/'+ tab.route).replace(/\/{2,}/g, '/') : '';
var info = w2utils.parseRoute(route);
if (info.keys.length > 0) {
for (var k = 0; k < info.keys.length; k++) {
if (this.routeData[info.keys[k].name] == null) continue;
route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), this.routeData[info.keys[k].name]);
}
}
setTimeout(function () { window.location.hash = route; }, 1);
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
this.refresh(id);
},
animateClose: function(id, event) {
var tab = this.get(id);
if (tab == null || tab.disabled) return false;
// event before
var edata = this.trigger({ phase: 'before', type: 'close', target: id, object: this.get(id), originalEvent: event });
if (edata.isCancelled === true) return;
// default action
var obj = this;
$(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id)).css(w2utils.cssPrefix('transition', '.2s')).css('opacity', '0');
setTimeout(function () {
var width = $(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id)).width();
$(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id))
.html('');
setTimeout(function () {
$(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id)).find(':first-child').css({ 'width': '0px' });
}, 50);
}, 200);
setTimeout(function () {
obj.remove(id);
}, 450);
// event before
this.trigger($.extend(edata, { phase: 'after' }));
this.refresh();
},
animateInsert: function(id, tab) {
if (this.get(id) == null) return;
if (!$.isPlainObject(tab)) return;
// check for unique
if (!w2utils.checkUniqueId(tab.id, this.tabs, 'tabs', this.name)) return;
// insert simple div
var jq_el = $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id));
if (jq_el.length !== 0) return; // already exists
// measure width
if (tab.text == null && tab.caption != null) tab.text = tab.caption;
var tmp = '| '+ this.right +' |
'+
'
'+
'
';
$('body').append(tmp);
// create dummy element
var tabHTML = '| '+
(tab.closable ? '' : '') +
' '+ tab.text +' '+
' |
'+
''+
'
'+
''+
'';
$(this.box)
.attr('name', this.name)
.addClass('w2ui-reset w2ui-toolbar')
.html(html);
if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;
// refresh all
this.refresh();
this.resize();
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
refresh: function (id) {
var time = (new Date()).getTime();
// event before
var edata = this.trigger({ phase: 'before', type: 'refresh', target: (id != null ? id : this.name), item: this.get(id) });
if (edata.isCancelled === true) return;
// refresh all
if (id == null) {
for (var i = 0; i < this.items.length; i++) {
var it1 = this.items[i];
if (it1.id == null) it1.id = "item_" + i;
this.refresh(it1.id);
}
return;
}
// create or refresh only one item
var it = this.get(id);
if (it == null) return false;
if (typeof it.onRefresh == 'function') {
var edata2 = this.trigger({ phase: 'before', type: 'refresh', target: id, item: it, object: it });
if (edata2.isCancelled === true) return;
}
var el = $(this.box).find('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id));
var html = this.getItemHTML(it);
if (el.length === 0) {
// does not exist - create it
if (it.type == 'spacer') {
html = '| '; } else { html += ''; } } html += ' | '+ this.right +' | '; html += '
' + w2utils.lang(item.text) + '
' : '');
}
if (item.type == 'text-color') {
text = ''+
(item.text ? w2utils.lang(item.text) : 'Aa') +
'
';
}
case 'menu':
case 'menu-check':
case 'menu-radio':
case 'button':
case 'check':
case 'radio':
case 'drop':
html += ''+
'
|
| ' + (typeof item.html == 'function' ? item.html.call(this, item) : item.html) + ' | '+ '
' + html + '
';
},
tooltipShow: function (id, event, forceRefresh) {
if (this.tooltip == null) return;
var $el = $(this.box).find('#tb_'+ this.name + '_item_'+ w2utils.escapeId(id));
var item = this.get(id);
var pos = this.tooltip;
var txt = item.tooltip;
if (typeof txt == 'function') txt = txt.call(this, item);
$el.prop('_mouse_over', true);
setTimeout(function () {
if ($el.prop('_mouse_over') === true && $el.prop('_mouse_tooltip') !== true) {
$el.prop('_mouse_tooltip', true);
// show tooltip
if (['menu', 'menu-radio', 'menu-check', 'drop', 'color', 'text-color'].indexOf(item.type) != -1 && item.checked == true) return; // not for opened drop downs
$el.w2tag(w2utils.lang(txt), { position: pos });
}
if (forceRefresh == true) {
$el.w2tag(w2utils.lang(txt), { position: pos });
}
}, 1);
},
tooltipHide: function (id, event) {
if (this.tooltip == null) return;
var $el = $(this.box).find('#tb_'+ this.name + '_item_'+ w2utils.escapeId(id));
var item = this.get(id);
$el.removeProp('_mouse_over');
setTimeout(function () {
if ($el.prop('_mouse_over') !== true && $el.prop('_mouse_tooltip') === true) {
$el.removeProp('_mouse_tooltip');
// hide tooltip
$el.w2tag();
}
}, 1);
},
menuClick: function (event) {
var obj = this;
if (event.item && !event.item.disabled) {
// event before
var edata = this.trigger({ phase: 'before', type: 'click', target: event.item.id + ':' + event.subItem.id, item: event.item,
subItem: event.subItem, originalEvent: event.originalEvent });
if (edata.isCancelled === true) return;
// route processing
var it = event.subItem;
var item = this.get(event.item.id);
if (item.type == 'menu-radio') {
item.selected = it.id;
event.item.items.forEach(function (item) { item.checked = false; });
it.checked = true;
}
if (item.type == 'menu-check') {
if (!$.isArray(item.selected)) item.selected = [];
var ind = item.selected.indexOf(it.id);
if (ind == -1) {
item.selected.push(it.id);
it.checked = true;
} else {
item.selected.splice(ind, 1);
it.checked = false;
}
}
if (typeof it.route == 'string') {
var route = it.route !== '' ? String('/'+ it.route).replace(/\/{2,}/g, '/') : '';
var info = w2utils.parseRoute(route);
if (info.keys.length > 0) {
for (var k = 0; k < info.keys.length; k++) {
if (obj.routeData[info.keys[k].name] == null) continue;
route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), this.routeData[info.keys[k].name]);
}
}
setTimeout(function () { window.location.hash = route; }, 1);
}
this.refresh(event.item.id);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
},
colorClick: function (event) {
var obj = this;
if (event.item && !event.item.disabled) {
// event before
var edata = this.trigger({ phase: 'before', type: 'click', target: event.item.id, item: event.item,
color: event.color, originalEvent: event.originalEvent });
if (edata.isCancelled === true) return;
// default behavior
event.item.color = event.color;
obj.refresh(event.item.id);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
}
};
$.extend(w2toolbar.prototype, w2utils.event);
w2obj.toolbar = w2toolbar;
})(jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2sidebar - sidebar widget
* - $().w2sidebar - jQuery wrapper
* - Dependencies: jQuery, w2utils
*
* == NICE TO HAVE ==
* - add find() method to find nodes by a specific criteria (I want all nodes for exampe)
* - dbl click should be like it is in grid (with timer not HTML dbl click event)
* - reorder with dgrag and drop
* - node.style is misleading - should be there to apply color for example
* - add multiselect
*
************************************************************************/
(function ($) {
var w2sidebar = function (options) {
this.name = null;
this.box = null;
this.sidebar = null;
this.parent = null;
this.nodes = []; // Sidebar child nodes
this.menu = [];
this.routeData = {}; // data for dynamic routes
this.selected = null; // current selected node (readonly)
this.img = null;
this.icon = null;
this.style = '';
this.topHTML = '';
this.bottomHTML = '';
this.flatButton = false;
this.keyboard = true;
this.flat = false;
this.hasFocus = false;
$.extend(true, this, w2obj.sidebar, options);
};
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2sidebar = function(method) {
if ($.isPlainObject(method)) {
// check name parameter
if (!w2utils.checkName(method, 'w2sidebar')) return;
// extend items
var nodes = method.nodes;
var object = new w2sidebar(method);
$.extend(object, { handlers: [], nodes: [] });
if (nodes != null) {
object.add(object, nodes);
}
if ($(this).length !== 0) {
object.render($(this)[0]);
}
object.sidebar = object;
// register new object
w2ui[object.name] = object;
return object;
} else {
var obj = w2ui[$(this).attr('name')];
if (!obj) return null;
if (arguments.length > 0) {
if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
return this;
} else {
return obj;
}
}
};
// ====================================================
// -- Implementation of core functionality
w2sidebar.prototype = {
onClick : null, // Fire when user click on Node Text
onDblClick : null, // Fire when user dbl clicks
onContextMenu : null,
onMenuClick : null, // when context menu item selected
onExpand : null, // Fire when node Expands
onCollapse : null, // Fire when node Colapses
onKeydown : null,
onRender : null,
onRefresh : null,
onResize : null,
onDestroy : null,
onFocus : null,
onBlur : null,
onFlat : null,
node: {
id : null,
text : '',
count : null,
img : null,
icon : null,
nodes : [],
style : '', // additional style for subitems
route : null,
selected : false,
expanded : false,
hidden : false,
disabled : false,
group : false, // if true, it will build as a group
groupShowHide : true,
collapsible : true,
plus : false, // if true, plus will be shown even if there is no sub nodes
// events
onClick : null,
onDblClick : null,
onContextMenu : null,
onExpand : null,
onCollapse : null,
// internal
parent : null, // node object
sidebar : null
},
add: function (parent, nodes) {
if (arguments.length == 1) {
// need to be in reverse order
nodes = arguments[0];
parent = this;
}
if (typeof parent == 'string') parent = this.get(parent);
return this.insert(parent, null, nodes);
},
insert: function (parent, before, nodes) {
var txt, ind, tmp, node, nd;
if (arguments.length == 2) {
// need to be in reverse order
nodes = arguments[1];
before = arguments[0];
if (before != null) {
ind = this.get(before);
if (ind == null) {
if (!$.isArray(nodes)) nodes = [nodes];
txt = (nodes[0].caption != null ? nodes[0].caption : nodes[0].text);
console.log('ERROR: Cannot insert node "'+ txt +'" because cannot find node "'+ before +'" to insert before.');
return null;
}
parent = this.get(before).parent;
} else {
parent = this;
}
}
if (typeof parent == 'string') parent = this.get(parent);
if (!$.isArray(nodes)) nodes = [nodes];
for (var o = 0; o < nodes.length; o++) {
node = nodes[o];
if (typeof node.id == null) {
txt = (node.caption != null ? node.caption : node.text);
console.log('ERROR: Cannot insert node "'+ txt +'" because it has no id.');
continue;
}
if (this.get(this, node.id) != null) {
txt = (node.caption != null ? node.caption : node.text);
console.log('ERROR: Cannot insert node with id='+ node.id +' (text: '+ txt + ') because another node with the same id already exists.');
continue;
}
tmp = $.extend({}, w2sidebar.prototype.node, node);
tmp.sidebar = this;
tmp.parent = parent;
nd = tmp.nodes || [];
tmp.nodes = []; // very important to re-init empty nodes array
if (before == null) { // append to the end
parent.nodes.push(tmp);
} else {
ind = this.get(parent, before, true);
if (ind == null) {
txt = (node.caption != null ? node.caption : node.text);
console.log('ERROR: Cannot insert node "'+ txt +'" because cannot find node "'+ before +'" to insert before.');
return null;
}
parent.nodes.splice(ind, 0, tmp);
}
if (nd.length > 0) {
this.insert(tmp, null, nd);
}
}
this.refresh(parent.id);
return tmp;
},
remove: function () { // multiple arguments
var deleted = 0;
var tmp;
for (var a = 0; a < arguments.length; a++) {
tmp = this.get(arguments[a]);
if (tmp == null) continue;
if (this.selected != null && this.selected === tmp.id) {
this.selected = null;
}
var ind = this.get(tmp.parent, arguments[a], true);
if (ind == null) continue;
if (tmp.parent.nodes[ind].selected) tmp.sidebar.unselect(tmp.id);
tmp.parent.nodes.splice(ind, 1);
deleted++;
}
if (deleted > 0 && arguments.length == 1) this.refresh(tmp.parent.id); else this.refresh();
return deleted;
},
set: function (parent, id, node) {
if (arguments.length == 2) {
// need to be in reverse order
node = id;
id = parent;
parent = this;
}
// searches all nested nodes
if (typeof parent == 'string') parent = this.get(parent);
if (parent.nodes == null) return null;
for (var i = 0; i < parent.nodes.length; i++) {
if (parent.nodes[i].id === id) {
// make sure nodes inserted correctly
var nodes = node.nodes;
$.extend(parent.nodes[i], node, { nodes: [] });
if (nodes != null) {
this.add(parent.nodes[i], nodes);
}
this.refresh(id);
return true;
} else {
var rv = this.set(parent.nodes[i], id, node);
if (rv) return true;
}
}
return false;
},
get: function (parent, id, returnIndex) { // can be just called get(id) or get(id, true)
if (arguments.length === 0) {
var all = [];
var tmp = this.find({});
for (var t = 0; t < tmp.length; t++) {
if (tmp[t].id != null) all.push(tmp[t].id);
}
return all;
} else {
if (arguments.length == 1 || (arguments.length == 2 && id === true) ) {
// need to be in reverse order
returnIndex = id;
id = parent;
parent = this;
}
// searches all nested nodes
if (typeof parent == 'string') parent = this.get(parent);
if (parent.nodes == null) return null;
for (var i = 0; i < parent.nodes.length; i++) {
if (parent.nodes[i].id == id) {
if (returnIndex === true) return i; else return parent.nodes[i];
} else {
var rv = this.get(parent.nodes[i], id, returnIndex);
if (rv || rv === 0) return rv;
}
}
return null;
}
},
find: function (parent, params, results) { // can be just called find({ selected: true })
if (arguments.length == 1) {
// need to be in reverse order
params = parent;
parent = this;
}
if (!results) results = [];
// searches all nested nodes
if (typeof parent == 'string') parent = this.get(parent);
if (parent.nodes == null) return results;
for (var i = 0; i < parent.nodes.length; i++) {
var match = true;
for (var prop in params) { // params is an object
if (parent.nodes[i][prop] != params[prop]) match = false;
}
if (match) results.push(parent.nodes[i]);
if (parent.nodes[i].nodes.length > 0) results = this.find(parent.nodes[i], params, results);
}
return results;
},
hide: function () { // multiple arguments
var hidden = 0;
for (var a = 0; a < arguments.length; a++) {
var tmp = this.get(arguments[a]);
if (tmp == null) continue;
tmp.hidden = true;
hidden++;
}
if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();
return hidden;
},
show: function () { // multiple arguments
var shown = 0;
for (var a = 0; a < arguments.length; a++) {
var tmp = this.get(arguments[a]);
if (tmp == null) continue;
tmp.hidden = false;
shown++;
}
if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();
return shown;
},
disable: function () { // multiple arguments
var disabled = 0;
for (var a = 0; a < arguments.length; a++) {
var tmp = this.get(arguments[a]);
if (tmp == null) continue;
tmp.disabled = true;
if (tmp.selected) this.unselect(tmp.id);
disabled++;
}
if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();
return disabled;
},
enable: function () { // multiple arguments
var enabled = 0;
for (var a = 0; a < arguments.length; a++) {
var tmp = this.get(arguments[a]);
if (tmp == null) continue;
tmp.disabled = false;
enabled++;
}
if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();
return enabled;
},
select: function (id) {
var new_node = this.get(id);
if (!new_node) return false;
if (this.selected == id && new_node.selected) return false;
this.unselect(this.selected);
$(this.box).find('#node_'+ w2utils.escapeId(id))
.addClass('w2ui-selected')
.find('.w2ui-icon').addClass('w2ui-icon-selected');
new_node.selected = true;
this.selected = id;
return true;
},
unselect: function (id) {
// if no arguments provided, unselect selected node
if (arguments.length === 0) {
id = this.selected;
}
var current = this.get(id);
if (!current) return false;
current.selected = false;
$(this.box).find('#node_'+ w2utils.escapeId(id))
.removeClass('w2ui-selected')
.find('.w2ui-icon').removeClass('w2ui-icon-selected');
if (this.selected == id) this.selected = null;
return true;
},
toggle: function(id) {
var nd = this.get(id);
if (nd == null) return false;
if (nd.plus) {
this.set(id, { plus: false });
this.expand(id);
this.refresh(id);
return;
}
if (nd.nodes.length === 0) return false;
if (!nd.collapsible) return false;
if (this.get(id).expanded) return this.collapse(id); else return this.expand(id);
},
collapse: function (id) {
var obj = this;
var nd = this.get(id);
// event before
var edata = this.trigger({ phase: 'before', type: 'collapse', target: id, object: nd });
if (edata.isCancelled === true) return;
// default action
$(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideUp(200);
$(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-node-dots:first-child').html('');
nd.expanded = false;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
setTimeout(function () { obj.refresh(id); }, 200);
return true;
},
collapseAll: function (parent) {
if (parent == null) parent = this;
if (typeof parent == 'string') parent = this.get(parent);
if (parent.nodes == null) return false;
for (var i = 0; i < parent.nodes.length; i++) {
if (parent.nodes[i].expanded === true) parent.nodes[i].expanded = false;
if (parent.nodes[i].nodes && parent.nodes[i].nodes.length > 0) this.collapseAll(parent.nodes[i]);
}
this.refresh(parent.id);
return true;
},
expand: function (id) {
var obj = this;
var nd = this.get(id);
// event before
var edata = this.trigger({ phase: 'before', type: 'expand', target: id, object: nd });
if (edata.isCancelled === true) return;
// default action
$(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideDown(200);
$(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-node-dots:first-child').html('');
nd.expanded = true;
// event after
this.trigger($.extend(edata, { phase: 'after' }));
setTimeout(function () { obj.refresh(id); }, 200);
return true;
},
expandAll: function (parent) {
if (parent == null) parent = this;
if (typeof parent == 'string') parent = this.get(parent);
if (parent.nodes == null) return false;
for (var i = 0; i < parent.nodes.length; i++) {
if (parent.nodes[i].expanded === false) parent.nodes[i].expanded = true;
if (parent.nodes[i].nodes && parent.nodes[i].nodes.length > 0) this.expandAll(parent.nodes[i]);
}
this.refresh(parent.id);
},
expandParents: function (id) {
var node = this.get(id);
if (node == null) return false;
if (node.parent) {
if (!node.parent.expanded) {
node.parent.expanded = true;
this.refresh(node.parent.id);
}
this.expandParents(node.parent.id);
}
return true;
},
click: function (id, event) {
var obj = this;
var nd = this.get(id);
if (nd == null) return;
if (nd.disabled || nd.group) return; // should click event if already selected
// unselect all previsously
$(obj.box).find('.w2ui-node.w2ui-selected').each(function (index, el) {
var oldID = $(el).attr('id').replace('node_', '');
var oldNode = obj.get(oldID);
if (oldNode != null) oldNode.selected = false;
$(el).removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');
});
// select new one
var newNode = $(obj.box).find('#node_'+ w2utils.escapeId(id));
var oldNode = $(obj.box).find('#node_'+ w2utils.escapeId(obj.selected));
newNode.addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');
// need timeout to allow rendering
setTimeout(function () {
// event before
var edata = obj.trigger({ phase: 'before', type: 'click', target: id, originalEvent: event, node: nd, object: nd });
if (edata.isCancelled === true) {
// restore selection
newNode.removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');
oldNode.addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');
return;
}
// default action
if (oldNode != null) oldNode.selected = false;
obj.get(id).selected = true;
obj.selected = id;
// route processing
if (typeof nd.route == 'string') {
var route = nd.route !== '' ? String('/'+ nd.route).replace(/\/{2,}/g, '/') : '';
var info = w2utils.parseRoute(route);
if (info.keys.length > 0) {
for (var k = 0; k < info.keys.length; k++) {
if (obj.routeData[info.keys[k].name] == null) continue;
route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), obj.routeData[info.keys[k].name]);
}
}
setTimeout(function () { window.location.hash = route; }, 1);
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}, 1);
},
focus: function (event) {
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'focus', target: this.name, originalEvent: event });
if (edata.isCancelled === true) return false;
// default behaviour
this.hasFocus = true;
$(this.box).find('.w2ui-selected').removeClass('w2ui-inactive');
setTimeout(function () {
var $input = $(obj.box).find('#sidebar_'+ obj.name + '_focus');
if (!$input.is(':focus')) $input.focus();
}, 10);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
blur: function (event) {
// event before
var edata = this.trigger({ phase: 'before', type: 'blur', target: this.name, originalEvent: event });
if (edata.isCancelled === true) return false;
// default behaviour
this.hasFocus = false;
$(this.box).find('.w2ui-selected').addClass('w2ui-inactive');
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
keydown: function (event) {
var obj = this;
var nd = obj.get(obj.selected);
if (obj.keyboard !== true) return;
if (!nd) nd = obj.nodes[0];
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'keydown', target: obj.name, originalEvent: event });
if (edata.isCancelled === true) return;
// default behaviour
if (event.keyCode == 13 || event.keyCode == 32) { // enter or space
if (nd.nodes.length > 0) obj.toggle(obj.selected);
}
if (event.keyCode == 37) { // left
if (nd.nodes.length > 0 && nd.expanded) {
obj.collapse(obj.selected);
} else {
selectNode(nd.parent);
if (!nd.parent.group) obj.collapse(nd.parent.id);
}
}
if (event.keyCode == 39) { // right
if ((nd.nodes.length > 0 || nd.plus) && !nd.expanded) obj.expand(obj.selected);
}
if (event.keyCode == 38) { // up
selectNode(neighbor(nd, prev));
}
if (event.keyCode == 40) { // down
selectNode(neighbor(nd, next));
}
// cancel event if needed
if ($.inArray(event.keyCode, [13, 32, 37, 38, 39, 40]) != -1) {
if (event.preventDefault) event.preventDefault();
if (event.stopPropagation) event.stopPropagation();
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
function selectNode (node, event) {
if (node != null && !node.hidden && !node.disabled && !node.group) {
obj.click(node.id, event);
setTimeout(function () { obj.scrollIntoView(); }, 50);
}
}
function neighbor (node, neighborFunc) {
node = neighborFunc(node);
while (node != null && (node.hidden || node.disabled)) {
if (node.group) break; else node = neighborFunc(node);
}
return node;
}
function next (node, noSubs) {
if (node == null) return null;
var parent = node.parent;
var ind = obj.get(node.id, true);
var nextNode = null;
// jump inside
if (node.expanded && node.nodes.length > 0 && noSubs !== true) {
var t = node.nodes[0];
if (t.hidden || t.disabled || t.group) nextNode = next(t); else nextNode = t;
} else {
if (parent && ind + 1 < parent.nodes.length) {
nextNode = parent.nodes[ind + 1];
} else {
nextNode = next(parent, true); // jump to the parent
}
}
if (nextNode != null && (nextNode.hidden || nextNode.disabled || nextNode.group)) nextNode = next(nextNode);
return nextNode;
}
function prev (node) {
if (node == null) return null;
var parent = node.parent;
var ind = obj.get(node.id, true);
var prevNode = (ind > 0) ? lastChild(parent.nodes[ind - 1]) : parent;
if (prevNode != null && (prevNode.hidden || prevNode.disabled || prevNode.group)) prevNode = prev(prevNode);
return prevNode;
}
function lastChild (node) {
if (node.expanded && node.nodes.length > 0) {
var t = node.nodes[node.nodes.length - 1];
if (t.hidden || t.disabled || t.group) return prev(t); else return lastChild(t);
}
return node;
}
},
scrollIntoView: function (id) {
if (id == null) id = this.selected;
var nd = this.get(id);
if (nd == null) return;
var body = $(this.box).find('.w2ui-sidebar-div');
var item = $(this.box).find('#node_'+ w2utils.escapeId(id));
var offset = item.offset().top - body.offset().top;
if (offset + item.height() > body.height() || offset <= 0) {
body.animate({ 'scrollTop': body.scrollTop() + offset - body.height() / 2 + item.height() }, 250, 'linear');
}
},
dblClick: function (id, event) {
var nd = this.get(id);
// event before
var edata = this.trigger({ phase: 'before', type: 'dblClick', target: id, originalEvent: event, object: nd });
if (edata.isCancelled === true) return;
// default action
this.toggle(id);
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
contextMenu: function (id, event) {
var obj = this;
var nd = obj.get(id);
if (id != obj.selected) obj.click(id);
// event before
var edata = obj.trigger({ phase: 'before', type: 'contextMenu', target: id, originalEvent: event, object: nd, allowOnDisabled: false });
if (edata.isCancelled === true) return;
// default action
if (nd.disabled && !edata.allowOnDisabled) return;
if (obj.menu.length > 0) {
$(obj.box).find('#node_'+ w2utils.escapeId(id))
.w2menu({
items: obj.menu,
contextMenu: true,
originalEvent: event,
onSelect: function (event) {
obj.menuClick(id, parseInt(event.index), event.originalEvent);
}
}
);
}
// cancel event
if (event.preventDefault) event.preventDefault();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
},
menuClick: function (itemId, index, event) {
var obj = this;
// event before
var edata = obj.trigger({ phase: 'before', type: 'menuClick', target: itemId, originalEvent: event, menuIndex: index, menuItem: obj.menu[index] });
if (edata.isCancelled === true) return;
// default action
// -- empty
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
},
goFlat: function () {
// event before
var edata = this.trigger({ phase: 'before', type: 'flat', goFlat: !this.flat });
if (edata.isCancelled === true) return;
// default action
this.flat = !this.flat;
this.refresh();
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
render: function (box) {
var time = (new Date()).getTime();
var obj = this;
// event before
var edata = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });
if (edata.isCancelled === true) return;
// default action
if (box != null) {
if ($(this.box).find('> div > div.w2ui-sidebar-div').length > 0) {
$(this.box)
.removeAttr('name')
.removeClass('w2ui-reset w2ui-sidebar')
.html('');
}
this.box = box;
}
if (!this.box) return;
$(this.box)
.attr('name', this.name)
.addClass('w2ui-reset w2ui-sidebar')
.html(''+
''+
'' +
''+
''+
'
'
);
$(this.box).find('> div').css({
width : $(this.box).width() + 'px',
height : $(this.box).height() + 'px'
});
if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;
// adjust top and bottom
var flatHTML = '';
if (this.flatButton == true) {
flatHTML = '';
}
if (this.topHTML !== '' || flatHTML !== '') {
$(this.box).find('.w2ui-sidebar-top').html(this.topHTML + flatHTML);
$(this.box).find('.w2ui-sidebar-div')
.css('top', $(this.box).find('.w2ui-sidebar-top').height() + 'px');
}
if (this.bottomHTML !== '') {
$(this.box).find('.w2ui-sidebar-bottom').html(this.bottomHTML);
$(this.box).find('.w2ui-sidebar-div')
.css('bottom', $(this.box).find('.w2ui-sidebar-bottom').height() + 'px');
}
// focus
var kbd_timer;
$(this.box).find('#sidebar_'+ this.name + '_focus')
.on('focus', function (event) {
clearTimeout(kbd_timer);
if (!obj.hasFocus) obj.focus(event);
})
.on('blur', function (event) {
kbd_timer = setTimeout(function () {
if (obj.hasFocus) { obj.blur(event); }
}, 100);
})
.on('keydown', function (event) {
if (event.keyCode != 9) { // not tab
w2ui[obj.name].keydown.call(w2ui[obj.name], event);
}
});
$(this.box).off('mousedown').on('mousedown', function (event) {
// set focus to grid
setTimeout(function () {
// if input then do not focus
if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(event.target.tagName.toUpperCase()) == -1) {
var $input = $(obj.box).find('#sidebar_'+ obj.name + '_focus');
if (!$input.is(':focus')) {
if ($(event.target).hasClass('w2ui-node')) {
var top = $(event.target).position().top + $(obj.box).find('.w2ui-sidebar-top').height() + event.offsetY;
$input.css({ top: top + 'px', left: '0px' });
}
$input.focus();
}
}
}, 1);
});
// event after
this.trigger($.extend(edata, { phase: 'after' }));
// ---
this.refresh();
return (new Date()).getTime() - time;
},
refresh: function (id) {
var time = (new Date()).getTime();
// event before
var edata = this.trigger({ phase: 'before', type: 'refresh', target: (id != null ? id : this.name),
fullRefresh: (id != null ? false : true) });
if (edata.isCancelled === true) return;
// adjust top and bottom
var flatHTML = '';
if (this.flatButton == true) {
flatHTML = '';
}
if (this.topHTML !== '' || flatHTML !== '') {
$(this.box).find('.w2ui-sidebar-top').html(this.topHTML + flatHTML);
$(this.box).find('.w2ui-sidebar-div')
.css('top', $(this.box).find('.w2ui-sidebar-top').height() + 'px');
}
if (this.bottomHTML !== '') {
$(this.box).find('.w2ui-sidebar-bottom').html(this.bottomHTML);
$(this.box).find('.w2ui-sidebar-div')
.css('bottom', $(this.box).find('.w2ui-sidebar-bottom').height() + 'px');
}
// default action
$(this.box).find('> div').removeClass('w2ui-sidebar-flat').addClass(this.flat ? 'w2ui-sidebar-flat' : '').css({
width : $(this.box).width() + 'px',
height: $(this.box).height() + 'px'
});
var obj = this;
var node, nd;
var nm;
if (id == null) {
node = this;
nm = '.w2ui-sidebar-div';
} else {
node = this.get(id);
if (node == null) return;
nm = '#node_'+ w2utils.escapeId(node.id) + '_sub';
}
var nodeHTML;
if (node !== this) {
var tmp = '#node_'+ w2utils.escapeId(node.id);
nodeHTML = getNodeHTML(node);
$(this.box).find(tmp).before('');
$(this.box).find(tmp).remove();
$(this.box).find(nm).remove();
$('#sidebar_'+ this.name + '_tmp').before(nodeHTML);
$('#sidebar_'+ this.name + '_tmp').remove();
}
// refresh sub nodes
$(this.box).find(nm).html('');
for (var i = 0; i < node.nodes.length; i++) {
nd = node.nodes[i];
nodeHTML = getNodeHTML(nd);
$(this.box).find(nm).append(nodeHTML);
if (nd.nodes.length !== 0) {
this.refresh(nd.id);
} else {
// trigger event
var edata2 = this.trigger({ phase: 'before', type: 'refresh', target: nd.id });
if (edata2.isCancelled === true) return;
// event after
this.trigger($.extend(edata2, { phase: 'after' }));
}
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
function getNodeHTML(nd) {
var html = '';
var img = nd.img;
if (img == null) img = this.img;
var icon = nd.icon;
if (icon == null) icon = this.icon;
// -- find out level
var tmp = nd.parent;
var level = 0;
while (tmp && tmp.parent != null) {
if (tmp.group) level--;
tmp = tmp.parent;
level++;
}
if (nd.caption != null) nd.text = nd.caption;
if (nd.group) {
html =
''+
((nd.groupShowHide && nd.collapsible) ? ''+ (!nd.hidden && nd.expanded ? w2utils.lang('Hide') : w2utils.lang('Show')) +'' : '') +
(typeof nd.text == 'function' ? nd.text.call(obj, nd) : ''+ nd.text +'') +
'
'+
'';
if (obj.flat) {
html = '';
var text = nd.text;
if (typeof nd.text == 'function') text = nd.text.call(obj, nd);
html = ''+
'';
if (obj.flat) {
html = ''+
'';
}
}
return html;
}
},
resize: function () {
var time = (new Date()).getTime();
// event before
var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name });
if (edata.isCancelled === true) return;
// default action
$(this.box).css('overflow', 'hidden'); // container should have no overflow
$(this.box).find('> div').css({
width : $(this.box).width() + 'px',
height : $(this.box).height() + 'px'
});
// event after
this.trigger($.extend(edata, { phase: 'after' }));
return (new Date()).getTime() - time;
},
destroy: function () {
// event before
var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
if (edata.isCancelled === true) return;
// clean up
if ($(this.box).find('> div > div.w2ui-sidebar-div').length > 0) {
$(this.box)
.removeAttr('name')
.removeClass('w2ui-reset w2ui-sidebar')
.html('');
}
delete w2ui[this.name];
// event after
this.trigger($.extend(edata, { phase: 'after' }));
},
lock: function (msg, showSpinner) {
var args = Array.prototype.slice.call(arguments, 0);
args.unshift(this.box);
w2utils.lock.apply(window, args);
},
unlock: function (speed) {
w2utils.unlock(this.box, speed);
}
};
$.extend(w2sidebar.prototype, w2utils.event);
w2obj.sidebar = w2sidebar;
})(jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2field - various field controls
* - $().w2field - jQuery wrapper
* - Dependencies: jQuery, w2utils
*
* == NICE TO HAVE ==
* - upload (regular files)
* - BUG with prefix/postfix and arrows (test in different contexts)
* - multiple date selection
* - month selection, year selections
* - arrows no longer work (for int)
* - form to support custom types
* - rewrite suffix and prefix positioning with translateY()
* - prefix and suffix are slow (100ms or so)
* - MultiSelect - Allow Copy/Paste for single and multi values
* - add routeData to list/enum
* - for type: list -> read value from attr('value')
* - ENUM, LIST: should have same as grid (limit, offset, search, sort)
* - ENUM, LIST: should support wild chars
* - add selection of predefined times (used for appointments)
*
************************************************************************/
(function ($) {
var w2field = function (options) {
// public properties
this.el = null;
this.helpers = {}; // object or helper elements
this.type = options.type || 'text';
this.options = $.extend(true, {}, options);
this.onSearch = options.onSearch || null;
this.onRequest = options.onRequest || null;
this.onLoad = options.onLoad || null;
this.onError = options.onError || null;
this.onClick = options.onClick || null;
this.onAdd = options.onAdd || null;
this.onNew = options.onNew || null;
this.onRemove = options.onRemove || null;
this.onMouseOver = options.onMouseOver || null;
this.onMouseOut = options.onMouseOut || null;
this.onIconClick = options.onIconClick || null;
this.onScroll = options.onScroll || null;
this.tmp = {}; // temp object
// clean up some options
delete this.options.type;
delete this.options.onSearch;
delete this.options.onRequest;
delete this.options.onLoad;
delete this.options.onError;
delete this.options.onClick;
delete this.options.onMouseOver;
delete this.options.onMouseOut;
delete this.options.onIconClick;
delete this.options.onScroll;
// extend with defaults
$.extend(true, this, w2obj.field);
};
// ====================================================
// -- Registers as a jQuery plugin
$.fn.w2field = function (method, options) {
// call direct
if (this.length === 0) {
var pr = w2field.prototype;
if (pr[method]) {
return pr[method].apply(pr, Array.prototype.slice.call(arguments, 1));
}
} else {
// if without arguments - return the object
if (arguments.length === 0) {
var obj = $(this).data('w2field');
return obj;
}
if (typeof method == 'string' && typeof options == 'object') {
method = $.extend(true, {}, options, { type: method });
}
if (typeof method == 'string' && options == null) {
method = { type: method };
}
method.type = String(method.type).toLowerCase();
return this.each(function (index, el) {
var obj = $(el).data('w2field');
// if object is not defined, define it
if (obj == null) {
var obj = new w2field(method);
$.extend(obj, { handlers: [] });
if (el) obj.el = $(el)[0];
obj.init();
$(el).data('w2field', obj);
return obj;
} else { // fully re-init
obj.clear();
if (method.type == 'clear') return;
var obj = new w2field(method);
$.extend(obj, { handlers: [] });
if (el) obj.el = $(el)[0];
obj.init();
$(el).data('w2field', obj);
return obj;
}
return null;
});
}
};
// ====================================================
// -- Implementation of core functionality
/* To add custom types
$().w2field('addType', 'myType', function (options) {
$(this.el).on('keypress', function (event) {
if (event.metaKey || event.ctrlKey || event.altKey
|| (event.charCode != event.keyCode && event.keyCode > 0)) return;
var ch = String.fromCharCode(event.charCode);
if (ch != 'a' && ch != 'b' && ch != 'c') {
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
return false;
}
});
$(this.el).on('blur', function (event) { // keyCode & charCode differ in FireFox
var ch = this.value;
if (ch != 'a' && ch != 'b' && ch != 'c') {
$(this).w2tag(w2utils.lang("Not a single character from the set of 'abc'"));
}
});
});
*/
w2field.prototype = {
custom: {}, // map of custom types
addType: function (type, handler) {
type = String(type).toLowerCase();
this.custom[type] = handler;
return true;
},
removeType: function (type) {
type = String(type).toLowerCase();
if (!this.custom[type]) return false;
delete this.custom[type];
return true;
},
init: function () {
var obj = this;
var options = this.options;
var defaults;
// Custom Types
if (typeof this.custom[this.type] == 'function') {
this.custom[this.type].call(this, options);
return;
}
// only for INPUT or TEXTAREA
if (['INPUT', 'TEXTAREA'].indexOf(this.el.tagName.toUpperCase()) == -1) {
console.log('ERROR: w2field could only be applied to INPUT or TEXTAREA.', this.el);
return;
}
switch (this.type) {
case 'text':
case 'int':
case 'float':
case 'money':
case 'currency':
case 'percent':
case 'alphanumeric':
case 'bin':
case 'hex':
defaults = {
min : null,
max : null,
step : 1,
autoFormat : true,
currencyPrefix : w2utils.settings.currencyPrefix,
currencySuffix : w2utils.settings.currencySuffix,
currencyPrecision : w2utils.settings.currencyPrecision,
decimalSymbol : w2utils.settings.decimalSymbol,
groupSymbol : w2utils.settings.groupSymbol,
arrows : false,
keyboard : true,
precision : null,
silent : true,
prefix : '',
suffix : ''
};
this.options = $.extend(true, {}, defaults, options);
options = this.options; // since object is re-created, need to re-assign
options.numberRE = new RegExp('['+ options.groupSymbol + ']', 'g');
options.moneyRE = new RegExp('['+ options.currencyPrefix + options.currencySuffix + options.groupSymbol +']', 'g');
options.percentRE = new RegExp('['+ options.groupSymbol + '%]', 'g');
// no keyboard support needed
if (['text', 'alphanumeric', 'hex', 'bin'].indexOf(this.type) != -1) {
options.arrows = false;
options.keyboard = false;
}
this.addPrefix(); // only will add if needed
this.addSuffix();
break;
case 'color':
defaults = {
prefix : '#',
suffix : '
'+ $(obj.el).attr('placeholder') +'
');
}
// ITEMS events
div.off('scroll.w2field').on('scroll.w2field', function (event) {
var edata = obj.trigger({ phase: 'before', type: 'scroll', target: obj.el, originalEvent: event });
if (edata.isCancelled === true) return;
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
})
.find('li')
.data('mouse', 'out')
.on('click', function (event) {
var target = (event.target.tagName.toUpperCase() == 'LI' ? event.target : $(event.target).parents('LI'));
var item = selected[$(target).attr('index')];
if ($(target).hasClass('nomouse')) return;
event.stopPropagation();
// default behavior
if ($(event.target).hasClass('w2ui-list-remove')) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'remove', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
// default behavior
$().w2overlay();
selected.splice($(event.target).attr('index'), 1);
$(obj.el).trigger('change');
$(event.target).parent().fadeOut('fast');
setTimeout(function () {
obj.refresh();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}, 300);
} else {
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'click', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
// if file - show image preview
if (obj.type == 'file') {
var preview = '';
if ((/image/i).test(item.type)) { // image
preview = ''+
'  +')
'+
'
';
}
var td1 = 'style="padding: 3px; text-align: right; color: #777;"';
var td2 = 'style="padding: 3px"';
preview += ''+
' '+
'
'+
'
';
$('#w2ui-overlay').remove();
$(target).w2overlay(preview);
} // event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
})
.on('mouseover', function (event) {
var target = (event.target.tagName.toUpperCase() == 'LI' ? event.target : $(event.target).parents('LI'));
if ($(target).hasClass('nomouse')) return;
if ($(target).data('mouse') == 'out') {
var item = selected[$(event.target).attr('index')];
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'mouseOver', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
$(target).data('mouse', 'over');
})
.on('mouseout', function (event) {
var target = (event.target.tagName.toUpperCase() == 'LI' ? event.target : $(event.target).parents('LI'));
if ($(target).hasClass('nomouse')) return;
$(target).data('mouse', 'leaving');
setTimeout(function () {
if ($(target).data('mouse') == 'leaving') {
$(target).data('mouse', 'out');
var item = selected[$(event.target).attr('index')];
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'mouseOut', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
}, 0);
});
// adjust height
$(this.el).height('auto');
var cntHeight = $(div).find('> div.w2ui-multi-items').height() + w2utils.getSize(div, '+height') * 2;
if (cntHeight < 26) cntHeight = 26;
if (cntHeight > options.maxHeight) cntHeight = options.maxHeight;
if (div.length > 0) div[0].scrollTop = 1000;
var inpHeight = w2utils.getSize($(this.el), 'height') - 2;
if (inpHeight > cntHeight) cntHeight = inpHeight;
$(div).css({ 'height': cntHeight + 'px', overflow: (cntHeight == options.maxHeight ? 'auto' : 'hidden') });
if (cntHeight < options.maxHeight) $(div).prop('scrollTop', 0);
$(this.el).css({ 'height' : (cntHeight + 2) + 'px' });
// update size
if (obj.type == 'enum') {
var tmp = obj.helpers.multi.find('input');
tmp.width(((tmp.val().length + 2) * 8) + 'px');
}
}
return (new Date()).getTime() - time;
},
reset: function () {
var type = this.type;
this.clear();
this.type = type;
this.init();
},
// resizing width of list, enum, file controls
resize: function () {
var obj = this;
var new_width = $(obj.el).width();
var new_height = $(obj.el).height();
if (obj.tmp.current_width == new_width && new_height > 0) return;
var focus = this.helpers.focus;
var multi = this.helpers.multi;
var suffix = this.helpers.suffix;
var prefix = this.helpers.prefix;
// resize helpers
if (focus) {
focus.width($(obj.el).width());
}
if (multi) {
var width = (w2utils.getSize(obj.el, 'width')
- parseInt($(obj.el).css('margin-left'), 10)
- parseInt($(obj.el).css('margin-right'), 10));
$(multi).width(width);
}
if (suffix) {
obj.options.suffix = '';
obj.addSuffix();
}
if (prefix) {
obj.addPrefix();
}
// remember width
obj.tmp.current_width = new_width;
},
clean: function (val) {
//issue #499
if(typeof val == 'number'){
return val;
}
var options = this.options;
val = String(val).trim();
// clean
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(this.type) != -1) {
if (typeof val == 'string') {
if (options.autoFormat && ['money', 'currency'].indexOf(this.type) != -1) val = String(val).replace(options.moneyRE, '');
if (options.autoFormat && this.type == 'percent') val = String(val).replace(options.percentRE, '');
if (options.autoFormat && ['int', 'float'].indexOf(this.type) != -1) val = String(val).replace(options.numberRE, '');
val = val.replace(/\s+/g, '').replace(w2utils.settings.groupSymbol, '').replace(w2utils.settings.decimalSymbol, '.');
}
if (parseFloat(val) == val) {
if (options.min != null && val < options.min) { val = options.min; $(this.el).val(options.min); }
if (options.max != null && val > options.max) { val = options.max; $(this.el).val(options.max); }
}
if (val !== '' && w2utils.isFloat(val)) val = Number(val); else val = '';
}
return val;
},
format: function (val) {
var options = this.options;
// autoformat numbers or money
if (options.autoFormat && val !== '') {
switch (this.type) {
case 'money':
case 'currency':
val = w2utils.formatNumber(val, options.currencyPrecision, options.groupSymbol);
if (val !== '') val = options.currencyPrefix + val + options.currencySuffix;
break;
case 'percent':
val = w2utils.formatNumber(val, options.precision, options.groupSymbol);
if (val !== '') val += '%';
break;
case 'float':
val = w2utils.formatNumber(val, options.precision, options.groupSymbol);
break;
case 'int':
val = w2utils.formatNumber(val, 0, options.groupSymbol);
break;
}
}
return val;
},
change: function (event) {
var obj = this;
var options = obj.options;
// numeric
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(this.type) != -1) {
// check max/min
var val = $(this.el).val();
var new_val = this.format(this.clean($(this.el).val()));
// if was modified
if (val !== '' && val != new_val) {
$(this.el).val(new_val).change();
// cancel event
event.stopPropagation();
event.preventDefault();
return false;
}
}
// color
if (this.type == 'color') {
var color = '#' + $(this.el).val();
if ($(this.el).val().length != 6 && $(this.el).val().length != 3) color = '';
$(this.el).next().find('div').css('background-color', color);
if ($(obj.el).is(':focus')) this.updateOverlay();
}
// list, enum
if (['list', 'enum', 'file'].indexOf(this.type) != -1) {
obj.refresh();
// need time out to show icon indent properly
setTimeout(function () { obj.refresh(); }, 5);
}
// date, time
if (['date', 'time', 'datetime'].indexOf(this.type) != -1) {
// convert linux timestamps
var tmp = parseInt(obj.el.value);
if (w2utils.isInt(obj.el.value) && tmp > 3000) {
if (this.type == 'time') $(obj.el).val(w2utils.formatTime(new Date(tmp), options.format)).change();
if (this.type == 'date') $(obj.el).val(w2utils.formatDate(new Date(tmp), options.format)).change();
if (this.type == 'datetime') $(obj.el).val(w2utils.formatDateTime(new Date(tmp), options.format)).change();
}
}
},
click: function (event) {
event.stopPropagation();
// lists
if (['list', 'combo', 'enum'].indexOf(this.type) != -1) {
if (!$(this.el).is(':focus')) this.focus(event);
}
// other fields with drops
if (['date', 'time', 'color', 'datetime'].indexOf(this.type) != -1) {
this.updateOverlay();
}
},
focus: function (event) {
var obj = this;
var options = this.options;
// color, date, time
if (['color', 'date', 'time', 'datetime'].indexOf(obj.type) !== -1) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
setTimeout(function () { obj.updateOverlay(); }, 150);
}
// menu
if (['list', 'combo', 'enum'].indexOf(obj.type) != -1) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
obj.resize();
setTimeout(function () {
if (obj.type == 'list' && $(obj.el).is(':focus')) {
$(obj.helpers.focus).find('input').focus();
return;
}
obj.search();
setTimeout(function () { obj.updateOverlay(); }, 1);
}, 1);
}
// file
if (obj.type == 'file') {
$(obj.helpers.multi).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });
}
},
blur: function (event) {
var obj = this;
var options = obj.options;
var val = $(obj.el).val().trim();
// hide overlay
if (['color', 'date', 'time', 'list', 'combo', 'enum', 'datetime'].indexOf(obj.type) != -1) {
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
}
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(obj.type) != -1) {
if (val !== '' && !obj.checkType(val)) {
$(obj.el).val('').change();
if (options.silent === false) {
$(obj.el).w2tag('Not a valid number');
setTimeout(function () { $(obj.el).w2tag(''); }, 3000);
}
}
}
// date or time
if (['date', 'time', 'datetime'].indexOf(obj.type) != -1) {
// check if in range
if (val !== '' && !obj.inRange(obj.el.value)) {
$(obj.el).val('').removeData('selected').change();
if (options.silent === false) {
$(obj.el).w2tag('Not in range');
setTimeout(function () { $(obj.el).w2tag(''); }, 3000);
}
} else {
if (obj.type == 'date' && val !== '' && !w2utils.isDate(obj.el.value, options.format)) {
$(obj.el).val('').removeData('selected').change();
if (options.silent === false) {
$(obj.el).w2tag('Not a valid date');
setTimeout(function () { $(obj.el).w2tag(''); }, 3000);
}
}
else if (obj.type == 'time' && val !== '' && !w2utils.isTime(obj.el.value)) {
$(obj.el).val('').removeData('selected').change();
if (options.silent === false) {
$(obj.el).w2tag('Not a valid time');
setTimeout(function () { $(obj.el).w2tag(''); }, 3000);
}
}
else if (obj.type == 'datetime' && val !== '' && !w2utils.isDateTime(obj.el.value, options.format)) {
$(obj.el).val('').removeData('selected').change();
if (options.silent === false) {
$(obj.el).w2tag('Not a valid date');
setTimeout(function () { $(obj.el).w2tag(''); }, 3000);
}
}
}
}
// clear search input
if (obj.type == 'enum') {
$(obj.helpers.multi).find('input').val('').width(20);
}
// file
if (obj.type == 'file') {
$(obj.helpers.multi).css({ 'outline': 'none' });
}
},
keyPress: function (event) {
var obj = this;
var options = obj.options;
// ignore wrong pressed key
if (['int', 'float', 'money', 'currency', 'percent', 'hex', 'bin', 'color', 'alphanumeric'].indexOf(obj.type) != -1) {
// keyCode & charCode differ in FireFox
if (event.metaKey || event.ctrlKey || event.altKey || (event.charCode != event.keyCode && event.keyCode > 0)) return;
var ch = String.fromCharCode(event.charCode);
if (!obj.checkType(ch, true) && event.keyCode != 13) {
event.preventDefault();
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
return false;
}
}
// update date popup
if (['date', 'time', 'datetime'].indexOf(obj.type) != -1) {
if (event.keyCode !== 9) setTimeout(function () { obj.updateOverlay(); }, 1);
}
},
keyDown: function (event, extra) {
var obj = this;
var options = obj.options;
var key = event.keyCode || (extra && extra.keyCode);
// numeric
if (['int', 'float', 'money', 'currency', 'percent'].indexOf(obj.type) != -1) {
if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var cancel = false;
var val = parseFloat($(obj.el).val().replace(options.moneyRE, '')) || 0;
var inc = options.step;
if (event.ctrlKey || event.metaKey) inc = 10;
switch (key) {
case 38: // up
if (event.shiftKey) break; // no action if shift key is pressed
$(obj.el).val((val + inc <= options.max || options.max == null ? Number((val + inc).toFixed(12)) : options.max)).change();
cancel = true;
break;
case 40: // down
if (event.shiftKey) break; // no action if shift key is pressed
$(obj.el).val((val - inc >= options.min || options.min == null ? Number((val - inc).toFixed(12)) : options.min)).change();
cancel = true;
break;
}
if (cancel) {
event.preventDefault();
setTimeout(function () {
// set cursor to the end
obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);
}, 0);
}
}
// date
if (obj.type == 'date') {
if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var cancel = false;
var daymil = 24*60*60*1000;
var inc = 1;
if (event.ctrlKey || event.metaKey) inc = 10;
var dt = w2utils.isDate($(obj.el).val(), options.format, true);
if (!dt) { dt = new Date(); daymil = 0; }
switch (key) {
case 38: // up
if (event.shiftKey) break; // no action if shift key is pressed
var newDT = w2utils.formatDate(dt.getTime() + daymil, options.format);
if (inc == 10) newDT = w2utils.formatDate(new Date(dt.getFullYear(), dt.getMonth()+1, dt.getDate()), options.format);
$(obj.el).val(newDT).change();
cancel = true;
break;
case 40: // down
if (event.shiftKey) break; // no action if shift key is pressed
var newDT = w2utils.formatDate(dt.getTime() - daymil, options.format);
if (inc == 10) newDT = w2utils.formatDate(new Date(dt.getFullYear(), dt.getMonth()-1, dt.getDate()), options.format);
$(obj.el).val(newDT).change();
cancel = true;
break;
}
if (cancel) {
event.preventDefault();
setTimeout(function () {
// set cursor to the end
obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);
obj.updateOverlay();
}, 0);
}
}
// time
if (obj.type == 'time') {
if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var cancel = false;
var inc = (event.ctrlKey || event.metaKey ? 60 : 1);
var val = $(obj.el).val();
var time = obj.toMin(val) || obj.toMin((new Date()).getHours() + ':' + ((new Date()).getMinutes() - 1));
switch (key) {
case 38: // up
if (event.shiftKey) break; // no action if shift key is pressed
time += inc;
cancel = true;
break;
case 40: // down
if (event.shiftKey) break; // no action if shift key is pressed
time -= inc;
cancel = true;
break;
}
if (cancel) {
$(obj.el).val(obj.fromMin(time)).change();
event.preventDefault();
setTimeout(function () {
// set cursor to the end
obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);
}, 0);
}
}
// datetime
if (obj.type == 'datetime') {
if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var cancel = false;
var daymil = 24*60*60*1000;
var inc = 1;
if (event.ctrlKey || event.metaKey) inc = 10;
var str = $(obj.el).val();
var dt = w2utils.isDateTime(str, this.options.format, true);
if (!dt) { dt = new Date(); daymil = 0; }
switch (key) {
case 38: // up
if (event.shiftKey) break; // no action if shift key is pressed
var newDT = w2utils.formatDateTime(dt.getTime() + daymil, options.format);
if (inc == 10) newDT = w2utils.formatDateTime(new Date(dt.getFullYear(), dt.getMonth()+1, dt.getDate()), options.format);
$(obj.el).val(newDT).change();
cancel = true;
break;
case 40: // down
if (event.shiftKey) break; // no action if shift key is pressed
var newDT = w2utils.formatDateTime(dt.getTime() - daymil, options.format);
if (inc == 10) newDT = w2utils.formatDateTime(new Date(dt.getFullYear(), dt.getMonth()-1, dt.getDate()), options.format);
$(obj.el).val(newDT).change();
cancel = true;
break;
}
if (cancel) {
event.preventDefault();
setTimeout(function () {
// set cursor to the end
obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);
obj.updateOverlay();
}, 0);
}
}
// color
if (obj.type == 'color') {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
// paste
if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) {
$(obj.el).prop('maxlength', 7);
setTimeout(function () {
var val = $(obj).val();
if (val.substr(0, 1) == '#') val = val.substr(1);
if (!w2utils.isHex(val)) val = '';
$(obj).val(val).prop('maxlength', 6).change();
}, 20);
}
if ((event.ctrlKey || event.metaKey) && !event.shiftKey) {
var dir = null;
var newColor = null;
switch (key) {
case 38: // up
dir = 'up';
break;
case 40: // down
dir = 'down';
break;
case 39: // right
dir = 'right';
break;
case 37: // left
dir = 'left';
break;
}
if (obj.el.nav && dir != null) {
newColor = obj.el.nav(dir);
$(obj.el).val(newColor).change();
event.preventDefault();
}
}
}
// list/select/combo
if (['list', 'combo', 'enum'].indexOf(obj.type) != -1) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var selected = $(obj.el).data('selected');
var focus = $(obj.el);
var indexOnly = false;
if (['list', 'enum'].indexOf(obj.type) != -1) {
if (obj.type == 'list') {
focus = $(obj.helpers.focus).find('input');
}
if (obj.type == 'enum') {
focus = $(obj.helpers.multi).find('input');
}
// not arrows - refresh
if ([37, 38, 39, 40].indexOf(key) == -1) {
setTimeout(function () { obj.refresh(); }, 1);
}
// paste
if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) {
setTimeout(function () {
obj.refresh();
obj.search();
obj.request();
}, 50);
}
}
// apply arrows
switch (key) {
case 27: // escape
if (obj.type == 'list') {
if (focus.val() !== '') focus.val('');
event.stopPropagation(); // escape in field should not close popup
}
break;
case 37: // left
case 39: // right
// indexOnly = true;
break;
case 13: // enter
if ($('#w2ui-overlay').length === 0) break; // no action if overlay not open
var item = options.items[options.index];
if (obj.type == 'enum') {
if (item != null) {
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
item = edata.item; // need to reassign because it could be recreated by user
// default behavior
if (selected.length >= options.max && options.max > 0) selected.pop();
delete item.hidden;
delete obj.tmp.force_open;
selected.push(item);
$(obj.el).change();
focus.val('').width(20);
obj.refresh();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
} else {
// trigger event
item = { id: focus.val(), text: focus.val() };
var edata = obj.trigger({ phase: 'before', type: 'new', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
item = edata.item; // need to reassign because it could be recreated by user
// default behavior
if (typeof obj.onNew == 'function') {
if (selected.length >= options.max && options.max > 0) selected.pop();
delete obj.tmp.force_open;
selected.push(item);
$(obj.el).change();
focus.val('').width(20);
obj.refresh();
}
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
} else {
if (item) $(obj.el).data('selected', item).val(item.text).change();
if ($(obj.el).val() === '' && $(obj.el).data('selected')) $(obj.el).removeData('selected').val('').change();
if (obj.type == 'list') {
focus.val('');
obj.refresh();
}
// hide overlay
obj.tmp.force_hide = true;
}
break;
case 8: // backspace
case 46: // delete
if (obj.type == 'enum' && key == 8) {
if (focus.val() === '' && selected.length > 0) {
var item = selected[selected.length - 1];
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'remove', target: obj.el, originalEvent: event.originalEvent, item: item });
if (edata.isCancelled === true) return;
// default behavior
selected.pop();
$(obj.el).trigger('change');
obj.refresh();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
}
if (obj.type == 'list' && focus.val() === '') {
$(obj.el).data('selected', {}).change();
obj.refresh();
}
break;
case 38: // up
options.index = w2utils.isInt(options.index) ? parseInt(options.index) : 0;
options.index--;
while (options.index > 0 && options.items[options.index].hidden) options.index--;
if (options.index === 0 && options.items[options.index].hidden) {
while (options.items[options.index] && options.items[options.index].hidden) options.index++;
}
indexOnly = true;
break;
case 40: // down
options.index = w2utils.isInt(options.index) ? parseInt(options.index) : -1;
options.index++;
while (options.index < options.items.length-1 && options.items[options.index].hidden) options.index++;
if (options.index == options.items.length-1 && options.items[options.index].hidden) {
while (options.items[options.index] && options.items[options.index].hidden) options.index--;
}
// show overlay if not shown
if (focus.val() === '' && $('#w2ui-overlay').length === 0) {
obj.tmp.force_open = true;
} else {
indexOnly = true;
}
break;
}
if (indexOnly) {
if (options.index < 0) options.index = 0;
if (options.index >= options.items.length) options.index = options.items.length -1;
obj.updateOverlay(indexOnly);
// cancel event
event.preventDefault();
setTimeout(function () {
// set cursor to the end
if (obj.type == 'enum') {
var tmp = focus.get(0);
tmp.setSelectionRange(tmp.value.length, tmp.value.length);
} else if (obj.type == 'list') {
var tmp = focus.get(0);
tmp.setSelectionRange(tmp.value.length, tmp.value.length);
} else {
obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);
}
}, 0);
return;
}
// expand input
if (obj.type == 'enum') {
focus.width(((focus.val().length + 2) * 8) + 'px');
}
}
},
keyUp: function (event) {
var obj = this;
if (this.type == 'color') {
if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) {
$(this).prop('maxlength', 6);
}
}
if (['list', 'combo', 'enum'].indexOf(this.type) != -1) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
// need to be here for ipad compa
if ([16, 17, 18, 20, 37, 39, 91].indexOf(event.keyCode) == -1) { // no refreah on crtl, shift, left/right arrows, etc
var input = $(this.helpers.focus).find('input');
if (input.length === 0) input = $(this.el); // for combo list
// trigger event
var edata = this.trigger({ phase: 'before', type: 'search', originalEvent: event, target: input, search: input.val() });
if (edata.isCancelled === true) return;
// regular
if (!this.tmp.force_hide) this.request();
if (input.val().length == 1) this.refresh();
if ($('#w2ui-overlay').length === 0 || [38, 40].indexOf(event.keyCode) == -1) { // no search on arrows
this.search();
}
// event after
this.trigger($.extend(edata, { phase: 'after' }));
}
}
},
clearCache: function () {
var options = this.options;
options.items = [];
this.tmp.xhr_loading = false;
this.tmp.xhr_search = '';
this.tmp.xhr_total = -1;
},
request: function (interval) {
var obj = this;
var options = this.options;
var search = $(obj.el).val() || '';
// if no url - do nothing
if (!options.url) return;
// --
if (obj.type == 'enum') {
var tmp = $(obj.helpers.multi).find('input');
if (tmp.length === 0) search = ''; else search = tmp.val();
}
if (obj.type == 'list') {
var tmp = $(obj.helpers.focus).find('input');
if (tmp.length === 0) search = ''; else search = tmp.val();
}
if (options.minLength !== 0 && search.length < options.minLength) {
options.items = []; // need to empty the list
this.updateOverlay();
return;
}
if (interval == null) interval = options.interval;
if (obj.tmp.xhr_search == null) obj.tmp.xhr_search = '';
if (obj.tmp.xhr_total == null) obj.tmp.xhr_total = -1;
// check if need to search
if (options.url && $(obj.el).prop('readonly') !== true && $(obj.el).prop('disabled') !== true && (
(options.items.length === 0 && obj.tmp.xhr_total !== 0) ||
(obj.tmp.xhr_total == options.cacheMax && search.length > obj.tmp.xhr_search.length) ||
(search.length >= obj.tmp.xhr_search.length && search.substr(0, obj.tmp.xhr_search.length) != obj.tmp.xhr_search) ||
(search.length < obj.tmp.xhr_search.length)
)) {
// empty list
if (obj.tmp.xhr) obj.tmp.xhr.abort();
obj.tmp.xhr_loading = true;
obj.search();
// timeout
clearTimeout(obj.tmp.timeout);
obj.tmp.timeout = setTimeout(function () {
// trigger event
var url = options.url;
var postData = {
search : search,
max : options.cacheMax
};
$.extend(postData, options.postData);
var edata = obj.trigger({ phase: 'before', type: 'request', search: search, target: obj.el, url: url, postData: postData });
if (edata.isCancelled === true) return;
url = edata.url;
postData = edata.postData;
var ajaxOptions = {
type : 'GET',
url : url,
data : postData,
dataType : 'JSON' // expected from server
};
if (options.method) ajaxOptions.type = options.method;
if (w2utils.settings.dataType == 'JSON') {
ajaxOptions.type = 'POST';
ajaxOptions.data = JSON.stringify(ajaxOptions.data);
ajaxOptions.contentType = 'application/json';
}
if (w2utils.settings.dataType == 'HTTPJSON') {
ajaxOptions.data = { request: JSON.stringify(ajaxOptions.data) };
}
if (options.method != null) ajaxOptions.type = options.method;
obj.tmp.xhr = $.ajax(ajaxOptions)
.done(function (data, status, xhr) {
// trigger event
var edata2 = obj.trigger({ phase: 'before', type: 'load', target: obj.el, search: postData.search, data: data, xhr: xhr });
if (edata2.isCancelled === true) return;
// default behavior
data = edata2.data;
if (typeof data == 'string') data = JSON.parse(data);
if (data.records == null && data.items != null) {
// needed for backward compatibility
data.records = data.items;
delete data.items;
}
if (data.status != 'success' || !Array.isArray(data.records)) {
console.log('ERROR: server did not return proper structure. It should return', { status: 'success', records: [{ id: 1, text: 'item' }] });
return;
}
// remove all extra items if more then needed for cache
if (data.records.length > options.cacheMax) data.records.splice(options.cacheMax, 100000);
// map id and text
if (options.recId == null && options.recid != null) options.recId = options.recid; // since lower-case recid is used in grid
if (options.recId || options.recText) {
data.records.forEach(function (item) {
if (typeof options.recId == 'string') item.id = item[options.recId];
if (typeof options.recId == 'function') item.id = options.recId(item);
if (typeof options.recText == 'string') item.text = item[options.recText];
if (typeof options.recText == 'function') item.text = options.recText(item);
});
}
// remember stats
obj.tmp.xhr_loading = false;
obj.tmp.xhr_search = search;
obj.tmp.xhr_total = data.records.length;
options.items = obj.normMenu(data.records);
if (search === '' && data.records.length === 0) obj.tmp.emptySet = true; else obj.tmp.emptySet = false;
obj.search();
// event after
obj.trigger($.extend(edata2, { phase: 'after' }));
})
.fail(function (xhr, status, error) {
// trigger event
var errorObj = { status: status, error: error, rawResponseText: xhr.responseText };
var edata2 = obj.trigger({ phase: 'before', type: 'error', target: obj.el, search: search, error: errorObj, xhr: xhr });
if (edata2.isCancelled === true) return;
// default behavior
if (status != 'abort') {
var data;
try { data = $.parseJSON(xhr.responseText); } catch (e) {}
console.log('ERROR: Server communication failed.',
'\n EXPECTED:', { status: 'success', records: [{ id: 1, text: 'item' }] },
'\n OR:', { status: 'error', message: 'error message' },
'\n RECEIVED:', typeof data == 'object' ? data : xhr.responseText);
}
// reset stats
obj.clearCache();
obj.search();
// event after
obj.trigger($.extend(edata2, { phase: 'after' }));
});
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}, interval);
}
},
search: function () {
var obj = this;
var options = this.options;
var search = $(obj.el).val();
var target = obj.el;
var ids = [];
var selected = $(obj.el).data('selected');
if (obj.type == 'enum') {
target = $(obj.helpers.multi).find('input');
search = target.val();
for (var s in selected) { if (selected[s]) ids.push(selected[s].id); }
}
else if (obj.type == 'list') {
target = $(obj.helpers.focus).find('input');
search = target.val();
for (var s in selected) { if (selected[s]) ids.push(selected[s].id); }
}
if (obj.tmp.xhr_loading !== true) {
var shown = 0;
for (var i = 0; i < options.items.length; i++) {
var item = options.items[i];
if (options.compare != null) {
if (typeof options.compare == 'function') {
item.hidden = (options.compare.call(this, item, search) === false ? true : false);
}
} else {
var prefix = '';
var suffix = '';
if (['is', 'begins'].indexOf(options.match) != -1) prefix = '^';
if (['is', 'ends'].indexOf(options.match) != -1) suffix = '$';
try {
var re = new RegExp(prefix + search + suffix, 'i');
if (re.test(item.text) || item.text == '...') item.hidden = false; else item.hidden = true;
} catch (e) {}
}
if (options.filter === false) item.hidden = false;
// do not show selected items
if (obj.type == 'enum' && $.inArray(item.id, ids) != -1) item.hidden = true;
if (item.hidden !== true) { shown++; delete item.hidden; }
}
// preselect first item
options.index = -1;
while (options.items[options.index] && options.items[options.index].hidden) options.index++;
if (shown <= 0) options.index = -1;
options.spinner = false;
obj.updateOverlay();
setTimeout(function () {
var html = $('#w2ui-overlay').html() || '';
if (options.markSearch && html.indexOf('$.fn.w2menuHandler') != -1) { // do not highlight when no items
$('#w2ui-overlay').w2marker(search);
}
}, 1);
} else {
options.items.splice(0, options.cacheMax);
options.spinner = true;
obj.updateOverlay();
}
},
updateOverlay: function (indexOnly) {
var obj = this;
var options = this.options;
// color
if (this.type == 'color') {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
$(this.el).w2color({ color: $(this.el).val(), transparent: options.transparent }, function (color) {
if (color == null) return;
$(obj.el).val(color).change();
});
}
// date
if (this.type == 'date') {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
if ($('#w2ui-overlay').length === 0) {
$(obj.el).w2overlay('', {
css: { "background-color": "#f5f5f5" }
});
}
var month, year;
var dt = w2utils.isDate($(obj.el).val(), obj.options.format, true);
if (dt) { month = dt.getMonth() + 1; year = dt.getFullYear(); }
(function refreshCalendar(month, year) {
$('#w2ui-overlay > div > div').html(obj.getMonthHTML(month, year, $(obj.el).val()));
$('#w2ui-overlay .w2ui-calendar-title')
.on('mousedown', function () {
if ($(this).next().hasClass('w2ui-calendar-jump')) {
$(this).next().remove();
} else {
var selYear, selMonth;
$(this).after('');
$(this).next().hide().html(obj.getYearHTML()).fadeIn(200);
setTimeout(function () {
$('#w2ui-overlay .w2ui-calendar-jump')
.find('.w2ui-jump-month, .w2ui-jump-year')
.on('click', function () {
if ($(this).hasClass('w2ui-jump-month')) {
$(this).parent().find('.w2ui-jump-month').removeClass('selected');
$(this).addClass('selected');
selMonth = $(this).attr('name');
}
if ($(this).hasClass('w2ui-jump-year')) {
$(this).parent().find('.w2ui-jump-year').removeClass('selected');
$(this).addClass('selected');
selYear = $(this).attr('name');
}
if (selYear != null && selMonth != null) {
$('#w2ui-overlay .w2ui-calendar-jump').fadeOut(100);
setTimeout(function () { refreshCalendar(parseInt(selMonth)+1, selYear); }, 100);
}
});
$('#w2ui-overlay .w2ui-calendar-jump >:last-child').prop('scrollTop', 2000);
}, 1);
}
});
$('#w2ui-overlay .w2ui-date')
.on('mousedown', function () {
var day = $(this).attr('date');
$(obj.el).val(day).change();
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
})
.on('mouseup', function () {
setTimeout(function () {
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide();
}, 10);
});
$('#w2ui-overlay .previous').on('mousedown', function () {
var tmp = obj.options.current.split('/');
tmp[0] = parseInt(tmp[0]) - 1;
refreshCalendar(tmp[0], tmp[1]);
});
$('#w2ui-overlay .next').on('mousedown', function () {
var tmp = obj.options.current.split('/');
tmp[0] = parseInt(tmp[0]) + 1;
refreshCalendar(tmp[0], tmp[1]);
});
}) (month, year);
}
// time
if (this.type == 'time') {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
if ($('#w2ui-overlay').length === 0) {
$(obj.el).w2overlay('', {
css: { "background-color": "#fff" }
});
}
var h24 = (this.options.format == 'h24');
$('#w2ui-overlay > div').html(obj.getHourHTML());
$('#w2ui-overlay .w2ui-time')
.on('mousedown', function (event) {
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
var hour = $(this).attr('hour');
$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':00' + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).change();
});
if (this.options.noMinutes == null || this.options.noMinutes === false) {
$('#w2ui-overlay .w2ui-time')
.on('mouseup', function () {
var hour = $(this).attr('hour');
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
$(obj.el).w2overlay('', { css: { "background-color": "#fff" } });
$('#w2ui-overlay > div').html(obj.getMinHTML(hour));
$('#w2ui-overlay .w2ui-time')
.on('mousedown', function () {
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
var min = $(this).attr('min');
$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':' + (min < 10 ? 0 : '') + min + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).change();
})
.on('mouseup', function () {
setTimeout(function () { if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);
});
});
} else {
$('#w2ui-overlay .w2ui-time')
.on('mouseup', function () {
setTimeout(function () { if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);
});
}
}
// datetime
if (this.type == 'datetime') {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
// hide overlay if we are in the time selection
if ($("#w2ui-overlay .w2ui-time").length > 0) $('#w2ui-overlay')[0].hide();
if ($('#w2ui-overlay').length === 0) {
$(obj.el).w2overlay('', {
css: { "background-color": "#f5f5f5" }
});
}
var month, year;
var dt = w2utils.isDateTime($(obj.el).val(), obj.options.format, true);
if (dt) { month = dt.getMonth() + 1; year = dt.getFullYear(); }
var selDate = null;
(function refreshCalendar(month, year) {
$('#w2ui-overlay > div > div').html(
obj.getMonthHTML(month, year, $(obj.el).val())
+ (options.btn_now ? '| '+ w2utils.lang('Name') +': | '+ item.name +' |
| '+ w2utils.lang('Size') +': | '+ w2utils.formatSize(item.size) +' |
| '+ w2utils.lang('Type') +': | ' + ' '+ ' |
| '+ w2utils.lang('Modified') +': | '+ w2utils.date(item.modified) +' |
'+ w2utils.lang('Current Date & Time') + '
' : '')
);
$('#w2ui-overlay .w2ui-calendar-title')
.on('mousedown', function () {
if ($(this).next().hasClass('w2ui-calendar-jump')) {
$(this).next().remove();
} else {
var selYear, selMonth;
$(this).after('');
$(this).next().hide().html(obj.getYearHTML()).fadeIn(200);
setTimeout(function () {
$('#w2ui-overlay .w2ui-calendar-jump')
.find('.w2ui-jump-month, .w2ui-jump-year')
.on('click', function () {
if ($(this).hasClass('w2ui-jump-month')) {
$(this).parent().find('.w2ui-jump-month').removeClass('selected');
$(this).addClass('selected');
selMonth = $(this).attr('name');
}
if ($(this).hasClass('w2ui-jump-year')) {
$(this).parent().find('.w2ui-jump-year').removeClass('selected');
$(this).addClass('selected');
selYear = $(this).attr('name');
}
if (selYear != null && selMonth != null) {
$('#w2ui-overlay .w2ui-calendar-jump').fadeOut(100);
setTimeout(function () { refreshCalendar(parseInt(selMonth)+1, selYear); }, 100);
}
});
$('#w2ui-overlay .w2ui-calendar-jump >:last-child').prop('scrollTop', 2000);
}, 1);
}
});
$('#w2ui-overlay .w2ui-date')
.on('mousedown', function () {
var day = $(this).attr('date');
$(obj.el).val(day).change();
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
selDate = new Date($(this).attr('data-date'));
})
.on('mouseup', function () {
// continue with time picker
var selHour, selMin;
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
$(obj.el).w2overlay('', { css: { "background-color": "#fff" } });
var h24 = (obj.options.format == 'h24');
$('#w2ui-overlay > div').html(obj.getHourHTML());
$('#w2ui-overlay .w2ui-time')
.on('mousedown', function (event) {
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
selHour = $(this).attr('hour');
selDate.setHours(selHour);
var txt = w2utils.formatDateTime(selDate, obj.options.format);
$(obj.el).val(txt).change();
//$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':00' + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).change();
});
if (obj.options.noMinutes == null || obj.options.noMinutes === false) {
$('#w2ui-overlay .w2ui-time')
.on('mouseup', function () {
var hour = $(this).attr('hour');
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
$(obj.el).w2overlay('', { css: { "background-color": "#fff" } });
$('#w2ui-overlay > div').html(obj.getMinHTML(hour));
$('#w2ui-overlay .w2ui-time')
.on('mousedown', function () {
$(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });
selMin = $(this).attr('min');
selDate.setHours(selHour, selMin);
var txt = w2utils.formatDateTime(selDate, obj.options.format);
$(obj.el).val(txt).change();
//$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':' + (min < 10 ? 0 : '') + min + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).change();
})
.on('mouseup', function () {
setTimeout(function () { if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);
});
});
} else {
$('#w2ui-overlay .w2ui-time')
.on('mouseup', function () {
setTimeout(function () { if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);
});
}
});
$('#w2ui-overlay .previous').on('mousedown', function () {
var tmp = obj.options.current.split('/');
tmp[0] = parseInt(tmp[0]) - 1;
refreshCalendar(tmp[0], tmp[1]);
});
$('#w2ui-overlay .next').on('mousedown', function () {
var tmp = obj.options.current.split('/');
tmp[0] = parseInt(tmp[0]) + 1;
refreshCalendar(tmp[0], tmp[1]);
});
// "now" button
$('#w2ui-overlay .now')
.on('mousedown', function () {
// this currently ignores blocked days or start / end dates!
var tmp = w2utils.formatDateTime(new Date(), obj.options.format);
$(obj.el).val(tmp).change();
return false;
})
.on('mouseup', function () {
setTimeout(function () {
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide();
}, 10);
});
}) (month, year);
}
// list
if (['list', 'combo', 'enum'].indexOf(this.type) != -1) {
var el = this.el;
var input = this.el;
if (this.type == 'enum') {
el = $(this.helpers.multi);
input = $(el).find('input');
}
if (this.type == 'list') {
var sel = $(input).data('selected');
if ($.isPlainObject(sel) && !$.isEmptyObject(sel) && options.index == -1) {
options.items.forEach(function (item, ind) {
if (item.id == sel.id) {
options.index = ind;
}
});
}
input = $(this.helpers.focus).find('input');
}
if ($(input).is(':focus')) {
if (options.openOnFocus === false && $(input).val() === '' && obj.tmp.force_open !== true) {
$().w2overlay();
return;
}
if (obj.tmp.force_hide) {
$().w2overlay();
setTimeout(function () {
delete obj.tmp.force_hide;
}, 1);
return;
}
if ($(input).val() !== '') delete obj.tmp.force_open;
var msgNoItems = w2utils.lang('No matches');
if (options.url != null && $(input).val().length < options.minLength && obj.tmp.emptySet !== true) msgNoItems = options.minLength + ' ' + w2utils.lang('letters or more...');
if (options.url != null && $(input).val() === '' && obj.tmp.emptySet !== true) msgNoItems = w2utils.lang('Type to search...');
if (options.url == null && options.items.length === 0) msgNoItems = w2utils.lang('Empty list');
if (options.msgNoItems != null) msgNoItems = options.msgNoItems;
if (msgNoItems == 'function') msgNoItems = msgNoItems(options);
$(el).w2menu((!indexOnly ? 'refresh' : 'refresh-index'), $.extend(true, {}, options, {
search : false,
render : options.renderDrop,
maxHeight : options.maxDropHeight,
maxWidth : options.maxDropWidth,
msgNoItems : msgNoItems,
// selected with mouse
onSelect: function (event) {
if (obj.type == 'enum') {
var selected = $(obj.el).data('selected');
if (event.item) {
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, originalEvent: event.originalEvent, item: event.item });
if (edata.isCancelled === true) return;
// default behavior
if (selected.length >= options.max && options.max > 0) selected.pop();
delete event.item.hidden;
selected.push(event.item);
$(obj.el).data('selected', selected).change();
$(obj.helpers.multi).find('input').val('').width(20);
obj.refresh();
if ($("#w2ui-overlay").length > 0) $('#w2ui-overlay')[0].hide();
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
}
} else {
$(obj.el).data('selected', event.item).val(event.item.text).change();
if (obj.helpers.focus) obj.helpers.focus.find('input').val('');
}
}
}));
}
}
},
inRange: function (str, onlyDate) {
var inRange = false;
if (this.type == 'date') {
var dt = w2utils.isDate(str, this.options.format, true);
if (dt) {
// enable range
if (this.options.start || this.options.end) {
var st = (typeof this.options.start == 'string' ? this.options.start : $(this.options.start).val());
var en = (typeof this.options.end == 'string' ? this.options.end : $(this.options.end).val());
var start = w2utils.isDate(st, this.options.format, true);
var end = w2utils.isDate(en, this.options.format, true);
var current = new Date(dt);
if (!start) start = current;
if (!end) end = current;
if (current >= start && current <= end) inRange = true;
} else {
inRange = true;
}
// block predefined dates
if (this.options.blocked && $.inArray(str, this.options.blocked) != -1) inRange = false;
/*
clockWeekDay - type: array or integers. every element - number of week day.
number of weekday (1 - monday, 2 - tuesday, 3 - wensday, 4 - thursday, 5 - friday, 6 - saturday, 0 - sunday)
for block in calendar (for example, block all sundays so user can't choose sunday in calendar)
*/
if (this.options.blockWeekDays != null && this.options.blockWeekDays != undefined
&& this.options.blockWeekDays.length != undefined){
var l = this.options.blockWeekDays.length;
for (var i=0; i '+
'
');
var height = w2utils.getSize(obj.el, 'height');
helper = $(obj.el).next();
helper.css({
'color' : $(obj.el).css('color'),
'font-family' : $(obj.el).css('font-family'),
'font-size' : $(obj.el).css('font-size'),
'height' : ($(obj.el).height() + parseInt($(obj.el).css('padding-top'), 10) + parseInt($(obj.el).css('padding-bottom'), 10) ) + 'px',
'padding' : 0,
'margin-top' : (parseInt($(obj.el).css('margin-top'), 10) + 1) + 'px',
'margin-bottom' : 0,
'border-left' : '1px solid silver'
})
.css('margin-left', '-'+ (helper.width() + parseInt($(obj.el).css('margin-right'), 10) + 12) + 'px')
.on('mousedown', function (event) {
var body = $('body');
body.on('mouseup', tmp);
body.data('_field_update_timer', setTimeout(update, 700));
update(false);
// timer function
function tmp() {
clearTimeout(body.data('_field_update_timer'));
body.off('mouseup', tmp);
}
// update function
function update(notimer) {
$(obj.el).focus();
obj.keyDown($.Event("keydown"), {
keyCode : ($(event.target).attr('type') == 'up' ? 38 : 40)
});
if (notimer !== false) $('body').data('_field_update_timer', setTimeout(update, 60));
}
});
pr += helper.width() + 12;
$(obj.el).css('padding-right', pr + 'px');
// remember helper
obj.helpers.arrows = helper;
}
if (obj.options.suffix !== '') {
// remove if already displayed
if (obj.helpers.suffix) $(obj.helpers.suffix).remove();
// add fresh
$(obj.el).after(
''+
' '+
'
'+
' '+
' '+
'
'+
''+
obj.options.suffix +
'
');
helper = $(obj.el).next();
helper
.css({
'color' : $(obj.el).css('color'),
'font-family' : $(obj.el).css('font-family'),
'font-size' : $(obj.el).css('font-size'),
'padding-top' : $(obj.el).css('padding-top'),
'padding-bottom' : $(obj.el).css('padding-bottom'),
'padding-left' : '3px',
'padding-right' : $(obj.el).css('padding-right'),
'margin-top' : (parseInt($(obj.el).css('margin-top'), 10) + 2) + 'px',
'margin-bottom' : (parseInt($(obj.el).css('margin-bottom'), 10) + 1) + 'px'
})
.on('click', function (event) {
if (obj.type == 'list') {
$(obj.helpers.focus).find('input').focus();
} else {
$(obj.el).focus();
}
});
helper.css('margin-left', '-'+ (w2utils.getSize(helper, 'width') + parseInt($(obj.el).css('margin-right'), 10) + 2) + 'px');
pr += helper.width() + 3;
$(obj.el).css('padding-right', pr + 'px');
// remember helper
obj.helpers.suffix = helper;
}
}, 1);
},
addFocus: function () {
var obj = this;
var options = this.options;
var width = 0; // 11 - show search icon, 0 do not show
var pholder;
// clean up & init
$(obj.helpers.focus).remove();
// remember original tabindex
var tabIndex = $(obj.el).attr('tabIndex');
if (tabIndex && tabIndex != -1) obj.el._tabIndex = tabIndex;
if (obj.el._tabIndex) tabIndex = obj.el._tabIndex;
if (tabIndex == null) tabIndex = -1;
// build helper
var html =
''+
' '+
' '+
'
';
$(obj.el).attr('tabindex', -1).before(html);
var helper = $(obj.el).prev();
obj.helpers.focus = helper;
helper.css({
width : $(obj.el).width(),
"margin-top" : $(obj.el).css('margin-top'),
"margin-left" : (parseInt($(obj.el).css('margin-left')) + parseInt($(obj.el).css('padding-left'))) + 'px',
"margin-bottom" : $(obj.el).css('margin-bottom'),
"margin-right" : $(obj.el).css('margin-right')
})
.find('input')
.css({
cursor : 'default',
width : '100%',
outline : 'none',
opacity : 1,
margin : 0,
border : '1px solid transparent',
padding : $(obj.el).css('padding-top'),
"padding-left" : 0,
"margin-left" : (width > 0 ? width + 6 : 0),
"background-color" : 'transparent'
});
// INPUT events
helper.find('input')
.on('click', function (event) {
if ($('#w2ui-overlay').length === 0) obj.focus(event);
event.stopPropagation();
})
.on('focus', function (event) {
pholder = $(obj.el).attr('placeholder');
$(obj.el).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });
$(this).val('');
$(obj.el).triggerHandler('focus');
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
})
.on('blur', function (event) {
$(obj.el).css('outline', 'none');
$(this).val('');
obj.refresh();
$(obj.el).triggerHandler('blur');
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
if (pholder != null) $(obj.el).attr('placeholder', pholder);
})
.on('keydown', function (event) {
var el = this;
obj.keyDown(event);
setTimeout(function () {
if (el.value === '') $(obj.el).attr('placeholder', pholder); else $(obj.el).attr('placeholder', '');
}, 10);
})
.on('keyup', function (event) { obj.keyUp(event); })
.on('keypress', function (event) { obj.keyPress(event); });
// MAIN div
helper.on('click', function (event) { $(this).find('input').focus(); });
obj.refresh();
},
addMulti: function () {
var obj = this;
var options = this.options;
// clean up & init
$(obj.helpers.multi).remove();
// build helper
var html = '';
var margin =
'margin-top : 0px; ' +
'margin-bottom : 0px; ' +
'margin-left : ' + $(obj.el).css('margin-left') + '; ' +
'margin-right : ' + $(obj.el).css('margin-right') + '; '+
'width : ' + (w2utils.getSize(obj.el, 'width')
- parseInt($(obj.el).css('margin-left'), 10)
- parseInt($(obj.el).css('margin-right'), 10))
+ 'px;';
if (obj.type == 'enum') {
// remember original tabindex
var tabIndex = $(obj.el).attr('tabIndex');
if (tabIndex && tabIndex != -1) obj.el._tabIndex = tabIndex;
if (obj.el._tabIndex) tabIndex = obj.el._tabIndex;
if (tabIndex == null) tabIndex = -1;
html = ''+
'
';
}
if (obj.type == 'file') {
html = ''+
'
'+
'- '+
'
- '+ ' '+ ' '+ '
'+
'
';
}
// old bg and border
var tmp = $(obj.el).data('tmp') || {};
tmp['old-background-color'] = $(obj.el).css('background-color');
tmp['old-border-color'] = $(obj.el).css('border-color');
$(obj.el).data('tmp', tmp);
$(obj.el)
.before(html)
.css({
'background-color' : 'transparent',
'border-color' : 'transparent'
});
var div = $(obj.el).prev();
obj.helpers.multi = div;
if (obj.type == 'enum') {
$(obj.el).attr('tabindex', -1);
// INPUT events
div.find('input')
.on('click', function (event) {
if ($('#w2ui-overlay').length === 0) obj.focus(event);
$(obj.el).triggerHandler('click');
})
.on('focus', function (event) {
$(div).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });
$(obj.el).triggerHandler('focus');
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
})
.on('blur', function (event) {
$(div).css('outline', 'none');
$(obj.el).triggerHandler('blur');
if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
})
.on('keyup', function (event) { obj.keyUp(event); })
.on('keydown', function (event) { obj.keyDown(event); })
.on('keypress', function (event) { obj.keyPress(event); });
// MAIN div
div.on('click', function (event) { $(this).find('input').focus(); });
}
if (obj.type == 'file') {
$(obj.el).css('outline', 'none');
div.on('click', function (event) {
$(obj.el).focus();
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
obj.blur(event);
obj.resize();
setTimeout(function () { div.find('input').click(); }, 10); // needed this when clicked on items div
})
.on('dragenter', function (event) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
$(div).addClass('w2ui-file-dragover');
})
.on('dragleave', function (event) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
var tmp = $(event.target).parents('.w2ui-field-helper');
if (tmp.length === 0) $(div).removeClass('w2ui-file-dragover');
})
.on('drop', function (event) {
if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;
$(div).removeClass('w2ui-file-dragover');
var files = event.originalEvent.dataTransfer.files;
for (var i = 0, l = files.length; i < l; i++) obj.addFile.call(obj, files[i]);
// cancel to stop browser behaviour
event.preventDefault();
event.stopPropagation();
})
.on('dragover', function (event) {
// cancel to stop browser behaviour
event.preventDefault();
event.stopPropagation();
});
div.find('input')
.on('click', function (event) {
event.stopPropagation();
})
.on('change', function () {
if (typeof this.files !== "undefined") {
for (var i = 0, l = this.files.length; i < l; i++) {
obj.addFile.call(obj, this.files[i]);
}
}
});
}
obj.refresh();
},
addFile: function (file) {
var obj = this;
var options = this.options;
var selected = $(obj.el).data('selected');
var newItem = {
name : file.name,
type : file.type,
modified : file.lastModifiedDate,
size : file.size,
content : null,
file : file
};
var size = 0;
var cnt = 0;
var err;
if (selected) {
for (var s = 0; s < selected.length; s++) {
// check for dups
if (selected[s].name == file.name && selected[s].size == file.size) return;
size += selected[s].size;
cnt++;
}
}
// trigger event
var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, file: newItem, total: cnt, totalSize: size });
if (edata.isCancelled === true) return;
// check params
if (options.maxFileSize !== 0 && newItem.size > options.maxFileSize) {
err = 'Maximum file size is '+ w2utils.formatSize(options.maxFileSize);
if (options.silent === false) $(obj.el).w2tag(err);
console.log('ERROR: '+ err);
return;
}
if (options.maxSize !== 0 && size + newItem.size > options.maxSize) {
err = 'Maximum total size is '+ w2utils.formatSize(options.maxSize);
if (options.silent === false) $(obj.el).w2tag(err);
console.log('ERROR: '+ err);
return;
}
if (options.max !== 0 && cnt >= options.max) {
err = 'Maximum number of files is '+ options.max;
if (options.silent === false) $(obj.el).w2tag(err);
console.log('ERROR: '+ err);
return;
}
selected.push(newItem);
// read file as base64
if (typeof FileReader !== "undefined" && options.readContent === true) {
var reader = new FileReader();
// need a closure
reader.onload = (function () {
return function (event) {
var fl = event.target.result;
var ind = fl.indexOf(',');
newItem.content = fl.substr(ind+1);
obj.refresh();
$(obj.el).trigger('change');
// event after
obj.trigger($.extend(edata, { phase: 'after' }));
};
})();
reader.readAsDataURL(file);
} else {
obj.refresh();
$(obj.el).trigger('change');
}
},
normMenu: function (menu) {
if ($.isArray(menu)) {
for (var m = 0; m < menu.length; m++) {
if (typeof menu[m] == 'string') {
menu[m] = { id: menu[m], text: menu[m] };
} else {
if (menu[m].text != null && menu[m].id == null) menu[m].id = menu[m].text;
if (menu[m].text == null && menu[m].id != null) menu[m].text = menu[m].id;
if (menu[m].caption != null) menu[m].text = menu[m].caption;
}
}
return menu;
} else if (typeof menu == 'function') {
return this.normMenu(menu());
} else if (typeof menu == 'object') {
var tmp = [];
for (var m in menu) tmp.push({ id: m, text: menu[m] });
return tmp;
}
},
getMonthHTML: function (month, year, selected) {
var td = new Date();
var months = w2utils.settings.fullmonths;
var daysCount = ['31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31'];
var today = td.getFullYear() + '/' + (Number(td.getMonth()) + 1) + '/' + td.getDate();
var days = w2utils.settings.fulldays.slice(); // creates copy of the array
var sdays = w2utils.settings.shortdays.slice(); // creates copy of the array
if (w2utils.settings.weekStarts != 'M') {
days.unshift(days.pop());
sdays.unshift(sdays.pop());
}
var options = this.options;
if (options == null) options = {};
// normalize date
year = w2utils.isInt(year) ? parseInt(year) : td.getFullYear();
month = w2utils.isInt(month) ? parseInt(month) : td.getMonth() + 1;
if (month > 12) { month -= 12; year++; }
if (month < 1 || month === 0) { month += 12; year--; }
if (year/4 == Math.floor(year/4)) { daysCount[1] = '29'; } else { daysCount[1] = '28'; }
options.current = month + '/' + year;
// start with the required date
td = new Date(year, month-1, 1);
var weekDay = td.getDay();
var dayTitle = '';
for (var i = 0; i < sdays.length; i++) dayTitle += ''+
' '+
'
'+
' '+
'
'+
''+
' '+
' '+
months[month-1] +', '+ year +
'
'+
'| '; ci += 6; } else { if (ci < weekDay || day > daysCount[month-1]) { html += ' | '; if ((ci) % 7 === 0) html += ' |
| '+ dspDay + ' | '; if (ci % 7 === 0 || (weekDay === 0 && ci == 1)) html += '|
'+ months[m] + '
';
}
for (var y = start_year; y <= end_year; y++) {
yhtml += ''+ y + '
';
}
return ''+ mhtml +'
'+ yhtml +'
';
},
getHourHTML: function () {
var tmp = [];
var options = this.options;
if (options == null) options = { format: w2utils.settings.timeFormat };
var h24 = (options.format.indexOf('h24') > -1);
for (var a = 0; a < 24; a++) {
var time = (a >= 12 && !h24 ? a - 12 : a) + ':00' + (!h24 ? (a < 12 ? ' am' : ' pm') : '');
if (a == 12 && !h24) time = '12:00 pm';
if (!tmp[Math.floor(a/8)]) tmp[Math.floor(a/8)] = '';
var tm1 = this.fromMin(this.toMin(time));
var tm2 = this.fromMin(this.toMin(time) + 59);
if (this.type === 'datetime') {
var dt = w2utils.isDateTime(this.el.value, options.format, true);
var fm = options.format.split('|')[0].trim();
tm1 = w2utils.formatDate(dt, fm) + ' ' + tm1;
tm2 = w2utils.formatDate(dt, fm) + ' ' + tm2;
}
tmp[Math.floor(a/8)] += ''+ time +'
';
}
var html =
''+
'
'+
'
';
return html;
},
getMinHTML: function (hour) {
if (hour == null) hour = 0;
var options = this.options;
if (options == null) options = { format: w2utils.settings.timeFormat };
var h24 = (options.format.indexOf('h24') > -1);
var tmp = [];
for (var a = 0; a < 60; a += 5) {
var time = (hour > 12 && !h24 ? hour - 12 : hour) + ':' + (a < 10 ? 0 : '') + a + ' ' + (!h24 ? (hour < 12 ? 'am' : 'pm') : '');
var tm = time;
var ind = a < 20 ? 0 : (a < 40 ? 1 : 2);
if (!tmp[ind]) tmp[ind] = '';
if (this.type === 'datetime') {
var dt = w2utils.isDateTime(this.el.value, options.format, true);
var fm = options.format.split('|')[0].trim();
tm = w2utils.formatDate(dt, fm) + ' ' + tm;
}
tmp[ind] += ''+ w2utils.lang('Select Hour') +'
'+
' | '+ tmp[0] +' | ' + ''+ tmp[1] +' | ' + ''+ tmp[2] +' | ' + '
'+ time +'
';
}
var html =
''+
'
'+
'
';
return html;
},
toMin: function (str) {
if (typeof str != 'string') return null;
var tmp = str.split(':');
if (tmp.length === 2) {
tmp[0] = parseInt(tmp[0]);
tmp[1] = parseInt(tmp[1]);
if (str.indexOf('pm') != -1 && tmp[0] != 12) tmp[0] += 12;
} else {
return null;
}
return tmp[0] * 60 + tmp[1];
},
fromMin: function (time) {
var ret = '';
if (time >= 24 * 60) time = time % (24 * 60);
if (time < 0) time = 24 * 60 + time;
var hour = Math.floor(time/60);
var min = ((time % 60) < 10 ? '0' : '') + (time % 60);
var options = this.options;
if (options == null) options = { format: w2utils.settings.timeFormat };
if (options.format.indexOf('h24') != -1) {
ret = hour + ':' + min;
} else {
ret = (hour <= 12 ? hour : hour - 12) + ':' + min + ' ' + (hour >= 12 ? 'pm' : 'am');
}
return ret;
}
};
$.extend(w2field.prototype, w2utils.event);
w2obj.field = w2field;
}) (jQuery);
/************************************************************************
* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
* - Following objects defined
* - w2form - form widget
* - $().w2form - jQuery wrapper
* - Dependencies: jQuery, w2utils, w2fields, w2tabs, w2toolbar
*
* == NICE TO HAVE ==
* - include delta on save
* - form should read '+ w2utils.lang('Select Minute') +'
'+
' | '+ tmp[0] +' | ' + ''+ tmp[1] +' | ' + ''+ tmp[2] +' | ' + '