'+ text +'
| '; + if (mitem.img) img = ' | '; + if (mitem.icon) img = ' |
| '+ mitem.text +' | '+ + '
'+
+ (rg.name == 'selection' ? '' : '')+
+ '
');
+ } else {
+ $('#grid_'+ this.name +'_'+ rg.name).attr('style', rg.style);
+ }
+ if (td1.length > 0 && td2.length > 0) {
+ $('#grid_'+ this.name +'_'+ rg.name).css({
+ left : (td1.position().left - 1 + rec.scrollLeft()) + 'px',
+ top : (td1.position().top - 1 + rec.scrollTop()) + 'px',
+ width : (td2.position().left - td1.position().left + td2.width() + 3) + 'px',
+ height : (td2.position().top - td1.position().top + td2.height() + 3) + 'px'
+ });
+ }
+ }
+
+ // add resizer events
+ $(this.box).find('#grid_'+ this.name +'_resizer').off('mousedown').on('mousedown', mouseStart);
+ //$(this.box).find('#grid_'+ this.name +'_resizer').off('selectstart').on('selectstart', function () { return false; }); // fixes chrome cursror bug
+
+ var eventData = { phase: 'before', type: 'selectionExtend', target: obj.name, originalRange: null, newRange: null };
+
+ 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);
+ }
+
+ 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 != 'TD') tmp = $(tmp).parents('td')[0];
+ if (typeof $(tmp).attr('col') != 'undefined') 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
+ eventData = obj.trigger($.extend(eventData, { originalRange: mv.originalRange, newRange : mv.newRange }));
+ if (eventData.isCancelled === true) {
+ mv.newRange = prevNewRange;
+ eventData.newRange = prevNewRange;
+ return;
+ } else {
+ // default behavior
+ obj.removeRange('grid-selection-expand');
+ obj.addRange({
+ name : 'grid-selection-expand',
+ range : eventData.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(eventData, { phase: 'after' }));
+ }
+
+ return (new Date()).getTime() - time;
+ },
+
+ select: function () {
+ var selected = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var recid = typeof arguments[a] == 'object' ? arguments[a].recid : arguments[a];
+ var record = this.get(recid);
+ var index = this.get(recid, true);
+ if (record == null) continue;
+ if (this.selectType == 'row') {
+ if (record.selected === true) continue;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'select', target: this.name, recid: recid });
+ if (eventData.isCancelled === true) continue;
+ // default action
+ record.selected = true;
+ $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid)).addClass('w2ui-selected').data('selected', 'yes');
+ $('#grid_'+ this.name +'_cell_'+ index +'_select_check').prop('checked', true);
+ selected++;
+ } else {
+ var col = arguments[a].column;
+ if (!w2utils.isInt(col)) { // select all columns
+ var cols = [];
+ for (var c in this.columns) { if (this.columns[c].hidden) continue; cols.push({ recid: recid, column: parseInt(c) }); }
+ return this.select.apply(this, cols);
+ }
+ var s = record.selectedColumns;
+ if ($.isArray(s) && s.indexOf(col) != -1) continue;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'select', target: this.name, recid: recid, column: col });
+ if (eventData.isCancelled === true) continue;
+ // default action
+ if (!$.isArray(s)) record.selectedColumns = [];
+ record.selected = true;
+ record.selectedColumns.push(col);
+ record.selectedColumns.sort(function(a, b) { return a-b }); // sort function must be for numerical sort
+ $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid) + ' > td[col='+ col +']').addClass('w2ui-selected');
+ selected++;
+ if (record.selected) {
+ $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid)).data('selected', 'yes');
+ $('#grid_'+ this.name +'_cell_'+ index +'_select_check').prop('checked', true);
+ }
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ }
+ // all selected?
+ $('#grid_'+ this.name +'_check_all').prop('checked', true);
+ if ($('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length != 0 &&
+ $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length == $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]:checked').length) {
+ $('#grid_'+ this.name +'_check_all').prop('checked', true);
+ } else {
+ $('#grid_'+ this.name +'_check_all').prop("checked", false);
+ }
+ this.status();
+ this.addRange('selection');
+ return selected;
+ },
+
+ unselect: function () {
+ var unselected = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var recid = typeof arguments[a] == 'object' ? arguments[a].recid : arguments[a];
+ var record = this.get(recid);
+ var index = this.get(record.recid, true);
+ if (record == null) continue;
+ if (this.selectType == 'row') {
+ if (record.selected !== true) continue;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'unselect', target: this.name, recid: recid });
+ if (eventData.isCancelled === true) continue;
+ // default action
+ record.selected = false
+ var el = $('#grid_'+this.name +'_rec_'+ w2utils.escapeId(record.recid));
+ el.removeClass('w2ui-selected').removeData('selected');
+ if (el.length != 0) el[0].style.cssText = 'height: '+ this.recordHeight +'px; ' + el.attr('custom_style');
+ $('#grid_'+ this.name +'_cell_'+ index +'_select_check').prop("checked", false);
+ unselected++;
+ } else {
+ var col = arguments[a].column;
+ if (!w2utils.isInt(col)) { // unselect all columns
+ var cols = [];
+ for (var c in this.columns) { if (this.columns[c].hidden) continue; cols.push({ recid: recid, column: parseInt(c) }); }
+ return this.unselect.apply(this, cols);
+ }
+ var s = record.selectedColumns;
+ if (!$.isArray(s) || s.indexOf(col) == -1) continue;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'unselect', target: this.name, recid: recid, column: col });
+ if (eventData.isCancelled === true) continue;
+ // default action
+ s.splice(s.indexOf(col), 1);
+ $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid) + ' > td[col='+ col +']').removeClass('w2ui-selected');
+ unselected++;
+ if (s.length == 0) {
+ record.selected = false;
+ $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid)).removeData('selected');
+ $('#grid_'+ this.name +'_cell_'+ index +'_select_check').prop('checked', false);
+ }
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ }
+ // all selected?
+ $('#grid_'+ this.name +'_check_all').prop('checked', true);
+ if ($('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length != 0 &&
+ $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length == $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]:checked').length) {
+ $('#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 () {
+ if (this.multiSelect === false) return;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'select', target: this.name, all: true });
+ if (eventData.isCancelled === true) return;
+ // default action
+ var cols = [];
+ for (var c in this.columns) cols.push(parseInt(c));
+ var url = (typeof this.url != 'object' ? this.url : this.url.get);
+ if (!url) {
+ if (this.searchData.length == 0) {
+ // not searched
+ this.set({ selected: true });
+ if (this.selectType == 'row') {
+ this.set({ selected: true });
+ } else {
+ this.set({ selected: true, selectedColumns: cols.slice() }); // .slice makes copy of the array
+ }
+ } else {
+ // local search applied
+ for (var i=0; i| '+ + ' | '+ search.caption +' | '+ + '
'+
+ this.getRecordsHTML() +
+ '
'+
+ ''+
+ ' '+ this.getColumnsHTML() +'
'+
+ '
'; // Columns need to be after to be able to overlap
+ $('#grid_'+ this.name +'_body').html(bodyHTML);
+ // show summary records
+ if (this.summary.length > 0) {
+ $('#grid_'+ this.name +'_summary').html(this.getSummaryHTML()).show();
+ } else {
+ $('#grid_'+ this.name +'_summary').hide();
+ }
+ // -- footer
+ if (this.show.footer) {
+ $('#grid_'+ this.name +'_footer').html(this.getFooterHTML()).show();
+ } else {
+ $('#grid_'+ this.name +'_footer').hide();
+ }
+ // select last selected record
+ if (this.last.selected.length > 0) for (var s in this.last.selected) {
+ if (this.get(this.last.selected[s]) != null) {
+ this.select(this.get(this.last.selected[s]).recid);
+ }
+ }
+ // show/hide clear search link
+ if (this.searchData.length > 0) {
+ $('#grid_'+ this.name +'_searchClear').show();
+ } else {
+ $('#grid_'+ this.name +'_searchClear').hide();
+ }
+ // all selected?
+ $('#grid_'+ this.name +'_check_all').prop('checked', true);
+ if ($('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length != 0 &&
+ $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]').length == $('#grid_'+ this.name +'_records').find('.grid_select_check[type=checkbox]:checked').length) {
+ $('#grid_'+ this.name +'_check_all').prop('checked', true);
+ } else {
+ $('#grid_'+ this.name +'_check_all').prop("checked", false);
+ }
+ // show number of selected
+ this.status();
+ // collapse all records
+ var rows = obj.find({ expanded: true }, true);
+ for (var r in rows) obj.records[rows[r]].expanded = false;
+ // mark selection
+ setTimeout(function () {
+ var str = $.trim($('#grid_'+ obj.name +'_search_all').val());
+ if (str != '') $(obj.box).find('.w2ui-grid-data > div').w2marker(str);
+ }, 50);
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ obj.resize();
+ obj.addRange('selection');
+ setTimeout(function () { obj.resize(); obj.scroll(); }, 1); // allow to render first
+ return (new Date()).getTime() - time;
+ },
+
+ render: function (box) {
+ var obj = this;
+ var time = (new Date()).getTime();
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ if (typeof box != 'undefined' && box != null) {
+ if ($(this.box).find('#grid_'+ this.name +'_body').length > 0) {
+ $(this.box)
+ .removeAttr('name')
+ .removeClass('w2ui-reset w2ui-grid')
+ .html('');
+ }
+ this.box = box;
+ }
+ if (!this.box) return;
+ if (this.last.sortData == null) this.last.sortData = this.sortData;
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'render', box: box });
+ if (eventData.isCancelled === true) return false;
+ // insert Elements
+ $(this.box)
+ .attr('name', this.name)
+ .addClass('w2ui-reset w2ui-grid')
+ .html(''+
+ ' '+
+ ' '+
+ ' '+
+ ' '+
+ ' '+
+ '
');
+ 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]);
+ // init footer
+ $('#grid_'+ this.name +'_footer').html(this.getFooterHTML());
+ // refresh
+ this.refresh(); // show empty grid (need it)
+ this.reload();
+
+ // init mouse events for mouse selection
+ $(this.box).on('mousedown', mouseStart);
+ $(this.box).on('selectstart', function () { return false; }); // fixes chrome cursror bug
+
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ // attach to resize event
+ if ($('.w2ui-layout').length == 0) { // if there is layout, it will send a resize event
+ this.tmp_resize = function (event) { w2ui[obj.name].resize(); }
+ $(window).off('resize', this.tmp_resize).on('resize', this.tmp_resize);
+ }
+ return (new Date()).getTime() - time;
+
+ function mouseStart (event) {
+ if (obj.last.move && obj.last.move.type == 'expand') return;
+ obj.last.move = {
+ x : event.screenX,
+ y : event.screenY,
+ divX : 0,
+ divY : 0,
+ recid : $(event.target).parents('tr').attr('recid'),
+ column : (event.target.tagName == 'TD' ? $(event.target).attr('col') : $(event.target).parents('td').attr('col')),
+ type : 'select',
+ start : true
+ };
+ $(document).on('mousemove', mouseMove);
+ $(document).on('mouseup', mouseStop);
+ }
+
+ function mouseMove (event) {
+ if (!obj.last.move || obj.last.move.type != 'select') return;
+ obj.last.move.divX = (event.screenX - obj.last.move.x);
+ obj.last.move.divY = (event.screenY - obj.last.move.y);
+ if (Math.abs(obj.last.move.divX) <= 1 && Math.abs(obj.last.move.divY) <= 1) return; // only if moved more then 1px
+ if (obj.last.move.start && obj.last.move.recid) {
+ obj.selectNone();
+ obj.last.move.start = false;
+ }
+ var newSel= [];
+ var recid = (event.target.tagName == 'TR' ? $(event.target).attr('recid') : $(event.target).parents('tr').attr('recid'));
+ if (typeof recid == 'undefined') return;
+ var ind1 = obj.get(obj.last.move.recid, true);
+ var ind2 = obj.get(recid, true);
+ var col1 = parseInt(obj.last.move.column);
+ var col2 = parseInt(event.target.tagName == 'TD' ? $(event.target).attr('col') : $(event.target).parents('td').attr('col'));
+ if (ind1 > ind2) { var tmp = ind1; ind1 = ind2; ind2 = tmp; }
+ // check if need to refresh
+ var tmp = 'ind1:'+ ind1 +',ind2;'+ ind2 +',col1:'+ col1 +',col2:'+ col2;
+ if (obj.last.move.range == tmp) return;
+ obj.last.move.range = tmp;
+ for (var i = ind1; i <= ind2; i++) {
+ if (obj.last.searchIds.length > 0 && obj.last.searchIds.indexOf(i) == -1) continue;
+ if (obj.selectType != 'row') {
+ if (col1 > col2) { var tmp = col1; col1 = col2; col2 = tmp; }
+ var tmp = [];
+ for (var c = col1; c <= col2; c++) {
+ if (obj.columns[c].hidden) continue;
+ newSel.push({ recid: obj.records[i].recid, column: parseInt(c) });
+ }
+ } else {
+ newSel.push(obj.records[i].recid);
+ }
+ }
+ if (obj.selectType != 'row') {
+ var sel = obj.getSelection();
+ // add more items
+ var tmp = [];
+ for (var ns in newSel) {
+ var flag = false;
+ for (var s in sel) if (newSel[ns].recid == sel[s].recid && newSel[ns].column == sel[s].column) flag = true;
+ if (!flag) tmp.push({ recid: newSel[ns].recid, column: newSel[ns].column });
+ }
+ obj.select.apply(obj, tmp);
+ // remove items
+ var tmp = [];
+ for (var s in sel) {
+ var flag = false;
+ for (var ns in newSel) if (newSel[ns].recid == sel[s].recid && newSel[ns].column == sel[s].column) flag = true;
+ if (!flag) tmp.push({ recid: sel[s].recid, column: sel[s].column });
+ }
+ obj.unselect.apply(obj, tmp);
+ } else {
+ if (obj.multiSelect) {
+ var sel = obj.getSelection();
+ for (var ns in newSel) if (sel.indexOf(newSel[ns]) == -1) obj.select(newSel[ns]); // add more items
+ for (var s in sel) if (newSel.indexOf(sel[s]) == -1) obj.unselect(sel[s]); // remove items
+ }
+ }
+ }
+
+ function mouseStop (event) {
+ if (!obj.last.move || obj.last.move.type != 'select') return;
+ delete obj.last.move;
+ $(document).off('mousemove', mouseMove);
+ $(document).off('mouseup', mouseStop);
+ }
+ },
+
+ destroy: function () {
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'destroy' });
+ if (eventData.isCancelled === true) return false;
+ // remove events
+ $(window).off('resize', this.tmp_resize);
+ // clean up
+ if (typeof this.toolbar == 'object' && this.toolbar.destroy) this.toolbar.destroy();
+ if ($(this.box).find('#grid_'+ this.name +'_body').length > 0) {
+ $(this.box)
+ .removeAttr('name')
+ .removeClass('w2ui-reset w2ui-grid')
+ .html('');
+ }
+ delete w2ui[this.name];
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ // ===========================================
+ // --- Internal Functions
+
+ initColumnOnOff: function () {
+ if (!this.show.toolbarColumns) return;
+ var obj = this;
+ var col_html = ''+
+ '';
+ for (var c in this.columns) {
+ var col = this.columns[c];
+ col_html += '
";
+ this.toolbar.get('column-on-off').html = col_html;
+ },
+
+ columnOnOff: function (el, event, field, value) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'columnOnOff', checkbox: el, field: field, originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // regular processing
+ var obj = this;
+ // collapse expanded rows
+ for (var r in this.records) {
+ if (this.records[r].expanded === true) this.records[r].expanded = false
+ }
+ // show/hide
+ var hide = true;
+ if (field == 'line-numbers') {
+ this.show.lineNumbers = !this.show.lineNumbers;
+ this.refresh();
+ } else if (field == 'skip') {
+ if (!w2utils.isInt(value)) value = 0;
+ obj.skip(value);
+ } else if (field == 'resize') {
+ // restore sizes
+ for (var c in this.columns) {
+ if (typeof this.columns[c].sizeOriginal != 'undefined') {
+ this.columns[c].size = this.columns[c].sizeOriginal;
+ }
+ }
+ this.initResize();
+ this.resize();
+ } else {
+ var col = this.getColumn(field);
+ if (col.hidden) {
+ $(el).prop('checked', true);
+ this.showColumn(col.field);
+ } else {
+ $(el).prop('checked', false);
+ this.hideColumn(col.field);
+ }
+ hide = false;
+ }
+ this.initColumnOnOff();
+ if (hide) {
+ setTimeout(function () {
+ $().w2overlay();
+ obj.toolbar.uncheck('column-on-off');
+ }, 100);
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ initToolbar: function () {
+ // -- if toolbar is true
+ if (typeof this.toolbar['render'] == 'undefined') {
+ 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']));
+ this.initColumnOnOff();
+ }
+ if (this.show.toolbarReload || this.show.toolbarColumn) {
+ this.toolbar.items.push({ type: 'break', id: 'break0' });
+ }
+ if (this.show.toolbarSearch) {
+ var html =
+ '';
+ this.toolbar.items.push({ type: 'html', id: 'search', html: html });
+ if (this.multiSearch && this.searches.length > 0) {
+ this.toolbar.items.push($.extend(true, {}, this.buttons['search-go']));
+ }
+ }
+ if (this.show.toolbarSearch && (this.show.toolbarAdd || this.show.toolbarEdit || this.show.toolbarDelete || this.show.toolbarSave)) {
+ this.toolbar.items.push({ type: 'break', id: '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: 'break2' });
+ }
+ this.toolbar.items.push($.extend(true, {}, this.buttons['save']));
+ }
+ // add original buttons
+ for (var i in tmp_items) this.toolbar.items.push(tmp_items[i]);
+
+ // =============================================
+ // ------ Toolbar onClick processing
+
+ var obj = this;
+ this.toolbar.on('click', function (event) {
+ var eventData = obj.trigger({ phase: 'before', type: 'toolbar', target: event.target, originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ var id = event.target;
+ switch (id) {
+ case 'reload':
+ var eventData2 = obj.trigger({ phase: 'before', type: 'reload', target: obj.name });
+ if (eventData2.isCancelled === true) return false;
+ var url = (typeof obj.url != 'object' ? obj.url : obj.url.get);
+ if (url) {
+ obj.clear(true);
+ } else {
+ obj.last.scrollTop = 0;
+ obj.last.scrollLeft = 0;
+ obj.last.range_start= null;
+ obj.last.range_end = null;
+ }
+ obj.reload();
+ obj.trigger($.extend(eventData2, { phase: 'after' }));
+ break;
+ case 'column-on-off':
+ for (var c in obj.columns) {
+ if (obj.columns[c].hidden) {
+ $("#grid_"+ obj.name +"_column_"+ c + "_check").prop("checked", false);
+ } else {
+ $("#grid_"+ obj.name +"_column_"+ c + "_check").prop('checked', true);
+ }
+ }
+ obj.initResize();
+ obj.resize();
+ break;
+ case '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() { tb.uncheck(id); $(document).off('click', 'body', tmp_close); }
+ $(document).on('click', 'body', tmp_close);
+ }
+ break;
+ case 'add':
+ // events
+ var eventData = obj.trigger({ phase: 'before', target: obj.name, type: 'add', recid: null });
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ break;
+ case 'edit':
+ var sel = obj.getSelection();
+ var recid = null;
+ if (sel.length == 1) recid = sel[0];
+ // events
+ var eventData = obj.trigger({ phase: 'before', target: obj.name, type: 'edit', recid: recid });
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ break;
+ case 'delete':
+ obj.delete();
+ break;
+ case 'save':
+ obj.save();
+ break;
+ }
+ // no default action
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ });
+ }
+ return;
+ },
+
+ initSearches: function () {
+ var obj = this;
+ // init searches
+ for (var s in this.searches) {
+ var search = this.searches[s];
+ var sdata = this.getSearchData(search.field);
+ // init types
+ switch (String(search.type).toLowerCase()) {
+ case 'alphaNumeric':
+ case 'text':
+ $('#grid_'+ this.name +'_operator_'+s).val('begins with');
+ break;
+
+ case 'int':
+ case 'float':
+ case 'hex':
+ case 'money':
+ case 'date':
+ $('#grid_'+ this.name +'_field_'+s).w2field('clear').w2field(search.type);
+ $('#grid_'+ this.name +'_field2_'+s).w2field('clear').w2field(search.type);
+ break;
+
+ case 'list':
+ // build options
+ var options = '';
+ for (var i in search.items) {
+ if ($.isPlainObject(search.items[i])) {
+ var val = search.items[i].id;
+ var txt = search.items[i].text;
+ if (typeof val == 'undefined' && typeof search.items[i].value != 'undefined') val = search.items[i].value;
+ if (typeof txt == 'undefined' && typeof search.items[i].caption != 'undefined') txt = search.items[i].caption;
+ if (val == null) val = '';
+ options += '';
+ } else {
+ options += '';
+ }
+ }
+ $('#grid_'+ this.name +'_field_'+s).html(options);
+ break;
+ }
+ if (sdata != null) {
+ $('#grid_'+ this.name +'_operator_'+ s).val(sdata.operator).trigger('change');
+ if (!$.isArray(sdata.value)) {
+ if (typeof sdata.value != 'udefined') $('#grid_'+ this.name +'_field_'+ s).val(sdata.value).trigger('change');
+ } else {
+ if (sdata.operator == 'in') {
+ $('#grid_'+ this.name +'_field_'+ s).val(sdata.value).trigger('change');
+ } else {
+ $('#grid_'+ this.name +'_field_'+ s).val(sdata.value[0]).trigger('change');
+ $('#grid_'+ this.name +'_field2_'+ s).val(sdata.value[1]).trigger('change');
+ }
+ }
+ }
+ }
+ // add on change event
+ $('#w2ui-overlay .w2ui-grid-searches *[rel=search]').on('keypress', function (evnt) {
+ if (evnt.keyCode == 13) { obj.search(); }
+ });
+ },
+
+ 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;
+ if (!window.addEventListener) { window.document.attachEvent('onselectstart', function() { return false; } ); }
+ 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 in obj.columns) {
+ if (typeof obj.columns[c].sizeOriginal == 'undefined') obj.columns[c].sizeOriginal = obj.columns[c].size;
+ obj.columns[c].size = obj.columns[c].sizeCalculated;
+ }
+ var eventData = { phase: 'before', type: 'columnResize', target: obj.name, column: obj.last.tmp.col, field: obj.columns[obj.last.tmp.col].field };
+ eventData = obj.trigger($.extend(eventData, { resizeBy: 0, originalEvent: event }));
+ // set move event
+ var mouseMove = function (event) {
+ if (obj.resizing != true) return;
+ if (!event) event = window.event;
+ // event before
+ eventData = obj.trigger($.extend(eventData, { resizeBy: (event.screenX - obj.last.tmp.gx), originalEvent: event }));
+ if (eventData.isCancelled === true) { eventData.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();
+ // 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();
+ // event before
+ obj.trigger($.extend(eventData, { 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 main = $(this.box).find('> div');
+ var header = $('#grid_'+ this.name +'_header');
+ var toolbar = $('#grid_'+ this.name +'_toolbar');
+ var summary = $('#grid_'+ this.name +'_summary');
+ var footer = $('#grid_'+ this.name +'_footer');
+ var body = $('#grid_'+ this.name +'_body');
+ var columns = $('#grid_'+ this.name +'_columns');
+ var records = $('#grid_'+ this.name +'_records');
+
+ 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.show.footer) {
+ footer.css({
+ bottom: '0px',
+ left: '0px',
+ right: '0px'
+ });
+ }
+ if (this.summary.length > 0) {
+ summary.css({
+ bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) ) + 'px',
+ 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');
+ var header = $('#grid_'+ this.name +'_header');
+ var toolbar = $('#grid_'+ this.name +'_toolbar');
+ var summary = $('#grid_'+ this.name +'_summary');
+ var footer = $('#grid_'+ this.name +'_footer');
+ var body = $('#grid_'+ this.name +'_body');
+ var columns = $('#grid_'+ this.name +'_columns');
+ var records = $('#grid_'+ this.name +'_records');
+
+ // body might be expanded by data
+ if (!this.fixedBody) {
+ // allow it to render records, then resize
+ setTimeout(function () {
+ var calculatedHeight = w2utils.getSize(columns, 'height')
+ + w2utils.getSize($('#grid_'+ obj.name +'_records table'), 'height');
+ 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'));
+ }, 1);
+ } 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);
+ }
+
+ // check overflow
+ var bodyOverflowX = false;
+ var bodyOverflowY = false;
+ if (body.width() < $(records).find('>table').width()) bodyOverflowX = true;
+ if (body.height() - columns.height() < $(records).find('>table').height() + (bodyOverflowX ? w2utils.scrollBarSize() : 0)) bodyOverflowY = true;
+ if (!this.fixedBody) { bodyOverflowY = false; bodyOverflowX = 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 (this.show.emptyRecords && !bodyOverflowY) {
+ var max = Math.floor(records.height() / this.recordHeight) + 1;
+ if (this.fixedBody) {
+ for (var di = this.buffered; di <= max; di++) {
+ var html = '';
+ html += '| '+ + ' '+ + ' | '+ + ''+ + ' '+ + ' | '+ + '
| '+
+ ' '+
+ ' '+ w2utils.lang('Skip') +' '+ w2utils.lang('Records')+
+ ' '+
+ ' | |
| '+
+ ' '+ w2utils.lang('Toggle Line Numbers') +' '+
+ ' | |
| '+
+ ' '+ w2utils.lang('Reset Column Size') + ' '+
+ ' | |
| '+ btn +' | ' + + ''+ s.caption +' | ' + + ''+ operator +' | '+ + ''; + + switch (s.type) { + case 'alphaNumeric': + case 'text': + html += ''; + break; + + case 'int': + case 'float': + case 'hex': + case 'money': + case 'date': + html += ''+ + ''; + break; + + case 'list': + html += ''; + break; + + } + html += s.outTag + + ' | ' + + '
| '+
+ ' '+
+ ' '+
+ ' '+
+ ' '+
+ ' | '+
+ '|||
'+
+ (col.caption == '' ? ' ' : col.caption) +
+ '
'+
+ ''+
+ (colg.caption == '' ? ' ' : colg.caption) +
+ '
'+
+ '#
'+
+ ''+
+ ' '+
+ '
'+
+ ''+
+ (col.caption == '' ? ' ' : col.caption) +
+ '
'+
+ '| '+ + ' | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| '+ + ' |
');
+ obj.last.pull_more = true;
+ obj.last.xhr_offset += obj.limit;
+ obj.request('get-records');
+ });
+ }
+ if (more.find('td').text().indexOf('Load') == -1) {
+ more.find('td').html('
Load '+ obj.limit + ' More...
');
+ }
+ }
+ }
+ // check for grid end
+ if (this.buffered >= this.total - this.offset) $('#grid_'+ this.name +'_rec_more').hide();
+ return;
+
+ function markSearch() {
+ // mark search
+ if(obj.markSearchResults === false) return;
+ clearTimeout(obj.last.marker_timer);
+ obj.last.marker_timer = setTimeout(function () {
+ // mark all search strings
+ var str = [];
+ for (var s in obj.searchData) {
+ var tmp = obj.searchData[s];
+ if ($.inArray(tmp.value, str) == -1) str.push(tmp.value);
+ }
+ if (str.length > 0) $(obj.box).find('.w2ui-grid-data > div').w2marker(str);
+ }, 50);
+ }
+ },
+
+ getRecordHTML: function (ind, lineNum, summary) {
+ var rec_html = '';
+ // first record needs for resize purposes
+ if (ind == -1) {
+ rec_html += ''+ lineNum +'
' : '') +
+ ''+
+ ' '+
+ '
'
+ :
+ '' ) +
+ ''+
+ ' '+ tmp_img +'
'
+ :
+ '' ) +
+ '' + col.render[data] + '
';
+ if (typeof col.render == 'string') {
+ var tmp = col.render.toLowerCase().split(':');
+ var prefix = '';
+ var suffix = '';
+ if ($.inArray(tmp[0], ['number', 'int', 'float', 'money', 'percent']) != -1) {
+ if (typeof tmp[1] == 'undefined' || !w2utils.isInt(tmp[1])) tmp[1] = 0;
+ if (tmp[1] > 20) tmp[1] = 20;
+ if (tmp[1] < 0) tmp[1] = 0;
+ if (tmp[0] == 'money') { tmp[1] = 2; prefix = w2utils.settings.currencySymbol; }
+ if (tmp[0] == 'percent') { suffix = '%'; if (tmp[1] !== '0') tmp[1] = 1; }
+ if (tmp[0] == 'int') { tmp[1] = 0; }
+ // format
+ data = '' + prefix + w2utils.formatNumber(Number(data).toFixed(tmp[1])) + suffix + '
';
+ }
+ if (tmp[0] == 'date') {
+ if (typeof tmp[1] == 'undefined' || tmp[1] == '') tmp[1] = w2utils.settings.date_display;
+ data = '' + prefix + w2utils.formatDate(data, tmp[1]) + suffix + '
';
+ }
+ if (tmp[0] == 'age') {
+ data = '' + prefix + w2utils.age(data) + suffix + '
';
+ }
+ }
+ } else {
+ if (!this.show.recordTitles) {
+ var data = ''+ data +'
';
+ } else {
+ // title overwrite
+ var title = String(data).replace(/"/g, "''");
+ if (typeof col.title != 'undefined') {
+ if (typeof col.title == 'function') title = col.title.call(this, record, ind, col_ind);
+ if (typeof col.title == 'string') title = col.title;
+ }
+ var data = ''+ data +'
';
+ }
+ }
+ if (data == null || typeof data == 'undefined') data = '';
+ return data;
+ },
+
+ getFooterHTML: function () {
+ return ''+
+ ' '+
+ ' '+
+ ' '+
+ '
';
+ },
+
+ status: function (msg) {
+ if (typeof msg != 'undefined') {
+ $('#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) {
+ msgLeft = String(sel.length).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + ' ' + w2utils.lang('selected');
+ var tmp = sel[0];
+ if (typeof tmp == 'object') tmp = tmp.recid + ', '+ w2utils.lang('Column') +': '+ tmp.column;
+ if (sel.length == 1) msgLeft = w2utils.lang('Record ID') + ': '+ tmp + ' ';
+ }
+ $('#grid_'+ this.name +'_footer .w2ui-footer-left').html(msgLeft);
+ // toolbar
+ if (sel.length == 1) this.toolbar.enable('edit'); else this.toolbar.disable('edit');
+ if (sel.length >= 1) this.toolbar.enable('delete'); else this.toolbar.disable('delete');
+ }
+ },
+
+ lock: function (msg, showSpinner) {
+ var box = $(this.box).find('> div:first-child');
+ setTimeout(function () { w2utils.lock(box, msg, showSpinner); }, 10);
+ },
+
+ unlock: function () {
+ var box = this.box;
+ setTimeout(function () { w2utils.unlock(box); }, 25); // needed timer so if server fast, it will not flash
+ },
+
+ 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 in tmp) {
+ val = val[tmp[i]];
+ }
+ } catch (event) {
+ val = '';
+ }
+ return val;
+ }
+ }
+
+ $.extend(w2grid.prototype, w2utils.event);
+ w2obj.grid = w2grid;
+})();
+/************************************************************************
+* 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
+* - problem with layout.html (see in 1.3)
+* - add panel title
+*
+************************************************************************/
+
+(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 = '';
+
+ this.onShow = null;
+ this.onHide = null;
+ this.onResizing = null;
+ this.onRender = null;
+ this.onRefresh = null;
+ this.onResize = null;
+ this.onDestroy = null
+
+ $.extend(true, this, w2obj.layout, options);
+ };
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2layout = function(method) {
+ if (typeof method === 'object' || !method ) {
+ // check required parameters
+ if (!method || typeof method.name == 'undefined') {
+ console.log('ERROR: The parameter "name" is required but not supplied in $().w2layout().');
+ return;
+ }
+ if (typeof w2ui[method.name] != 'undefined') {
+ console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ method.name +').');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(method.name)) {
+ console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
+ return;
+ }
+ var panels = method.panels;
+ var object = new w2layout(method);
+ $.extend(object, { handlers: [], panels: [] });
+ // add defined panels panels
+ for (var p in panels) {
+ 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 p in { 'top':'', 'left':'', 'main':'', 'preview':'', 'right':'', 'bottom':'' }) {
+ if (object.get(p) != null) continue;
+ object.panels[p] = $.extend(true, {}, w2layout.prototype.panel, { type: p, hidden: true, size: 50 });
+ }
+
+ if ($(this).length > 0) {
+ object.render($(this)[0]);
+ }
+ w2ui[object.name] = object;
+ return object;
+
+ } else if (w2ui[$(this).attr('name')]) {
+ var obj = w2ui[$(this).attr('name')];
+ obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
+ return this;
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2layout' );
+ }
+
+ function initTabs(object, panel, tabs) {
+ var pan = object.get(panel);
+ if (pan != null && typeof tabs == 'undefined') 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 && typeof toolbar == 'undefined') 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 = {
+ // default setting for a panel
+ panel: {
+ type : null, // left, right, top, bottom
+ size : 100, // width or height depending on panel name
+ minSize : 20,
+ 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 (panel == 'css') {
+ $('#layout_'+ obj.name +'_panel_css').html('');
+ return true;
+ }
+ if (p == null) return false;
+ if ($('#layout_'+ this.name + '_panel2_'+ p.type).length > 0) return false;
+ $('#layout_'+ this.name + '_panel_'+ p.type).scrollTop(0);
+ if (data == null || typeof data == 'undefined') {
+ return p.content;
+ } else {
+ if (data instanceof jQuery) {
+ console.log('ERROR: You can not pass jQuery object to w2layout.content() method');
+ return false;
+ }
+ // remove foreign classes and styles
+ var tmp = $('#'+ 'layout_'+ this.name + '_panel_'+ panel + ' > .w2ui-panel-content');
+ var panelTop = $(tmp).position().top;
+ tmp.attr('class', 'w2ui-panel-content');
+ if (tmp.length > 0 && typeof p.style != 'undefined') tmp[0].style.cssText = p.style;
+ if (p.content == '') {
+ p.content = data;
+ if (!p.hidden) this.refresh(panel);
+ } else {
+ p.content = data;
+ if (!p.hidden) {
+ if (transition != null && transition != '' && typeof transition != 'undefined') {
+ // apply transition
+ var nm = 'layout_'+ this.name + '_panel_'+ p.type;
+ var div1 = $('#'+ nm + ' > .w2ui-panel-content');
+ div1.after('');
+ var div2 = $('#'+ nm + ' > .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
+ if (window.navigator.userAgent.indexOf('MSIE')) setTimeout(function () { obj.resize(); }, 100);
+ });
+ } else {
+ if (!p.hidden) this.refresh(panel);
+ }
+ }
+ }
+ }
+ // IE Hack
+ if (window.navigator.userAgent.indexOf('MSIE')) setTimeout(function () { obj.resize(); }, 100);
+ return true;
+ },
+
+ load: function (panel, url, transition, onLoad) {
+ var obj = this;
+ if (panel == 'css') {
+ $.get(url, function (data, status, xhr) {
+ obj.content(panel, xhr.responseText);
+ if (onLoad) onLoad();
+ });
+ return true;
+ }
+ if (this.get(panel) != null) {
+ $.get(url, function (data, status, xhr) {
+ obj.content(panel, xhr.responseText, transition);
+ if (onLoad) onLoad();
+ // IE Hack
+ if (window.navigator.userAgent.indexOf('MSIE')) setTimeout(function () { obj.resize(); }, 100);
+ });
+ return true;
+ }
+ return false;
+ },
+
+ sizeTo: function (panel, size) {
+ var obj = this;
+ var pan = obj.get(panel);
+ if (pan == null) return false;
+ // resize
+ $(obj.box).find(' > div .w2ui-panel').css({
+ '-webkit-transition': '.35s',
+ '-moz-transition' : '.35s',
+ '-ms-transition' : '.35s',
+ '-o-transition' : '.35s'
+ });
+ setTimeout(function () {
+ obj.set(panel, { size: size });
+ }, 1);
+ // clean
+ setTimeout(function () {
+ $(obj.box).find(' > div .w2ui-panel').css({
+ '-webkit-transition': '0s',
+ '-moz-transition' : '0s',
+ '-ms-transition' : '0s',
+ '-o-transition' : '0s'
+ });
+ obj.resize();
+ }, 500);
+ return true;
+ },
+
+ show: function (panel, immediate) {
+ var obj = this;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'show', target: panel, object: this.get(panel), immediate: immediate });
+ if (eventData.isCancelled === true) return false;
+
+ var p = obj.get(panel);
+ if (p == null) return false;
+ p.hidden = false;
+ if (immediate === true) {
+ $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '1' });
+ if (p.resizabled) $('#layout_'+ obj.name +'_resizer_'+panel).show();
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ obj.resize();
+ } else {
+ if (p.resizabled) $('#layout_'+ obj.name +'_resizer_'+panel).show();
+ // resize
+ $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });
+ $(obj.box).find(' > div .w2ui-panel').css({
+ '-webkit-transition': '.2s',
+ '-moz-transition' : '.2s',
+ '-ms-transition' : '.2s',
+ '-o-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({
+ '-webkit-transition': '0s',
+ '-moz-transition' : '0s',
+ '-ms-transition' : '0s',
+ '-o-transition' : '0s'
+ });
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ obj.resize();
+ }, 500);
+ }
+ return true;
+ },
+
+ hide: function (panel, immediate) {
+ var obj = this;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'hide', target: panel, object: this.get(panel), immediate: immediate });
+ if (eventData.isCancelled === true) return false;
+
+ var p = obj.get(panel);
+ if (p == null) return false;
+ p.hidden = true;
+ if (immediate === true) {
+ $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });
+ $('#layout_'+ obj.name +'_resizer_'+panel).hide();
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ obj.resize();
+ } else {
+ $('#layout_'+ obj.name +'_resizer_'+panel).hide();
+ // hide
+ $(obj.box).find(' > div .w2ui-panel').css({
+ '-webkit-transition': '.2s',
+ '-moz-transition' : '.2s',
+ '-ms-transition' : '.2s',
+ '-o-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({
+ '-webkit-transition': '0s',
+ '-moz-transition' : '0s',
+ '-ms-transition' : '0s',
+ '-o-transition' : '0s'
+ });
+ obj.trigger($.extend(eventData, { 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 obj = this.get(panel, true);
+ if (obj == null) return false;
+ $.extend(this.panels[obj], options);
+ this.refresh(panel);
+ this.resize(); // resize is needed when panel size is changed
+ return true;
+ },
+
+ get: function (panel, returnIndex) {
+ var obj = null;
+ for (var p in this.panels) {
+ 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);
+ },
+
+ 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 eventData = obj.trigger({ phase: 'before', type: 'render', target: obj.name, box: box });
+ if (eventData.isCancelled === true) return false;
+
+ if (typeof box != 'undefined' && 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
+ var tmp = ['top', 'left', 'main', 'preview', 'right', 'bottom'];
+ for (var t in tmp) {
+ var pan = obj.get(tmp[t]);
+ var html = ''+
+ ' '+
+ ' '+
+ ' '+
+ '
'+
+ '';
+ $(obj.box).find(' > div').append(html);
+ // tabs are rendered in refresh()
+ }
+ $(obj.box).find(' > div')
+ .append(' drag
+ if (obj.tmp.resizing == 'left' && (obj.get('left').minSize - obj.tmp.resize.div_x > obj.get('left').width)) {
+ obj.tmp.resize.div_x = obj.get('left').minSize - obj.get('left').width;
+ }
+ if (obj.tmp.resize.type == 'left' && (obj.get('main').minSize + obj.tmp.resize.div_x > obj.get('main').width)) {
+ obj.tmp.resize.div_x = obj.get('main').width - obj.get('main').minSize;
+ }
+ // right panel -> drag
+ if (obj.tmp.resize.type == 'right' && (obj.get('right').minSize + obj.tmp.resize.div_x > obj.get('right').width)) {
+ obj.tmp.resize.div_x = obj.get('right').width - obj.get('right').minSize;
+ }
+ if (obj.tmp.resize.type == 'right' && (obj.get('main').minSize - obj.tmp.resize.div_x > obj.get('main').width)) {
+ obj.tmp.resize.div_x = obj.get('main').minSize - obj.get('main').width;
+ }
+ // top panel -> drag
+ if (obj.tmp.resize.type == 'top' && (obj.get('top').minSize - obj.tmp.resize.div_y > obj.get('top').height)) {
+ obj.tmp.resize.div_y = obj.get('top').minSize - obj.get('top').height;
+ }
+ if (obj.tmp.resize.type == 'top' && (obj.get('main').minSize + obj.tmp.resize.div_y > obj.get('main').height)) {
+ obj.tmp.resize.div_y = obj.get('main').height - obj.get('main').minSize;
+ }
+ // bottom panel -> drag
+ if (obj.tmp.resize.type == 'bottom' && (obj.get('bottom').minSize + obj.tmp.resize.div_y > obj.get('bottom').height)) {
+ obj.tmp.resize.div_y = obj.get('bottom').height - obj.get('bottom').minSize;
+ }
+ if (obj.tmp.resize.type == 'bottom' && (obj.get('main').minSize - obj.tmp.resize.div_y > obj.get('main').height)) {
+ obj.tmp.resize.div_y = obj.get('main').minSize - obj.get('main').height;
+ }
+ // preview panel -> drag
+ if (obj.tmp.resize.type == 'preview' && (obj.get('preview').minSize + obj.tmp.resize.div_y > obj.get('preview').height)) {
+ obj.tmp.resize.div_y = obj.get('preview').height - obj.get('preview').minSize;
+ }
+ if (obj.tmp.resize.type == 'preview' && (obj.get('main').minSize - obj.tmp.resize.div_y > obj.get('main').height)) {
+ obj.tmp.resize.div_y = obj.get('main').minSize - obj.get('main').height;
+ }
+ switch(obj.tmp.resize.type) {
+ case 'top':
+ case 'preview':
+ case 'bottom':
+ obj.tmp.resize.div_x = 0;
+ if (p.length > 0) p[0].style.top = (obj.tmp.resize.value + obj.tmp.resize.div_y) + 'px';
+ break;
+ case 'left':
+ case 'right':
+ obj.tmp.resize.div_y = 0;
+ if (p.length > 0) p[0].style.left = (obj.tmp.resize.value + obj.tmp.resize.div_x) + 'px';
+ break;
+ }
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }
+ },
+
+ refresh: function (panel) {
+ var obj = this;
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ if (typeof panel == 'undefined') panel = null;
+ var time = (new Date()).getTime();
+ // event before
+ var eventData = obj.trigger({ phase: 'before', type: 'refresh', target: (typeof panel != 'undefined' ? panel : obj.name), object: obj.get(panel) });
+ if (eventData.isCancelled === true) return;
+
+ // obj.unlock(panel);
+ if (panel != null && typeof panel != 'undefined') {
+ var p = obj.get(panel);
+ if (p == null) return;
+ // apply properties to the panel
+ var el = $('#layout_'+ obj.name +'_panel_'+ panel).css({ display: p.hidden ? 'none' : 'block' });
+ el = el.find('.w2ui-panel-content');
+ if (el.length > 0) el.css('overflow', p.overflow)[0].style.cssText += ';' + p.style;
+ if (p.resizable === true) {
+ $('#layout_'+ this.name +'_resizer_'+ panel).show();
+ } else {
+ $('#layout_'+ this.name +'_resizer_'+ panel).hide();
+ }
+ // insert content
+ if (typeof p.content == 'object' && p.content.render) {
+ p.content.box = $('#layout_'+ obj.name + '_panel_'+ p.type +' > .w2ui-panel-content')[0];
+ p.content.render(); // do not do .render(box);
+ } else {
+ $('#layout_'+ obj.name + '_panel_'+ p.type +' > .w2ui-panel-content').html(p.content);
+ }
+ // if there are tabs and/or toolbar - render it
+ var tmp = $(obj.box).find('#layout_'+ obj.name + '_panel_'+ p.type +' .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();
+ }
+ var tmp = $(obj.box).find('#layout_'+ obj.name + '_panel_'+ p.type +' .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();
+ }
+ } else {
+ if ($('#layout_' +obj.name +'_panel_main').length <= 0) {
+ obj.render();
+ return;
+ }
+ obj.resize();
+ // refresh all of them
+ for (var p in this.panels) { obj.refresh(this.panels[p].type); }
+ }
+ obj.trigger($.extend(eventData, { 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 eventData = this.trigger({ phase: 'before', type: 'resize', target: this.name, panel: this.tmp.resizing });
+ if (eventData.isCancelled === true) return false;
+ 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);
+ // calculate %
+ for (var p in { 'top':'', 'left':'', 'right':'', 'bottom':'', 'preview':'' }) {
+ var tmp = this.get(p);
+ var str = String(tmp.size);
+ if (tmp && 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);
+ }
+ if (tmp.sizeCalculated < parseInt(tmp.minSize)) tmp.sizeCalculated = parseInt(tmp.minSize);
+ }
+ // top if any
+ if (ptop != null && ptop.hidden != true) {
+ var l = 0;
+ var t = 0;
+ var w = width;
+ var 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'
+ }).bind('mousedown', function (event) {
+ w2ui[obj.name].tmp.events.resizeStart('top', event);
+ return false;
+ });
+ }
+ } else {
+ $('#layout_'+ this.name +'_panel_top').hide();
+ }
+ // left if any
+ if (pleft != null && pleft.hidden != true) {
+ var l = 0;
+ var t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
+ var w = pleft.sizeCalculated;
+ var h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -
+ (sbottom ? pbottom.sizeCalculated + this.padding : 0);
+ var e = $('#layout_'+ this.name +'_panel_left');
+ if (window.navigator.userAgent.indexOf('MSIE') > 0 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
+ $('#layout_'+ this.name +'_panel_left').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'
+ }).bind('mousedown', function (event) {
+ w2ui[obj.name].tmp.events.resizeStart('left', event);
+ return false;
+ });
+ }
+ } else {
+ $('#layout_'+ this.name +'_panel_left').hide();
+ $('#layout_'+ this.name +'_resizer_left').hide();
+ }
+ // right if any
+ if (pright != null && pright.hidden != true) {
+ var l = width - pright.sizeCalculated;
+ var t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
+ var w = pright.sizeCalculated;
+ var 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'
+ }).bind('mousedown', function (event) {
+ w2ui[obj.name].tmp.events.resizeStart('right', event);
+ return false;
+ });
+ }
+ } else {
+ $('#layout_'+ this.name +'_panel_right').hide();
+ }
+ // bottom if any
+ if (pbottom != null && pbottom.hidden != true) {
+ var l = 0;
+ var t = height - pbottom.sizeCalculated;
+ var w = width;
+ var 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'
+ }).bind('mousedown', function (event) {
+ w2ui[obj.name].tmp.events.resizeStart('bottom', event);
+ return false;
+ });
+ }
+ } else {
+ $('#layout_'+ this.name +'_panel_bottom').hide();
+ }
+ // main - always there
+ var l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);
+ var t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);
+ var w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -
+ (sright ? pright.sizeCalculated + this.padding: 0);
+ var h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -
+ (sbottom ? pbottom.sizeCalculated + this.padding : 0) -
+ (sprev ? pprev.sizeCalculated + this.padding : 0);
+ var e = $('#layout_'+ this.name +'_panel_main');
+ if (window.navigator.userAgent.indexOf('MSIE') > 0 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
+ $('#layout_'+ this.name +'_panel_main').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) {
+ var l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);
+ var t = height - (sbottom ? pbottom.sizeCalculated + this.padding : 0) - pprev.sizeCalculated;
+ var w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -
+ (sright ? pright.sizeCalculated + this.padding : 0);
+ var h = pprev.sizeCalculated;
+ var e = $('#layout_'+ this.name +'_panel_preview');
+ if (window.navigator.userAgent.indexOf('MSIE') > 0 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack
+ $('#layout_'+ this.name +'_panel_preview').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'
+ }).bind('mousedown', function (event) {
+ w2ui[obj.name].tmp.events.resizeStart('preview', event);
+ return false;
+ });
+ }
+ } else {
+ $('#layout_'+ this.name +'_panel_preview').hide();
+ }
+
+ // display tabs and toolbar if needed
+ for (var p in { 'top':'', 'left':'', 'main':'', 'preview':'', 'right':'', 'bottom':'' }) {
+ var pan = this.get(p);
+ var tmp = '#layout_'+ this.name +'_panel_'+ p +' > .w2ui-panel-';
+ var height = 0;
+ if (pan.show.tabs) {
+ if (pan.tabs != null && w2ui[this.name +'_'+ p +'_tabs']) w2ui[this.name +'_'+ p +'_tabs'].resize();
+ height += w2utils.getSize($(tmp + 'tabs').css({ display: 'block' }), 'height');
+ }
+ if (pan.show.toolbar) {
+ if (pan.toolbar != null && w2ui[this.name +'_'+ p +'_toolbar']) w2ui[this.name +'_'+ p +'_toolbar'].resize();
+ height += w2utils.getSize($(tmp + 'toolbar').css({ top: height + 'px', display: 'block' }), 'height');
+ }
+ $(tmp + 'content').css({ display: 'block' }).css({ top: height + 'px' });
+ }
+ // send resize to all objects
+ var obj = this;
+ 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 == 'undefined') 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(eventData, { phase: 'after' }));
+ return (new Date()).getTime() - time;
+ },
+
+ destroy: function () {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
+ if (eventData.isCancelled === true) return false;
+ if (typeof w2ui[this.name] == 'undefined') 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(eventData, { phase: 'after' }));
+
+ if (this.tmp.events && this.tmp.events.resize) $(window).off('resize', this.tmp.events.resize);
+ if (this.tmp.events && this.tmp.events.mousemove) $(document).off('mousemove', this.tmp.events.mousemove);
+ if (this.tmp.events && this.tmp.events.mouseup) $(document).off('mouseup', this.tmp.events.mouseup);
+
+ return true;
+ },
+
+ lock: function (panel, msg, showSpinner) {
+ if ($.inArray(String(panel), ['left', 'right', 'top', 'bottom', 'preview', 'main']) == -1) {
+ console.log('ERROR: First parameter needs to be the a valid panel name.');
+ return;
+ }
+ var nm = '#layout_'+ this.name + '_panel_' + panel;
+ w2utils.lock(nm, msg, showSpinner);
+ },
+
+ unlock: function (panel) {
+ if ($.inArray(String(panel), ['left', 'right', 'top', 'bottom', 'preview', 'main']) == -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);
+ }
+ }
+
+ $.extend(w2layout.prototype, w2utils.event);
+ w2obj.layout = w2layout;
+})();
+/************************************************************************
+* 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 ==
+* - when maximized, align the slide down message
+* - bug: after transfer to another content, message does not work
+* - transition should include title, body and buttons, not just body
+* - add lock method() to lock popup content
+*
+************************************************************************/
+
+var w2popup = {};
+
+(function () {
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2popup = function(method, options) {
+ if (typeof method == 'undefined') {
+ options = {};
+ method = 'open';
+ }
+ if ($.isPlainObject(method)) {
+ options = method;
+ method = 'open';
+ }
+ method = method.toLowerCase();
+ if (method == 'load' && typeof options == 'string') options = { url: options };
+ if (method == 'open' && typeof options.url != 'undefined') method = 'load';
+ if (typeof options == 'undefined') options = {};
+ // load options from markup
+ var dlgOptions = {};
+ if ($(this).length > 0 ) {
+ if ($(this).find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {
+ if ($(this).find('div[rel=title]').length > 0) {
+ dlgOptions['title'] = $(this).find('div[rel=title]').html();
+ }
+ if ($(this).find('div[rel=body]').length > 0) {
+ dlgOptions['body'] = $(this).find('div[rel=body]').html();
+ 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]').html();
+ }
+ } 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 (SINGELTON)
+
+ 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
+ },
+ handlers : [],
+ onOpen : null,
+ onClose : null,
+ onMax : null,
+ onMin : null,
+ onKeydown : null,
+
+ open: function (options) {
+ var obj = this;
+ // get old options and merge them
+ var old_options = $('#w2ui-popup').data('options');
+ var options = $.extend({}, this.defaults, { body : '' }, old_options, options);
+ // if new - reset event handlers
+ if ($('#w2ui-popup').length == 0) {
+ w2popup.handlers = [];
+ w2popup.onMax = null;
+ w2popup.onMin = 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.onKeydown) w2popup.onKeydown = options.onKeydown;
+
+ if (window.innerHeight == undefined) {
+ var width = document.documentElement.offsetWidth;
+ var height = document.documentElement.offsetHeight;
+ if (w2utils.engine == 'IE7') { width += 21; height += 4; }
+ } else {
+ var width = window.innerWidth;
+ var height = window.innerHeight;
+ }
+ if (parseInt(width) - 10 < parseInt(options.width)) options.width = parseInt(width) - 10;
+ if (parseInt(height) - 10 < parseInt(options.height)) options.height = parseInt(height) - 10;
+ var top = ((parseInt(height) - parseInt(options.height)) / 2) * 0.6;
+ var left = (parseInt(width) - parseInt(options.width)) / 2;
+ // check if message is already displayed
+ if ($('#w2ui-popup').length == 0) {
+ // trigger event
+ var eventData = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: false });
+ if (eventData.isCancelled === true) return;
+ // output message
+ w2popup.lockScreen(options);
+ var msg = '
';
+ if (options.title != '') {
+ msg +='
';
+ $('body').append(msg);
+ // allow element to render
+ setTimeout(function () {
+ $('#w2ui-popup .w2ui-box2').hide();
+ $('#w2ui-popup').css({
+ '-webkit-transition': options.speed +'s opacity, '+ options.speed +'s -webkit-transform',
+ '-webkit-transform': 'scale(1)',
+ '-moz-transition': options.speed +'s opacity, '+ options.speed +'s -moz-transform',
+ '-moz-transform': 'scale(1)',
+ '-ms-transition': options.speed +'s opacity, '+ options.speed +'s -ms-transform',
+ '-ms-transform': 'scale(1)',
+ '-o-transition': options.speed +'s opacity, '+ options.speed +'s -o-transform',
+ '-o-transform': 'scale(1)',
+ 'opacity': '1'
+ });
+ }, 1);
+ // clean transform
+ setTimeout(function () {
+ $('#w2ui-popup').css({
+ '-webkit-transform': '',
+ '-moz-transform': '',
+ '-ms-transform': '',
+ '-o-transform': ''
+ });
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }, options.speed * 1000);
+ } else {
+ // trigger event
+ var eventData = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: true });
+ if (eventData.isCancelled === true) return;
+ // check if size changed
+ if (typeof old_options == 'undefined' || old_options['width'] != options['width'] || old_options['height'] != options['height']) {
+ $('#w2ui-panel').remove();
+ w2popup.resize(options.width, options.height);
+ }
+ // show new items
+ var body = $('#w2ui-popup .w2ui-box2 > .w2ui-msg-body').html(options.body);
+ if (body.length > 0) body[0].style.cssText = options.style;
+ $('#w2ui-popup .w2ui-msg-buttons').html(options.buttons);
+ $('#w2ui-popup .w2ui-msg-title').html(
+ (options.showClose ? '' : '')+
+ (options.showMax ? '' : '') +
+ options.title);
+ // transition
+ var div_old = $('#w2ui-popup .w2ui-box1')[0];
+ var div_new = $('#w2ui-popup .w2ui-box2')[0];
+ w2utils.transition(div_old, div_new, options.transition);
+ div_new.className = 'w2ui-box1';
+ div_old.className = 'w2ui-box2';
+ $(div_new).addClass('w2ui-current-box');
+ // remove max state
+ $('#w2ui-popup').data('prev-size', null);
+ // call event onChange
+ setTimeout(function () {
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }, 1);
+ }
+ // save new options
+ options._last_w2ui_name = w2utils.keyboard.active();
+ w2utils.keyboard.active(null);
+ $('#w2ui-popup').data('options', options);
+ // keyboard events
+ if (options.keyboard) $(document).on('keydown', this.keydown);
+
+ // initialize move
+ var tmp = { resizing: false };
+ $('#w2ui-popup .w2ui-msg-title')
+ .on('mousedown', function (event) { mvStart(event); })
+ .on('mousemove', function (event) { mvMove(event); })
+ .on('mouseup', function (event) { mvStop(event); });
+ $('#w2ui-popup .w2ui-msg-body')
+ .on('mousemove', function (event) { mvMove(event); })
+ .on('mouseup', function (event) { mvStop(event); });
+ $('#w2ui-lock')
+ .on('mousemove', function (event) { mvMove(event); })
+ .on('mouseup', function (event) { mvStop(event); });
+
+ // handlers
+ function mvStart(event) {
+ if (!event) event = window.event;
+ if (!window.addEventListener) { window.document.attachEvent('onselectstart', function() { return false; } ); }
+ tmp.resizing = true;
+ tmp.tmp_x = event.screenX;
+ tmp.tmp_y = event.screenY;
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ if (event.preventDefault) event.preventDefault(); else return false;
+ }
+
+ function mvMove(evnt) {
+ if (tmp.resizing != true) return;
+ if (!evnt) evnt = window.event;
+ tmp.tmp_div_x = (evnt.screenX - tmp.tmp_x);
+ tmp.tmp_div_y = (evnt.screenY - tmp.tmp_y);
+ $('#w2ui-popup').css({
+ '-webkit-transition': 'none',
+ '-webkit-transform': 'translate3d('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px, 0px)',
+ '-moz-transition': 'none',
+ '-moz-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px)',
+ '-ms-transition': 'none',
+ '-ms-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px)',
+ '-o-transition': 'none',
+ '-o-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px)'
+ });
+ $('#w2ui-panel').css({
+ '-webkit-transition': 'none',
+ '-webkit-transform': 'translate3d('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px, 0px)',
+ '-moz-transition': 'none',
+ '-moz-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px)',
+ '-ms-transition': 'none',
+ '-ms-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px',
+ '-o-transition': 'none',
+ '-o-transform': 'translate('+ tmp.tmp_div_x +'px, '+ tmp.tmp_div_y +'px)'
+ });
+ }
+
+ function mvStop(evnt) {
+ if (tmp.resizing != true) return;
+ if (!evnt) evnt = window.event;
+ tmp.tmp_div_x = (evnt.screenX - tmp.tmp_x);
+ tmp.tmp_div_y = (evnt.screenY - tmp.tmp_y);
+ $('#w2ui-popup').css({
+ '-webkit-transition': 'none',
+ '-webkit-transform': 'translate3d(0px, 0px, 0px)',
+ '-moz-transition': 'none',
+ '-moz-transform': 'translate(0px, 0px)',
+ '-ms-transition': 'none',
+ '-ms-transform': 'translate(0px, 0px)',
+ '-o-transition': 'none',
+ '-o-transform': 'translate(0px, 0px)',
+ 'left': (parseInt($('#w2ui-popup').css('left')) + parseInt(tmp.tmp_div_x)) + 'px',
+ 'top': (parseInt($('#w2ui-popup').css('top')) + parseInt(tmp.tmp_div_y)) + 'px'
+ });
+ $('#w2ui-panel').css({
+ '-webkit-transition': 'none',
+ '-webkit-transform': 'translate3d(0px, 0px, 0px)',
+ '-moz-transition': 'none',
+ '-moz-transform': 'translate(0px, 0px)',
+ '-ms-transition': 'none',
+ '-ms-transform': 'translate(0px, 0px)',
+ '-o-transition': 'none',
+ '-o-transform': 'translate(0px, 0px)',
+ 'left': (parseInt($('#w2ui-panel').css('left')) + parseInt(tmp.tmp_div_x)) + 'px',
+ 'top': (parseInt($('#w2ui-panel').css('top')) + parseInt(tmp.tmp_div_y)) + 'px'
+ });
+ tmp.resizing = false;
+ }
+ return this;
+ },
+
+ keydown: function (event) {
+ var options = $('#w2ui-popup').data('options');
+ if (!options.keyboard) return;
+ // trigger event
+ var eventData = w2popup.trigger({ phase: 'before', type: 'keydown', target: 'popup', options: options, originalEvent: event });
+ if (eventData.isCancelled === true) return;
+ // default behavior
+ switch (event.keyCode) {
+ case 27:
+ event.preventDefault();
+ if ($('#w2ui-popup .w2ui-popup-message').length > 0) w2popup.message(); else w2popup.close();
+ break;
+ }
+ // event after
+ w2popup.trigger($.extend(eventData, { phase: 'after'}));
+ },
+
+ close: function (options) {
+ var obj = this;
+ var options = $.extend({}, $('#w2ui-popup').data('options'), options);
+ // trigger event
+ var eventData = this.trigger({ phase: 'before', type: 'close', target: 'popup', options: options });
+ if (eventData.isCancelled === true) return;
+ // default behavior
+ $('#w2ui-popup, #w2ui-panel').css({
+ '-webkit-transition': options.speed +'s opacity, '+ options.speed +'s -webkit-transform',
+ '-webkit-transform': 'scale(0.9)',
+ '-moz-transition': options.speed +'s opacity, '+ options.speed +'s -moz-transform',
+ '-moz-transform': 'scale(0.9)',
+ '-ms-transition': options.speed +'s opacity, '+ options.speed +'s -ms-transform',
+ '-ms-transform': 'scale(0.9)',
+ '-o-transition': options.speed +'s opacity, '+ options.speed +'s -o-transform',
+ '-o-transform': 'scale(0.9)',
+ 'opacity': '0'
+ });
+ w2popup.unlockScreen();
+ setTimeout(function () {
+ $('#w2ui-popup').remove();
+ $('#w2ui-panel').remove();
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after'}));
+ }, options.speed * 1000);
+ // restore active
+ w2utils.keyboard.active(options._last_w2ui_name);
+ // remove keyboard events
+ if (options.keyboard) $(document).off('keydown', this.keydown);
+ },
+
+ toggle: function () {
+ var options = $('#w2ui-popup').data('options');
+ if (options.maximized === true) w2popup.min(); else w2popup.max();
+ },
+
+ max: function () {
+ var obj = this;
+ var options = $('#w2ui-popup').data('options');
+ if (options.maximized === true) return;
+ // trigger event
+ var eventData = this.trigger({ phase: 'before', type: 'max', target: 'popup', options: options });
+ if (eventData.isCancelled === true) return;
+ // default behavior
+ options.maximized = true;
+ options.prevSize = $('#w2ui-popup').css('width')+':'+$('#w2ui-popup').css('height');
+ $('#w2ui-popup').data('options', options);
+ // do resize
+ w2popup.resize(10000, 10000, function () {
+ obj.trigger($.extend(eventData, { phase: 'after'}));
+ });
+ },
+
+ min: function () {
+ var obj = this;
+ var options = $('#w2ui-popup').data('options');
+ if (options.maximized !== true) return;
+ var size = options.prevSize.split(':');
+ // trigger event
+ var eventData = this.trigger({ phase: 'before', type: 'min', target: 'popup', options: options });
+ if (eventData.isCancelled === true) return;
+ // default behavior
+ options.maximized = false;
+ options.prevSize = null;
+ $('#w2ui-popup').data('options', options);
+ // do resize
+ w2popup.resize(size[0], size[1], function () {
+ obj.trigger($.extend(eventData, { phase: 'after'}));
+ });
+ },
+
+ get: function () {
+ return $('#w2ui-popup').data('options');
+ },
+
+ set: function (options) {
+ w2popup.open(options);
+ },
+
+ clear: function() {
+ $('#w2ui-popup .w2ui-msg-title').html('');
+ $('#w2ui-popup .w2ui-msg-body').html('');
+ $('#w2ui-popup .w2ui-msg-buttons').html('');
+ },
+
+ reset: function () {
+ w2popup.open(w2popup.defaults);
+ },
+
+ load: function (options) {
+ if (String(options.url) == 'undefined') {
+ console.log('ERROR: The url parameter is empty.');
+ return;
+ }
+ var tmp = String(options.url).split('#');
+ var url = tmp[0];
+ var selector = tmp[1];
+ if (String(options) == 'undefined') options = {};
+ // load url
+ var html = $('#w2ui-popup').data(url);
+ if (typeof html != 'undefined' && html != null) {
+ popup(html, selector);
+ } else {
+ $.get(url, function (data, status, obj) {
+ 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 (typeof selector != 'undefined' && $('#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 = $(''+
+ (options.showClose ? '' : '')+
+ (options.showMax ? '' : '') +
+ options.title +
+ '
';
+ }
+ msg += '';
+ msg += '';
+ msg += '
';
+ msg += '';
+ msg += '';
+ msg += '
';
+ if (options.buttons != '') {
+ msg += '';
+ }
+ msg += '').append($('#w2ui-tmp > style').clone()).html();
+ if ($('#w2ui-popup #div-style').length == 0) {
+ $('#w2ui-ppopup').append('');
+ }
+ $('#w2ui-popup #div-style').html(style);
+ }
+ $('#w2ui-tmp').remove();
+ }
+ },
+
+ message: function (options) {
+ $().w2tag(); // hide all tags
+ if (!options) options = { width: 200, height: 100 };
+ if (parseInt(options.width) < 10) options.width = 10;
+ if (parseInt(options.height) < 10) options.height = 10;
+ if (typeof options.hideOnClick == 'undefined') options.hideOnClick = false;
+
+ var head = $('#w2ui-popup .w2ui-msg-title');
+ if ($('#w2ui-popup .w2ui-popup-message').length == 0) {
+ var pwidth = parseInt($('#w2ui-popup').width());
+ $('#w2ui-popup .w2ui-box1')
+ .before('');
+ $('#w2ui-popup .w2ui-popup-message').data('options', options);
+ } else {
+ if (typeof options.width == 'undefined') options.width = w2utils.getSize($('#w2ui-popup .w2ui-popup-message'), 'width');
+ if (typeof options.height == 'undefined') options.height = w2utils.getSize($('#w2ui-popup .w2ui-popup-message'), 'height');
+ }
+ var display = $('#w2ui-popup .w2ui-popup-message').css('display');
+ $('#w2ui-popup .w2ui-popup-message').css({
+ '-webkit-transform': (display == 'none' ? 'translateY(-'+ options.height + 'px)': 'translateY(0px)'),
+ '-moz-transform': (display == 'none' ? 'translateY(-'+ options.height + 'px)': 'translateY(0px)'),
+ '-ms-transform': (display == 'none' ? 'translateY(-'+ options.height + 'px)': 'translateY(0px)'),
+ '-o-transform': (display == 'none' ? 'translateY(-'+ options.height + 'px)': 'translateY(0px)')
+ });
+ if (display == 'none') {
+ $('#w2ui-popup .w2ui-popup-message').show().html(options.html);
+ setTimeout(function() {
+ $('#w2ui-popup .w2ui-popup-message').css({
+ '-webkit-transition': '0s', '-moz-transition': '0s', '-ms-transition': '0s', '-o-transition': '0s',
+ 'z-Index': 1500
+ }); // has to be on top of lock
+ w2popup.lock();
+ if (typeof options.onOpen == 'function') options.onOpen();
+ }, 300);
+ } else {
+ $('#w2ui-popup .w2ui-popup-message').css('z-Index', 250);
+ var options = $('#w2ui-popup .w2ui-popup-message').data('options');
+ $('#w2ui-popup .w2ui-popup-message').remove();
+ w2popup.unlock();
+ if (typeof options.onClose == 'function') options.onClose();
+ }
+ // timer needs to animation
+ setTimeout(function () {
+ $('#w2ui-popup .w2ui-popup-message').css({
+ '-webkit-transform': (display == 'none' ? 'translateY(0px)': 'translateY(-'+ options.height +'px)'),
+ '-moz-transform': (display == 'none' ? 'translateY(0px)': 'translateY(-'+ options.height +'px)'),
+ '-ms-transform': (display == 'none' ? 'translateY(0px)': 'translateY(-'+ options.height +'px)'),
+ '-o-transform': (display == 'none' ? 'translateY(0px)': 'translateY(-'+ options.height +'px)')
+ });
+ }, 1);
+ },
+
+ lock: function (msg, showSpinner) {
+ w2utils.lock($('#w2ui-popup'), msg, showSpinner);
+ },
+
+ unlock: function () {
+ w2utils.unlock($('#w2ui-popup'));
+ },
+
+ // --- INTERNAL FUNCTIONS
+
+ lockScreen: function (options) {
+ if ($('#w2ui-lock').length > 0) return false;
+ if (typeof options == 'undefined') options = $('#w2ui-popup').data('options');
+ if (typeof options == 'undefined') options = {};
+ options = $.extend({}, w2popup.defaults, options);
+ // show element
+ $('body').append('');
+ // lock screen
+ setTimeout(function () {
+ $('#w2ui-lock').css({
+ '-webkit-transition': options.speed +'s opacity',
+ '-moz-transition': options.speed +'s opacity',
+ '-ms-transition': options.speed +'s opacity',
+ '-o-transition': options.speed +'s opacity',
+ 'opacity': options.opacity
+ });
+ }, 1);
+ // add events
+ if (options.modal == true) {
+ $('#w2ui-lock').on('mousedown', function () {
+ $('#w2ui-lock').css({
+ '-webkit-transition': '.1s',
+ '-moz-transition': '.1s',
+ '-ms-transition': '.1s',
+ '-o-transition': '.1s',
+ 'opacity': '0.6'
+ });
+ if (window.getSelection) window.getSelection().removeAllRanges();
+ });
+ $('#w2ui-lock').on('mouseup', function () {
+ setTimeout(function () {
+ $('#w2ui-lock').css({
+ '-webkit-transition': '.1s',
+ '-moz-transition': '.1s',
+ '-ms-transition': '.1s',
+ '-o-transition': '.1s',
+ 'opacity': options.opacity
+ });
+ }, 100);
+ if (window.getSelection) window.getSelection().removeAllRanges();
+ });
+ } else {
+ $('#w2ui-lock').on('mouseup', function () { w2popup.close(); });
+ }
+ return true;
+ },
+
+ unlockScreen: function () {
+ if ($('#w2ui-lock').length == 0) return false;
+ var options = $.extend({}, $('#w2ui-popup').data('options'), options);
+ $('#w2ui-lock').css({
+ '-webkit-transition': options.speed +'s opacity',
+ '-moz-transition': options.speed +'s opacity',
+ '-ms-transition': options.speed +'s opacity',
+ '-o-transition': options.speed +'s opacity',
+ 'opacity': 0
+ });
+ setTimeout(function () {
+ $('#w2ui-lock').remove();
+ }, options.speed * 1000);
+ return true;
+ },
+
+ resize: function (width, height, callBack) {
+ var options = $('#w2ui-popup').data('options');
+ // calculate new position
+ if (parseInt($(window).width()) - 10 < parseInt(width)) width = parseInt($(window).width()) - 10;
+ if (parseInt($(window).height()) - 10 < parseInt(height)) height = parseInt($(window).height()) - 10;
+ var top = ((parseInt($(window).height()) - parseInt(height)) / 2) * 0.8;
+ var left = (parseInt($(window).width()) - parseInt(width)) / 2;
+ // resize there
+ $('#w2ui-popup').css({
+ '-webkit-transition': options.speed + 's width, '+ options.speed + 's height, '+ options.speed + 's left, '+ options.speed + 's top',
+ '-moz-transition': options.speed + 's width, '+ options.speed + 's height, '+ options.speed + 's left, '+ options.speed + 's top',
+ '-ms-transition': options.speed + 's width, '+ options.speed + 's height, '+ options.speed + 's left, '+ options.speed + 's top',
+ '-o-transition': options.speed + 's width, '+ options.speed + 's height, '+ options.speed + 's left, '+ options.speed + 's top',
+ 'top': top,
+ 'left': left,
+ 'width': width,
+ 'height': height
+ });
+ if (typeof callBack == 'function') {
+ setTimeout(function () {
+ callBack();
+ }, options.speed * 1000);
+ }
+ }
+ }
+
+ // merge in event handling
+ $.extend(w2popup, w2utils.event);
+
+})();
+
+// ============================================
+// --- Common dialogs
+
+var w2alert = function (msg, title, callBack) {
+ if (typeof title == 'undefined') title = w2utils.lang('Notification');
+ if ($('#w2ui-popup').length > 0) {
+ w2popup.message({
+ width : 400,
+ height : 150,
+ html : '',
+ buttons : '',
+ onClose : function () {
+ if (typeof callBack == 'function') callBack();
+ }
+ });
+ }
+};
+
+var w2confirm = function (msg, title, callBack) {
+ if (typeof callBack == 'undefined' || typeof title == 'function') {
+ callBack = title;
+ title = w2utils.lang('Confirmation');
+ }
+ if (typeof title == 'undefined') {
+ title = w2utils.lang('Confirmation');
+ }
+ if ($('#w2ui-popup').length > 0) {
+ w2popup.message({
+ width : 400,
+ height : 150,
+ html : '',
+ buttons : ''+
+ '',
+ onOpen: function (event) {
+ event.onComplete = function () {
+ $('#w2ui-popup .w2ui-popup-button').on('click', function (event) {
+ w2popup.close();
+ if (typeof callBack == 'function') callBack(event.target.id);
+ });
+ }
+ },
+ onKeydown: function (event) {
+ switch (event.originalEvent.keyCode) {
+ case 13: // enter
+ if (typeof callBack == 'function') callBack('Yes');
+ w2popup.close();
+ break
+ case 27: // esc
+ if (typeof callBack == 'function') callBack('No');
+ w2popup.close();
+ break
+ }
+ }
+ });
+ }
+};/************************************************************************
+* 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 ==
+* - tabs might not work in chromium apps, need bind()
+* - on overflow display << >>
+* - individual tab onClick (possibly other events) are not working
+*
+************************************************************************/
+
+(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.tabs = [];
+ this.right = '';
+ this.style = '';
+ this.onClick = null;
+ this.onClose = null;
+ this.onRender = null;
+ this.onRefresh = null;
+ this.onResize = null;
+ this.onDestroy = null;
+
+ $.extend(true, this, w2obj.tabs, options);
+ }
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2tabs = function(method) {
+ if (typeof method === 'object' || !method ) {
+ // check required parameters
+ if (!method || typeof method.name == 'undefined') {
+ console.log('ERROR: The parameter "name" is required but not supplied in $().w2tabs().');
+ return;
+ }
+ if (typeof w2ui[method.name] != 'undefined') {
+ console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ method.name +').');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(method.name)) {
+ console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
+ return;
+ }
+ // extend tabs
+ var tabs = method.tabs;
+ var object = new w2tabs(method);
+ $.extend(object, { tabs: [], handlers: [] });
+ for (var i in tabs) { 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 if (w2ui[$(this).attr('name')]) {
+ var obj = w2ui[$(this).attr('name')];
+ obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
+ return this;
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2tabs' );
+ }
+ };
+
+ // ====================================================
+ // -- Implementation of core functionality
+
+ w2tabs.prototype = {
+ tab : {
+ id : null, // commnad to be sent to all event handlers
+ text : '',
+ hidden : false,
+ disabled : false,
+ closable : false,
+ hint : '',
+ 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 r in tab) {
+ // checks
+ if (String(tab[r].id) == 'undefined') {
+ console.log('ERROR: The parameter "id" is required but not supplied. (obj: '+ this.name +')');
+ return;
+ }
+ var unique = true;
+ for (var i in this.tabs) { if (this.tabs[i].id == tab[r].id) { unique = false; break; } }
+ if (!unique) {
+ console.log('ERROR: The parameter "id='+ tab[r].id +'" is not unique within the current tabs. (obj: '+ this.name +')');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(tab[r].id)) {
+ console.log('ERROR: The parameter "id='+ tab[r].id +'" must be alpha-numeric + "-_". (obj: '+ this.name +')');
+ return;
+ }
+ // add tab
+ var tab = $.extend({}, tab, tab[r]);
+ if (id == null || typeof id == 'undefined') {
+ this.tabs.push(tab);
+ } else {
+ var middle = this.get(id, true);
+ this.tabs = this.tabs.slice(0, middle).concat([tab], this.tabs.slice(middle));
+ }
+ this.refresh(tab[r].id);
+ }
+ },
+
+ remove: function (id) {
+ 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();
+ }
+ return removed;
+ },
+
+ select: function (id) {
+ if (this.get(id) == null || this.active == id) 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 i = 0; i < this.tabs.length; i++) if (this.tabs[i].id != null) all.push(this.tabs[i].id);
+ return all;
+ }
+ for (var i in this.tabs) {
+ if (this.tabs[i].id == id) {
+ if (returnIndex === true) return i; else return this.tabs[i];
+ }
+ }
+ return null;
+ },
+
+ show: function () {
+ var shown = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var tab = this.get(arguments[a]);
+ if (!tab || tab.hidden === false) continue;
+ tab.hidden = false;
+ this.refresh(tab.id);
+ shown++;
+ }
+ return shown;
+ },
+
+ hide: function () {
+ var hidden = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var tab = this.get(arguments[a]);
+ if (!tab || tab.hidden === true) continue;
+ tab.hidden = true;
+ this.refresh(tab.id);
+ hidden++;
+ }
+ return hidden;
+ },
+
+ enable: function (id) {
+ var enabled = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var tab = this.get(arguments[a]);
+ if (!tab || tab.disabled === false) continue;
+ tab.disabled = false;
+ this.refresh(tab.id);
+ enabled++;
+ }
+ return enabled;
+ },
+
+ disable: function (id) {
+ var disabled = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var tab = this.get(arguments[a]);
+ if (!tab || tab.disabled === true) continue;
+ tab.disabled = true;
+ this.refresh(tab.id);
+ disabled++;
+ }
+ return disabled;
+ },
+
+ refresh: function (id) {
+ var time = (new Date()).getTime();
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ if (String(id) == 'undefined') {
+ // refresh all
+ for (var i in this.tabs) this.refresh(this.tabs[i].id);
+ }
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'refresh', target: (typeof id != 'undefined' ? id : this.name), object: this.get(id) });
+ if (eventData.isCancelled === true) return false;
+ // create or refresh only one item
+ var tab = this.get(id);
+ if (tab == null) return;
+ if (typeof tab.caption != 'undefined') tab.text = tab.caption;
+
+ var jq_el = $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id));
+ var tabHTML = (tab.closable ? '' : '') +
+ ' '+ tabHTML + ' ';
+ if (this.get(id, true) != this.tabs.length-1 && $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))+1].id)).length > 0) {
+ $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))+1].id)).before(html);
+ } else {
+ $(this.box).find('#tabs_'+ this.name +'_right').before(html);
+ }
+ } else {
+ // refresh
+ jq_el.html(tabHTML);
+ if (tab.hidden) { jq_el.css('display', 'none'); }
+ else { jq_el.css('display', ''); }
+ if (tab.disabled) { jq_el.css({ 'opacity': '0.2', '-moz-opacity': '0.2', '-webkit-opacity': '0.2', '-o-opacity': '0.2', 'filter': 'alpha(opacity=20)' }); }
+ else { jq_el.css({ 'opacity': '1', '-moz-opacity': '1', '-webkit-opacity': '1', '-o-opacity': '1', 'filter': 'alpha(opacity=100)' }); }
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ return (new Date()).getTime() - time;
+ },
+
+ render: function (box) {
+ var time = (new Date()).getTime();
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ if (String(box) != 'undefined' && box != null) {
+ if ($(this.box).find('> table #tabs_'+ this.name + '_right').length > 0) {
+ $(this.box)
+ .removeAttr('name')
+ .removeClass('w2ui-reset w2ui-tabs')
+ .html('');
+ }
+ this.box = box;
+ }
+ if (!this.box) return;
+ // render all buttons
+ 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(eventData, { phase: 'after' }));
+ this.refresh();
+ return (new Date()).getTime() - time;
+ },
+
+ resize: function () {
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'resize', target: this.name });
+ if (eventData.isCancelled === true) return false;
+ // empty function
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ destroy: function () {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
+ if (eventData.isCancelled === true) return false;
+ // 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(eventData, { phase: 'after' }));
+ },
+
+ // ===================================================
+ // -- Internal Event Handlers
+
+ click: function (id, event) {
+ var tab = this.get(id);
+ if (tab == null || tab.disabled) return false;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'click', target: id, object: this.get(id), originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.active) +' .w2ui-tab').removeClass('active');
+ this.active = tab.id;
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ this.refresh(id);
+ },
+
+ animateClose: function(id, event) {
+ var tab = this.get(id);
+ if (tab == null || tab.disabled) return false;
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'close', target: id, object: this.get(id), originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ var obj = this;
+ $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id)).css({
+ '-webkit-transition': '.2s',
+ '-moz-transition': '2s',
+ '-ms-transition': '.2s',
+ '-o-transition': '.2s',
+ 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(eventData, { phase: 'after' }));
+ this.refresh();
+ },
+
+ animateInsert: function(id, tab) {
+ if (this.get(id) == null) return;
+ if (!$.isPlainObject(tab)) return;
+ // check for unique
+ var unique = true;
+ for (var i in this.tabs) { if (this.tabs[i].id == tab.id) { unique = false; break; } }
+ if (!unique) {
+ console.log('ERROR: The parameter "id='+ tab.id +'" is not unique within the current tabs. (obj: '+ 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 (typeof tab.caption != 'undefined') tab.text = tab.caption;
+ var tmp = ' ';
+ var addStyle = '';
+ if (tab.hidden) { addStyle += 'display: none;'; }
+ if (tab.disabled) { addStyle += 'opacity: 0.2; -moz-opacity: 0.2; -webkit-opacity: 0.2; -o-opacity: 0.2; filter:alpha(opacity=20);'; }
+ html = ''+ tabHTML +' ';
+ if (this.get(id, true) != this.tabs.length && $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))].id)).length > 0) {
+ $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))].id)).before(html);
+ } else {
+ $(this.box).find('#tabs_'+ this.name +'_right').before(html);
+ }
+ // -- move
+ var obj = this;
+ setTimeout(function () {
+ var width = $('#_tmp_simple_tab').width();
+ $('#_tmp_tabs').remove();
+ $('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id) +' > div').css('width', width+'px');
+ }, 1);
+ setTimeout(function () {
+ // insert for real
+ obj.insert(id, tab);
+ }, 200);
+ }
+ }
+
+ $.extend(w2tabs.prototype, w2utils.event);
+ w2obj.tabs = w2tabs;
+})();
+/************************************************************************
+* Library: Web 2.0 UI for jQuery (using prototypical inheritance)
+* - Following objects defined
+* - w2toolbar - toolbar widget
+* - $().w2toolbar - jQuery wrapper
+* - Dependencies: jQuery, w2utils
+*
+* == NICE TO HAVE ==
+* - on overflow display << >>
+*
+************************************************************************/
+
+(function () {
+ var w2toolbar = function (options) {
+ this.box = null, // DOM Element that holds the element
+ this.name = null, // unique name for w2ui
+ this.items = [],
+ this.right = '', // HTML text on the right of toolbar
+ this.onClick = null,
+ this.onRender = null,
+ this.onRefresh = null,
+ this.onResize = null,
+ this.onDestroy = null
+
+ $.extend(true, this, w2obj.toolbar, options);
+ }
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2toolbar = function(method) {
+ if (typeof method === 'object' || !method ) {
+ // check required parameters
+ if (!method || typeof method.name == 'undefined') {
+ console.log('ERROR: The parameter "name" is required but not supplied in $().w2toolbar().');
+ return;
+ }
+ if (typeof w2ui[method.name] != 'undefined') {
+ console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ method.name +').');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(method.name)) {
+ console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
+ return;
+ }
+ var items = method.items;
+ // extend items
+ var object = new w2toolbar(method);
+ $.extend(object, { items: [], handlers: [] });
+
+ for (var i in items) { object.items[i] = $.extend({}, w2toolbar.prototype.item, items[i]); }
+ if ($(this).length != 0) {
+ object.render($(this)[0]);
+ }
+ // register new object
+ w2ui[object.name] = object;
+ return object;
+
+ } else if (w2ui[$(this).attr('name')]) {
+ var obj = w2ui[$(this).attr('name')];
+ obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
+ return this;
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2toolbar' );
+ }
+ };
+
+ // ====================================================
+ // -- Implementation of core functionality
+
+ w2toolbar.prototype = {
+ item: {
+ id : null, // commnad to be sent to all event handlers
+ type : 'button', // button, check, radio, drop, menu, break, html, spacer
+ text : '',
+ html : '',
+ img : null,
+ icon : null,
+ hidden : false,
+ disabled: false,
+ checked : false, // used for radio buttons
+ arrow : true, // arrow down for drop/menu types
+ hint : '',
+ group : null, // used for radio buttons
+ items : null, // for type menu it is an array of items in the menu
+ onClick : null
+ },
+
+ add: function (items) {
+ this.insert(null, items);
+ },
+
+ insert: function (id, items) {
+ if (!$.isArray(items)) items = [items];
+ for (var o in items) {
+ // checks
+ if (typeof items[o].type == 'undefined') {
+ console.log('ERROR: The parameter "type" is required but not supplied in w2toolbar.add() method.');
+ return;
+ }
+ if ($.inArray(String(items[o].type), ['button', 'check', 'radio', 'drop', 'menu', 'break', 'html', 'spacer']) == -1) {
+ console.log('ERROR: The parameter "type" should be one of the following [button, check, radio, drop, menu, break, html, spacer] '+
+ 'in w2toolbar.add() method.');
+ return;
+ }
+ if (typeof items[o].id == 'undefined') {
+ console.log('ERROR: The parameter "id" is required but not supplied in w2toolbar.add() method.');
+ return;
+ }
+ var unique = true;
+ for (var i = 0; i < this.items.length; i++) { if (this.items[i].id == items[o].id) { unique = false; return; } }
+ if (!unique) {
+ console.log('ERROR: The parameter "id" is not unique within the current toolbar.');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(items[o].id)) {
+ console.log('ERROR: The parameter "id" must be alpha-numeric + "-_".');
+ return;
+ }
+ // add item
+ var it = $.extend({}, w2toolbar.prototype.item, items[o]);
+ if (id == null || typeof id == 'undefined') {
+ this.items.push(it);
+ } else {
+ var middle = this.get(id, true);
+ this.items = this.items.slice(0, middle).concat([it], this.items.slice(middle));
+ }
+ this.refresh(it.id);
+ }
+ },
+
+ remove: function (id) {
+ var removed = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ removed++;
+ // remove from screen
+ $(this.box).find('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id)).remove();
+ // remove from array
+ var ind = this.get(it.id, true);
+ if (ind) this.items.splice(ind, 1);
+ }
+ return removed;
+ },
+
+ set: function (id, item) {
+ var index = this.get(id, true);
+ if (index == null) return false;
+ $.extend(this.items[index], item);
+ this.refresh(id);
+ return true;
+ },
+
+ get: function (id, returnIndex) {
+ if (arguments.length == 0) {
+ var all = [];
+ for (var i = 0; i < this.items.length; i++) if (this.items[i].id != null) all.push(this.items[i].id);
+ return all;
+ }
+ for (var i = 0; i < this.items.length; i++) {
+ if (this.items[i].id == id) {
+ if (returnIndex === true) return i; else return this.items[i];
+ }
+ }
+ return null;
+ },
+
+ show: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.hidden = false;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ hide: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.hidden = true;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ enable: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.disabled = false;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ disable: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.disabled = true;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ check: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.checked = true;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ uncheck: function (id) {
+ var items = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var it = this.get(arguments[a]);
+ if (!it) continue;
+ items++;
+ it.checked = false;
+ this.refresh(it.id);
+ }
+ return items;
+ },
+
+ render: function (box) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });
+ if (eventData.isCancelled === true) return false;
+
+ if (typeof box != 'undefined' && box != null) {
+ if ($(this.box).find('> table #tb_'+ this.name + '_right').length > 0) {
+ $(this.box)
+ .removeAttr('name')
+ .removeClass('w2ui-reset w2ui-toolbar')
+ .html('');
+ }
+ this.box = box;
+ }
+ if (!this.box) return;
+ // render all buttons
+ var html = ''+
+ '
';
+ $(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;
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ refresh: function (id) {
+ var time = (new Date()).getTime();
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'refresh', target: (typeof id != 'undefined' ? id : this.name), item: this.get(id) });
+ if (eventData.isCancelled === true) return false;
+
+ if (typeof id == 'undefined') {
+ // refresh all
+ for (var i = 0; i < this.items.length; i++) {
+ var it = this.items[i];
+ if (typeof it.id == 'undefined' || it.id == null) it.id = "item_" + i;
+ this.refresh(it.id);
+ }
+ }
+ // create or refresh only one item
+ var it = this.get(id);
+ if (it == null) 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 = ' ';
+ if (item.img) img = ''+
+ '
';
+ break;
+
+ case 'break':
+ html += '
';
+ break;
+
+ case 'html':
+ html += '
';
+ break;
+ }
+
+ var newHTML = '';
+ if (typeof item.onRender == 'function') newHTML = item.onRender.call(this, item.id, html);
+ if (typeof this.onRender == 'function') newHTML = this.onRender(item.id, html);
+ if (newHTML != '' && typeof newHTML != 'undefined') html = newHTML;
+ return html;
+ },
+
+ menuClick: function (id, menu_index, event) {
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ var obj = this;
+ var it = this.get(id);
+ if (it && !it.disabled) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'click', target: (typeof id != 'undefined' ? id : this.name), item: this.get(id),
+ subItem: (typeof menu_index != 'undefined' && this.get(id) ? this.get(id).items[menu_index] : null), originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+
+ // normal processing
+
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ }
+ },
+
+ click: function (id, event) {
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ var obj = this;
+ var it = this.get(id);
+ if (it && !it.disabled) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'click', target: (typeof id != 'undefined' ? id : this.name),
+ item: this.get(id), originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+
+ $('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').removeClass('down');
+
+ if (it.type == 'radio') {
+ for (var i = 0; i < this.items.length; i++) {
+ var itt = this.items[i];
+ if (itt == null || itt.id == it.id || itt.type != 'radio') continue;
+ if (itt.group == it.group && itt.checked) {
+ itt.checked = false;
+ this.refresh(itt.id);
+ }
+ }
+ it.checked = true;
+ $('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').addClass('checked');
+ }
+
+ if (it.type == 'drop' || it.type == 'menu') {
+ if (it.checked) {
+ // if it was already checked, second click will hide it
+ it.checked = false;
+ } else {
+ // show overlay
+ setTimeout(function () {
+ var el = $('#tb_'+ obj.name +'_item_'+ w2utils.escapeId(it.id));
+ if (!$.isPlainObject(it.overlay)) it.overlay = {};
+ if (it.type == 'drop') {
+ el.w2overlay(it.html, $.extend({ left: (el.width() - 50) / 2, top: 3 }, it.overlay));
+ }
+ if (it.type == 'menu') {
+ el.w2menu(it.items, $.extend({ left: (el.width() - 50) / 2, top: 3 }, it.overlay, {
+ select: function (item, event, index) { obj.menuClick(it.id, index, event); }
+ }));
+ }
+ // window.click to hide it
+ $(document).on('click', hideDrop);
+ function hideDrop() {
+ it.checked = false;
+ if (it.checked) {
+ $('#tb_'+ obj.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').addClass('checked');
+ } else {
+ $('#tb_'+ obj.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').removeClass('checked');
+ }
+ obj.refresh(it.id);
+ $(document).off('click', hideDrop);
+ }
+ }, 1);
+ }
+ }
+
+ if (it.type == 'check' || it.type == 'drop' || it.type == 'menu') {
+ it.checked = !it.checked;
+ if (it.checked) {
+ $('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').addClass('checked');
+ } else {
+ $('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button').removeClass('checked');
+ }
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ }
+ }
+ }
+
+ $.extend(w2toolbar.prototype, w2utils.event);
+ w2obj.toolbar = w2toolbar;
+})();
+/************************************************************************
+* 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 ==
+* - return ids of all subitems
+* - 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)
+*
+************************************************************************/
+
+(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.selected = null; // current selected node (readonly)
+ this.img = null;
+ this.icon = null;
+ this.style = '';
+ this.topHTML = '';
+ this.bottomHTML = '';
+ this.keyboard = true;
+ this.onClick = null; // Fire when user click on Node Text
+ this.onDblClick = null; // Fire when user dbl clicks
+ this.onContextMenu = null;
+ this.onMenuClick = null; // when context menu item selected
+ this.onExpand = null; // Fire when node Expands
+ this.onCollapse = null; // Fire when node Colapses
+ this.onKeydown = null;
+ this.onRender = null;
+ this.onRefresh = null;
+ this.onResize = null;
+ this.onDestroy = null;
+
+ $.extend(true, this, w2obj.sidebar, options);
+ }
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2sidebar = function(method) {
+ if (typeof method === 'object' || !method ) {
+ // check required parameters
+ if (!method || typeof method.name == 'undefined') {
+ console.log('ERROR: The parameter "name" is required but not supplied in $().w2sidebar().');
+ return;
+ }
+ if (typeof w2ui[method.name] != 'undefined') {
+ console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ method.name +').');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(method.name)) {
+ console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
+ return;
+ }
+ // extend items
+ var nodes = method.nodes;
+ var object = new w2sidebar(method);
+ $.extend(object, { handlers: [], nodes: [] });
+ if (typeof nodes != 'undefined') {
+ 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 if (w2ui[$(this).attr('name')]) {
+ var obj = w2ui[$(this).attr('name')];
+ obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
+ return this;
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2sidebar' );
+ }
+ };
+
+ // ====================================================
+ // -- Implementation of core functionality
+
+ w2sidebar.prototype = {
+
+ node: {
+ id : null,
+ text : '',
+ count : '',
+ img : null,
+ icon : null,
+ nodes : [],
+ style : '',
+ selected : false,
+ expanded : false,
+ hidden : false,
+ disabled : false,
+ group : false, // if true, it will build as a group
+ 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) {
+ if (arguments.length == 2) {
+ // need to be in reverse order
+ nodes = arguments[1];
+ before = arguments[0];
+ var ind = this.get(before);
+ if (ind == null) {
+ var txt = (nodes[o].caption != 'undefined' ? nodes[o].caption : nodes[o].text);
+ console.log('ERROR: Cannot insert node "'+ txt +'" because cannot find node "'+ before +'" to insert before.');
+ return null;
+ }
+ parent = this.get(before).parent;
+ }
+ if (typeof parent == 'string') parent = this.get(parent);
+ if (!$.isArray(nodes)) nodes = [nodes];
+ for (var o in nodes) {
+ if (typeof nodes[o].id == 'undefined') {
+ var txt = (nodes[o].caption != 'undefined' ? nodes[o].caption : nodes[o].text);
+ console.log('ERROR: Cannot insert node "'+ txt +'" because it has no id.');
+ continue;
+ }
+ if (this.get(this, nodes[o].id) != null) {
+ var txt = (nodes[o].caption != 'undefined' ? nodes[o].caption : nodes[o].text);
+ console.log('ERROR: Cannot insert node with id='+ nodes[o].id +' (text: '+ txt + ') because another node with the same id already exists.');
+ continue;
+ }
+ var tmp = $.extend({}, w2sidebar.prototype.node, nodes[o]);
+ tmp.sidebar= this;
+ tmp.parent = parent;
+ var 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 {
+ var ind = this.get(parent, before, true);
+ if (ind == null) {
+ var txt = (nodes[o].caption != 'undefined' ? nodes[o].caption : nodes[o].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 (typeof nd != 'undefined' && nd.length > 0) { this.insert(tmp, null, nd); }
+ }
+ this.refresh(parent.id);
+ return tmp;
+ },
+
+ remove: function () { // multiple arguments
+ var deleted = 0;
+ for (var a = 0; a < arguments.length; a++) {
+ var tmp = this.get(arguments[a]);
+ if (tmp == null) continue;
+ var ind = this.get(tmp.parent, arguments[a], true);
+ if (ind == null) continue;
+ 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
+ this._tmp = null;
+ 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 (typeof nodes != 'undefined') {
+ this.add(parent.nodes[i], nodes);
+ }
+ this.refresh(id);
+ return true;
+ } else {
+ this._tmp = this.set(parent.nodes[i], id, node);
+ if (this._tmp) return true;
+ }
+ }
+ return false;
+ },
+
+ get: function (parent, id, returnIndex) { // can be just called get(id) or get(id, true)
+ 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
+ this._tmp = null;
+ 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 {
+ this._tmp = this.get(parent.nodes[i], id, returnIndex);
+ if (this._tmp || this._tmp === 0) return this._tmp;
+ }
+ }
+ return this._tmp;
+ },
+
+ 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 () {
+ 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) {
+ if (this.selected == id) return false;
+ this.unselect(this.selected);
+ var new_node = this.get(id);
+ if (!new_node) return false;
+ $(this.box).find('#node_'+ w2utils.escapeId(id))
+ .addClass('w2ui-selected')
+ .find('.w2ui-icon').addClass('w2ui-icon-selected');
+ new_node.selected = true;
+ this.selected = id;
+ },
+
+ unselect: function (id) {
+ 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;
+ if (nd.plus) {
+ this.set(id, { plus: false });
+ this.expand(id);
+ this.refresh(id);
+ return;
+ }
+ if (nd.nodes.length == 0) return;
+ if (this.get(id).expanded) this.collapse(id); else this.expand(id);
+ },
+
+ collapse: function (id) {
+ var nd = this.get(id);
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'collapse', target: id, object: nd });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ $(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideUp('fast');
+ $(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-node-dots:first-child').html('');
+ nd.expanded = false;
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ this.resize();
+ },
+
+ collapseAll: function (parent) {
+ if (typeof parent == 'undefined') parent = this;
+ 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].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);
+ },
+
+ expand: function (id) {
+ var nd = this.get(id);
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'expand', target: id, object: nd });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ $(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideDown('fast');
+ $(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-node-dots:first-child').html('');
+ nd.expanded = true;
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ this.resize();
+ },
+
+ expandAll: function (parent) {
+ if (typeof parent == 'undefined') parent = this;
+ 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].expanded === false) parent.nodes[i].expanded = true;
+ if (parent.nodes[i].nodes && parent.nodes[i].nodes.length > 0) this.collapseAll(parent.nodes[i]);
+ }
+ this.refresh(parent.id);
+ },
+
+ expandParents: function (id) {
+ var node = this.get(id);
+ if (node == null) return;
+ if (node.parent) {
+ node.parent.expanded = true;
+ this.expandParents(node.parent.id);
+ }
+ this.refresh(id);
+ },
+
+ click: function (id, event) {
+ var obj = this;
+ var nd = this.get(id);
+ if (nd == null) return;
+ var old = this.selected;
+ if (nd.disabled || nd.group) return; // should click event if already selected
+ // move selected first
+ $(obj.box).find('#node_'+ w2utils.escapeId(old)).removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');
+ $(obj.box).find('#node_'+ w2utils.escapeId(id)).addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');
+ // need timeout to allow rendering
+ setTimeout(function () {
+ // event before
+ var eventData = obj.trigger({ phase: 'before', type: 'click', target: id, originalEvent: event, object: nd });
+ if (eventData.isCancelled === true) {
+ // restore selection
+ $(obj.box).find('#node_'+ w2utils.escapeId(id)).removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');
+ $(obj.box).find('#node_'+ w2utils.escapeId(old)).addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');
+ return false;
+ }
+ // default action
+ if (old != null) obj.get(old).selected = false;
+ obj.get(id).selected = true;
+ obj.selected = id;
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }, 1);
+ },
+
+ keydown: function (event) {
+ var obj = this;
+ var nd = obj.get(obj.selected);
+ if (!nd || obj.keyboard !== true) return;
+ // trigger event
+ var eventData = obj.trigger({ phase: 'before', type: 'keydown', target: obj.name, originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // 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) {
+ obj.collapse(obj.selected);
+ } else {
+ // collapse parent
+ if (nd.parent && !nd.parent.disabled && !nd.parent.group) {
+ obj.collapse(nd.parent.id);
+ obj.click(nd.parent.id);
+ setTimeout(function () { obj.scrollIntoView(); }, 50);
+ }
+ }
+ }
+ if (event.keyCode == 39) { // right
+ if (nd.nodes.length > 0) obj.expand(obj.selected);
+ }
+ if (event.keyCode == 38) { // up
+ var tmp = prev(nd);
+ if (tmp != null) { obj.click(tmp.id, event); setTimeout(function () { obj.scrollIntoView(); }, 50); }
+ }
+ if (event.keyCode == 40) { // down
+ var tmp = next(nd);
+ if (tmp != null) { obj.click(tmp.id, event); setTimeout(function () { obj.scrollIntoView(); }, 50); }
+ }
+ // 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(eventData, { phase: 'after' }));
+ return;
+
+ 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.disabled && !t.group) nextNode = t; else nextNode = next(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.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 = null;
+ var noSubs = false;
+ if (ind > 0) {
+ prevNode = parent.nodes[ind - 1];
+ // jump inside parents last node
+ if (prevNode.expanded && prevNode.nodes.length > 0) {
+ var t = prevNode.nodes[prevNode.nodes.length - 1];
+ if (!t.disabled && !t.group) prevNode = t; else prevNode = prev(t);
+ }
+ } else {
+ prevNode = parent; // jump to the parent
+ noSubs = true;
+ }
+ if (prevNode != null && (prevNode.disabled || prevNode.group)) prevNode = prev(prevNode);
+ return prevNode;
+ }
+ },
+
+ scrollIntoView: function (id) {
+ if (typeof id == 'undefined') 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()) {
+ body.animate({ 'scrollTop': body.scrollTop() + body.height() / 1.3 });
+ }
+ if (offset <= 0) {
+ body.animate({ 'scrollTop': body.scrollTop() - body.height() / 1.3 });
+ }
+ },
+
+ dblClick: function (id, event) {
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ var nd = this.get(id);
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'dblClick', target: id, originalEvent: event, object: nd });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ if (nd.nodes.length > 0) this.toggle(id);
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ contextMenu: function (id, event) {
+ var obj = this;
+ var nd = obj.get(id);
+ if (id != obj.selected) obj.click(id);
+ // need timeout to allow click to finish first
+ setTimeout(function () {
+ // event before
+ var eventData = obj.trigger({ phase: 'before', type: 'contextMenu', target: id, originalEvent: event, object: nd });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ if (nd.group || nd.disabled) return;
+ if (obj.menu.length > 0) {
+ $(obj.box).find('#node_'+ w2utils.escapeId(id))
+ .w2menu(obj.menu, {
+ left: (event ? event.offsetX || event.pageX : 50) - 25,
+ select: function (item, event, index) { obj.menuClick(id, index, event); }
+ }
+ );
+ }
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }, 1);
+ },
+
+ menuClick: function (itemId, index, event) {
+ var obj = this;
+ // event before
+ var eventData = obj.trigger({ phase: 'before', type: 'menuClick', target: itemId, originalEvent: event, menuIndex: index, menuItem: obj.menu[index] });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ // -- empty
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ render: function (box) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ if (typeof box != 'undefined' && 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('' +
+ ' ' +
+ ' ' + file.name + '' +
+ ' - ' + w2utils.size(file.size) + ''+
+ ' ');
+ var li = $(div).find('.file-list #file-' + cnt);
+ var previewHTML = "";
+ if ((/image/i).test(file.type)) { // image
+ previewHTML = ' input element
+ var div = $(obj).data('div');
+ var settings = $(obj).data('settings');
+ var selected = $(obj).data('selected');
+ var newItem = {
+ name : file.name,
+ type : file.type,
+ modified : file.lastModifiedDate,
+ size : file.size,
+ content : null
+ };
+ var size = 0;
+ var cnt = 0;
+ for (var s in selected) { size += selected[s].size; cnt++; }
+ // check params
+ if (settings.maxFileSize != 0 && newItem.size > settings.maxFileSize) {
+ var err = 'Maximum file size is '+ w2utils.size(settings.maxFileSize);
+ $(div).w2tag(err);
+ console.log('ERROR: '+ err);
+ return;
+ }
+ if (settings.maxSize != 0 && size + newItem.size > settings.maxSize) {
+ var err = 'Maximum total size is '+ w2utils.size(settings.maxFileSize);
+ $(div).w2tag(err);
+ console.log('ERROR: '+ err);
+ return;
+ }
+ if (settings.max != 0 && cnt >= settings.max) {
+ var err = 'Maximum number of files is '+ settings.max;
+ $(div).w2tag(err);
+ console.log('ERROR: '+ err);
+ return;
+ }
+ if (typeof settings.onAdd == 'function') {
+ var ret = settings.onAdd.call(obj, newItem);
+ if (ret === false) return;
+ }
+ selected.push(newItem);
+ // read file as base64
+ if (typeof FileReader !== "undefined" && settings.base64 === 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).trigger('change');
+ };
+ })();
+ reader.readAsDataURL(file);
+ } else {
+ obj.refresh();
+ $(obj).trigger('change');
+ }
+ },
+
+ upload_remove: function (li) {
+ var obj = this; // this -> input element
+ var div = $(obj).data('div');
+ var settings = $(obj).data('settings');
+ var selected = $(obj).data('selected');
+ var file = $(li).data('file');
+ // run event
+ if (typeof settings.onRemove == 'function') {
+ var ret = settings.onRemove.call(obj, file);
+ if (ret === false) return false;
+ }
+ // remove from selected
+ for (var i = selected.length - 1; i >= 0; i--) {
+ if (selected[i].name == file.name && selected[i].size == file.size) {
+ selected.splice(i, 1);
+ }
+ }
+ $(li).fadeOut('fast');
+ setTimeout(function () {
+ $(li).remove();
+ // if all files remoted
+ if (selected.length == 0) {
+ $(div).prepend(''+ settings.hint +'');
+ }
+ obj.refresh();
+ $(obj).trigger('change');
+ }, 300);
+ },
+
+ // ******************************************************
+ // -- Enum
+
+ list_render: function (search) {
+ var obj = this;
+ var div = $('#w2ui-global-items');
+ var settings = $(this).data('settings');
+ var items = settings.items;
+ var selected = $(this).data('selected');
+ if (div.length == 0) return; // if it is hidden
+
+ // build overall html
+ if (typeof search == 'undefined') {
+ var html = '';
+ html += '';
+ div.html(html);
+ search = '';
+ }
+ $(this).data('last_search', search);
+ if (typeof $(obj).data('last_index') == 'undefined' || $(obj).data('last_index') == null) $(obj).data('last_index', 0);
+
+ // pull items from url
+ if (typeof settings.last_total == 'undefined') settings.last_total = -1;
+ if (typeof settings.last_search_len == 'undefined') settings.last_search_len = 0;
+ if (typeof settings.last_search_match == 'undefined') settings.last_search_match = -1;
+ if (settings.url != '' && (
+ (items.length == 0 && settings.last_total != 0)
+ || (search.length > settings.last_search_len && settings.last_total > settings.maxCache)
+ || (search.length < settings.last_search_match && search.length != settings.last_search_len)
+ )
+ ) {
+ var match = false;
+ if (settings.last_total < settings.maxCache) match = true;
+ $.ajax({
+ type : 'GET',
+ dataType : 'text',
+ url : settings.url,
+ data : {
+ search : search,
+ max : settings.maxCache
+ },
+ complete: function (xhr, status) {
+ settings.last_total = 0;
+ if (status == 'success') {
+ var data = $.parseJSON(xhr.responseText);
+ if (match == false && data.total < settings.maxCache) { settings.last_search_match = search.length; }
+ settings.last_search_len = search.length;
+ settings.last_total = data.total
+ settings.items = data.items;
+ w2field.list_render.call(obj, search);
+ }
+ }
+ });
+ }
+
+ // build items
+ var i = 0;
+ var ihtml = '
';
+ return html;
+ },
+
+ calendar_next: function(month_year) {
+ var tmp = String(month_year).split('/');
+ var month = tmp[0];
+ var year = tmp[1];
+ if (parseInt(month) < 12) {
+ month = parseInt(month) + 1;
+ } else {
+ month = 1;
+ year = parseInt(year) + 1;
+ }
+ var options = $($('#global_calendar_div.w2ui-calendar').data('el')).data('options');
+ $('#global_calendar_div.w2ui-calendar').html( $().w2field('calendar_get', w2utils.formatDate(month+'/1/'+year, options.format), options) );
+ },
+
+ calendar_previous: function(month_year) {
+ var tmp = String(month_year).split('/');
+ var month = tmp[0];
+ var year = tmp[1];
+ if (parseInt(month) > 1) {
+ month = parseInt(month) - 1;
+ } else {
+ month = 12;
+ year = parseInt(year) - 1;
+ }
+ var options = $($('#global_calendar_div.w2ui-calendar').data('el')).data('options');
+ $('#global_calendar_div.w2ui-calendar').html( $().w2field('calendar_get', w2utils.formatDate(month+'/1/'+year, options.format), options) );
+ },
+
+ calendar_month: function(month, year, options) {
+ var td = new Date();
+ var months = w2utils.settings.fullmonths;
+ var days = w2utils.settings.fulldays;
+ var daysCount = ['31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31'];
+ var today = (Number(td.getMonth())+1) + '/' + td.getDate() + '/' + (String(td.getYear()).length > 3 ? td.getYear() : td.getYear() + 1900);
+
+ year = Number(year);
+ month = Number(month);
+ if (year === null || year === '') year = String(td.getYear()).length > 3 ? td.getYear() : td.getYear() + 1900;
+ if (month === null || month === '') month = Number(td.getMonth())+1;
+ if (month > 12) { month = month - 12; year++; }
+ if (month < 1 || month == 0) { month = month + 12; year--; }
+ if (year/4 == Math.floor(year/4)) { daysCount[1] = '29'; } else { daysCount[1] = '28'; }
+ if (year == null) { year = td.getYear(); }
+ if (month == null) { month = td.getMonth()-1; }
+
+ // start with the required date
+ var td = new Date();
+ td.setDate(1);
+ td.setMonth(month-1);
+ td.setYear(year);
+ var weekDay = td.getDay();
+ var tabDays = w2utils.settings.shortdays;
+ var dayTitle = '';
+ for ( var i = 0, len = tabDays.length; i < len; i++) {
+ dayTitle += '' + tabDays[i] + ' ';
+ }
+ var html =
+ ''+
+ '
';
+ return html;
+ },
+
+ getColorHTML: function (color) {
+ var html = '>2;enc2=(chr1&3)<<4|chr2>>4;enc3=(chr2&15)<<2|chr3>>6;enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64}else if(isNaN(chr3)){enc4=64}output=output+keyStr.charAt(enc1)+keyStr.charAt(enc2)+keyStr.charAt(enc3)+keyStr.charAt(enc4)}function utf8_encode(string){var string=String(string).replace(/\r\n/g,"\n");var utftext="";for(var n=0;n127&&c<2048){utftext+=String.fromCharCode(c>>6|192);utftext+=String.fromCharCode(c&63|128)}else{utftext+=String.fromCharCode(c>>12|224);utftext+=String.fromCharCode(c>>6&63|128);utftext+=String.fromCharCode(c&63|128)}}return utftext}return output}function base64decode(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;var keyStr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";input=input.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(i>4;chr2=(enc2&15)<<4|enc3>>2;chr3=(enc3&3)<<6|enc4;output=output+String.fromCharCode(chr1);if(enc3!=64){output=output+String.fromCharCode(chr2)}if(enc4!=64){output=output+String.fromCharCode(chr3)}}output=utf8_decode(output);function utf8_decode(utftext){var string="";var i=0;var c=0,c1=0,c2=0;while(i191&&c<224){c2=utftext.charCodeAt(i+1);string+=String.fromCharCode((c&31)<<6|c2&63);i+=2}else{c2=utftext.charCodeAt(i+1);c3=utftext.charCodeAt(i+2);string+=String.fromCharCode((c&15)<<12|(c2&63)<<6|c3&63);i+=3}}return string}return output}function transition(div_old,div_new,type,callBack){var width=$(div_old).width();var height=$(div_old).height();var time=.5;if(!div_old||!div_new){console.log("ERROR: Cannot do transition when one of the divs is null");return}div_old.parentNode.style.cssText+=cross("perspective","700px")+"; overflow: hidden;";div_old.style.cssText+="; position: absolute; z-index: 1019; "+cross("backface-visibility","hidden");div_new.style.cssText+="; position: absolute; z-index: 1020; "+cross("backface-visibility","hidden");switch(type){case"slide-left":div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d("+width+"px, 0, 0)","translate("+width+"px, 0)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+";"+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_old.style.cssText+=cross("transition",time+"s")+";"+cross("transform","translate3d(-"+width+"px, 0, 0)","translate(-"+width+"px, 0)")},1);break;case"slide-right":div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d(-"+width+"px, 0, 0)","translate(-"+width+"px, 0)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d(0px, 0, 0)","translate(0px, 0)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d("+width+"px, 0, 0)","translate("+width+"px, 0)")},1);break;case"slide-down":div_old.style.cssText+="overflow: hidden; z-index: 1; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; z-index: 0; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d(0, "+height+"px, 0)","translate(0, "+height+"px)")},1);break;case"slide-up":div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, "+height+"px, 0)","translate(0, "+height+"px)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)")},1);break;case"flip-left":div_old.style.cssText+="overflow: hidden; "+cross("-transform","rotateY(0deg)");div_new.style.cssText+="overflow: hidden; "+cross("transform","rotateY(-180deg)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateY(0deg)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateY(180deg)")},1);break;case"flip-right":div_old.style.cssText+="overflow: hidden; "+cross("transform","rotateY(0deg)");div_new.style.cssText+="overflow: hidden; "+cross("transform","rotateY(180deg)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateY(0deg)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateY(-180deg)")},1);break;case"flip-down":div_old.style.cssText+="overflow: hidden; "+cross("transform","rotateX(0deg)");div_new.style.cssText+="overflow: hidden; "+cross("transform","rotateX(180deg)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateX(0deg)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateX(-180deg)")},1);break;case"flip-up":div_old.style.cssText+="overflow: hidden; "+cross("transform","rotateX(0deg)");div_new.style.cssText+="overflow: hidden; "+cross("transform","rotateX(-180deg)");$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateX(0deg)");div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","rotateX(180deg)")},1);break;case"pop-in":div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)")+"; "+cross("transform","scale(.8)")+"; opacity: 0;";$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","scale(1)")+"; opacity: 1;";div_old.style.cssText+=cross("transition",time+"s")+";"},1);break;case"pop-out":div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)")+"; "+cross("transform","scale(1)")+"; opacity: 1;";div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)")+"; opacity: 0;";$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; opacity: 1;";div_old.style.cssText+=cross("transition",time+"s")+"; "+cross("transform","scale(1.7)")+"; opacity: 0;"},1);break;default:div_old.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)");div_new.style.cssText+="overflow: hidden; "+cross("transform","translate3d(0, 0, 0)","translate(0, 0)")+"; opacity: 0;";$(div_new).show();window.setTimeout(function(){div_new.style.cssText+=cross("transition",time+"s")+"; opacity: 1;";div_old.style.cssText+=cross("transition",time+"s")},1);break}setTimeout(function(){if(type=="slide-down"){$(div_old).css("z-index","1019");$(div_new).css("z-index","1020")}if(div_new){$(div_new).css({opacity:"1","-webkit-transition":"","-moz-transition":"","-ms-transition":"","-o-transition":"","-webkit-transform":"","-moz-transform":"","-ms-transform":"","-o-transform":"","-webkit-backface-visibility":"","-moz-backface-visibility":"","-ms-backface-visibility":"","-o-backface-visibility":""})}if(div_old){$(div_old).css({opacity:"1","-webkit-transition":"","-moz-transition":"","-ms-transition":"","-o-transition":"","-webkit-transform":"","-moz-transform":"","-ms-transform":"","-o-transform":"","-webkit-backface-visibility":"","-moz-backface-visibility":"","-ms-backface-visibility":"","-o-backface-visibility":""});if(div_old.parentNode)$(div_old.parentNode).css({"-webkit-perspective":"","-moz-perspective":"","-ms-perspective":"","-o-perspective":""})}if(typeof callBack=="function")callBack()},time*1e3);function cross(property,value,none_webkit_value){var isWebkit=!!window.webkitURL;if(!isWebkit&&typeof none_webkit_value!="undefined")value=none_webkit_value;return";"+property+": "+value+"; -webkit-"+property+": "+value+"; -moz-"+property+": "+value+"; "+"-ms-"+property+": "+value+"; -o-"+property+": "+value+";"}}function lock(box,msg,showSpinner){if(!msg&&msg!=0)msg="";w2utils.unlock(box);$(box).find(">:first-child").before(''+'');setTimeout(function(){var lock=$(box).find(".w2ui-lock");var mess=$(box).find(".w2ui-lock-msg");lock.data("old_opacity",lock.css("opacity")).css("opacity","0").show();mess.data("old_opacity",mess.css("opacity")).css("opacity","0").show();setTimeout(function(){var lock=$(box).find(".w2ui-lock");var mess=$(box).find(".w2ui-lock-msg");var left=($(box).width()-w2utils.getSize(mess,"width"))/2;var top=($(box).height()*.9-w2utils.getSize(mess,"height"))/2;lock.css({opacity:lock.data("old_opacity"),left:"0px",top:"0px",width:"100%",height:"100%"});if(!msg)mess.css({"background-color":"transparent",border:"0px"});if(showSpinner===true)msg='"+msg;mess.html(msg).css({opacity:mess.data("old_opacity"),left:left+"px",top:top+"px"})},10)},10);$().w2tag()}function unlock(box){$(box).find(".w2ui-lock").remove();$(box).find(".w2ui-lock-msg").remove()}function getSize(el,type){var bwidth={left:parseInt($(el).css("border-left-width"))||0,right:parseInt($(el).css("border-right-width"))||0,top:parseInt($(el).css("border-top-width"))||0,bottom:parseInt($(el).css("border-bottom-width"))||0};var mwidth={left:parseInt($(el).css("margin-left"))||0,right:parseInt($(el).css("margin-right"))||0,top:parseInt($(el).css("margin-top"))||0,bottom:parseInt($(el).css("margin-bottom"))||0};var pwidth={left:parseInt($(el).css("padding-left"))||0,right:parseInt($(el).css("padding-right"))||0,top:parseInt($(el).css("padding-top"))||0,bottom:parseInt($(el).css("padding-bottom"))||0};switch(type){case"top":return bwidth.top+mwidth.top+pwidth.top;case"bottom":return bwidth.bottom+mwidth.bottom+pwidth.bottom;case"left":return bwidth.left+mwidth.left+pwidth.left;case"right":return bwidth.right+mwidth.right+pwidth.right;case"width":return bwidth.left+bwidth.right+mwidth.left+mwidth.right+pwidth.left+pwidth.right+parseInt($(el).width());case"height":return bwidth.top+bwidth.bottom+mwidth.top+mwidth.bottom+pwidth.top+pwidth.bottom+parseInt($(el).height());case"+width":return bwidth.left+bwidth.right+mwidth.left+mwidth.right+pwidth.left+pwidth.right;case"+height":return bwidth.top+bwidth.bottom+mwidth.top+mwidth.bottom+pwidth.top+pwidth.bottom}return 0}function lang(phrase){var translation=this.settings.phrases[phrase];if(typeof translation=="undefined")return phrase;else return translation}function locale(locale){if(!locale)locale="en-us";if(locale.length==5)locale="locale/"+locale+".json";$.ajax({url:locale,type:"GET",dataType:"JSON",async:false,cache:false,success:function(data,status,xhr){w2utils.settings=$.extend(true,w2utils.settings,data);var p=w2obj.grid.prototype;for(var b in p.buttons){p.buttons[b].caption=w2utils.lang(p.buttons[b].caption);p.buttons[b].hint=w2utils.lang(p.buttons[b].hint)}p.msgDelete=w2utils.lang(p.msgDelete);p.msgNotJSON=w2utils.lang(p.msgNotJSON);p.msgRefresh=w2utils.lang(p.msgRefresh)},error:function(xhr,status,msg){console.log("ERROR: Cannot load locale "+locale)}})}function scrollBarSize(){if(tmp.scrollBarSize)return tmp.scrollBarSize;var html=' ").data("text",text).data("taged-el",el).data("options",options).data("position",$(el).offset().left+el.offsetWidth+"x"+$(el).offset().top).data("timer",timer);$(el).off("keypress",tmp_hide).on("keypress",tmp_hide).off("change",tmp_hide).on("change",tmp_hide).css(options.css).addClass(options["class"]);if(typeof options.onShow=="function")options.onShow()},1);var originalCSS="";if($(el).length>0)originalCSS=$(el)[0].style.cssText;function tmp_hide(){if($("#w2ui-tag-"+tagID).length<=0)return;clearInterval($("#w2ui-tag-"+tagID).data("timer"));$("#w2ui-tag-"+tagID).remove();$(el).off("keypress",tmp_hide).removeClass(options["class"]);if($(el).length>0)$(el)[0].style.cssText=originalCSS;if(typeof options.onHide=="function")options.onHide()}}})};$.fn.w2overlay=function(html,options){if(!$.isPlainObject(options))options={};if(!$.isPlainObject(options.css))options.css={};if(this.length==0||html==""||typeof html=="undefined"){hide();return $(this)}if($("#w2ui-overlay").length>0)$(document).click();$("body").append('");var obj=this;var div=$("#w2ui-overlay div");div.css(options.css).html(html);if(typeof options["class"]!="undefined")div.addClass(options["class"]);if(typeof options.top=="undefined")options.top=0;if(typeof options.left=="undefined")options.left=0;if(typeof options.width=="undefined")options.width=100;if(typeof options.height=="undefined")options.height=0;var bc=div.css("background-color");var div=$("#w2ui-overlay");if(typeof bc!="undefined"&&bc!="rgba(0, 0, 0, 0)"&&bc!="transparent")div.css("background-color",bc);div.css({display:"none",left:$(obj).offset().left+options.left+"px",top:$(obj).offset().top+w2utils.getSize($(obj),"height")+3+options.top+"px","min-width":options.width?options.width:"auto","min-height":options.height?options.height:"auto"}).fadeIn("fast").data("position",$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight)).on("click",function(event){if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true});function hide(){var result;if(typeof options.onHide=="function")result=options.onHide();if(result===false)return;$("#w2ui-overlay").remove();$(document).off("click",hide)}setTimeout(fixSize,0);return $(this);function fixSize(){$(document).on("click",hide);if($("#w2ui-overlay > div").length>0){var h=$("#w2ui-overlay > div").height();var w=$("#w2ui-overlay> div").width();var max=window.innerHeight-$("#w2ui-overlay > div").offset().top-7;if(h>max)$("#w2ui-overlay> div").height(max).width(w+w2utils.scrollBarSize()).css({"overflow-y":"auto"});w=$("#w2ui-overlay> div").width();max=window.innerWidth-$("#w2ui-overlay > div").offset().left-7;if(w>max)$("#w2ui-overlay> div").width(max).css({"overflow-x":"auto"});if(typeof options.onShow=="function")options.onShow()}}};$.fn.w2menu=function(menu,options){if(typeof options.select=="undefined"&&typeof options.onSelect=="function")options.select=options.onSelect;if(typeof options.select!="function"){console.log("ERROR: options.select is required to be a function, not "+typeof options.select+" in $().w2menu(menu, options)");return $(this)}if(!$.isArray(menu)){console.log("ERROR: first parameter should be an array of objects or strings in $().w2menu(menu, options)");
+return $(this)}$.fn.w2menuHandler=function(event,index){options.select(menu[index],event,index)};return $(this).w2overlay(getMenuHTML(),options);function getMenuHTML(){var menu_html='';for(var f=0;f
";return menu_html}}})();(function(){var w2grid=function(options){this.name=null;this.box=null;this.header="";this.url="";this.columns=[];this.columnGroups=[];this.records=[];this.summary=[];this.searches=[];this.searchData=[];this.sortData=[];this.postData={};this.toolbar={};this.show={header:false,toolbar:false,footer:false,columnHeaders:true,lineNumbers:false,expandColumn:false,selectColumn:false,emptyRecords:true,toolbarReload:true,toolbarColumns:true,toolbarSearch:true,toolbarAdd:false,toolbarEdit:false,toolbarDelete:false,toolbarSave:false,selectionBorder:true,recordTitles:true};this.autoLoad=true;this.fixedBody=true;this.recordHeight=24;this.keyboard=true;this.selectType="row";this.multiSearch=true;this.multiSelect=true;this.multiSort=true;this.markSearchResults=true;this.total=0;this.buffered=0;this.limit=100;this.offset=0;this.style="";this.ranges=[];this.onAdd=null;this.onEdit=null;this.onRequest=null;this.onLoad=null;this.onDelete=null;this.onDeleted=null;this.onSave=null;this.onSaved=null;this.onSelect=null;this.onUnselect=null;this.onClick=null;this.onDblClick=null;this.onColumnClick=null;this.onColumnResize=null;this.onSort=null;this.onSearch=null;this.onChange=null;this.onExpand=null;this.onCollapse=null;this.onError=null;this.onKeydown=null;this.onToolbar=null;this.onColumnOnOff=null;this.onCopy=null;this.onPaste=null;this.onSelectionExtend=null;this.onEditField=null;this.onRender=null;this.onRefresh=null;this.onReload=null;this.onResize=null;this.onDestroy=null;this.last={field:"all",caption:w2utils.lang("All Fields"),logic:"OR",search:"",searchIds:[],multi:false,scrollTop:0,scrollLeft:0,selected:[],sortData:null,sortCount:0,xhr:null,range_start:null,range_end:null,sel_ind:null,sel_col:null,sel_type:null};this.isIOS=navigator.userAgent.toLowerCase().indexOf("iphone")!=-1||navigator.userAgent.toLowerCase().indexOf("ipod")!=-1||navigator.userAgent.toLowerCase().indexOf("ipad")!=-1?true:false;$.extend(true,this,w2obj.grid,options)};$.fn.w2grid=function(method){if(typeof method==="object"||!method){if(!method||typeof method.name=="undefined"){console.log('ERROR: The parameter "name" is required but not supplied in $().w2grid().');return}if(typeof w2ui[method.name]!="undefined"){console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+method.name+").");return}if(!w2utils.isAlphaNumeric(method.name)){console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');return}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 toolbar=method.toolbar;var object=new w2grid(method);$.extend(object,{postData:{},records:[],columns:[],searches:[],toolbar:{},sortData:[],searchData:[],handlers:[]});if(object.onExpand!=null)object.show.expandColumn=true;$.extend(true,object.toolbar,toolbar);for(var p in columns)object.columns[p]=$.extend(true,{},columns[p]);for(var p in columnGroups)object.columnGroups[p]=$.extend(true,{},columnGroups[p]);for(var p in searches)object.searches[p]=$.extend(true,{},searches[p]);for(var p in searchData)object.searchData[p]=$.extend(true,{},searchData[p]);for(var p in sortData)object.sortData[p]=$.extend(true,{},sortData[p]);object.postData=$.extend(true,{},postData);for(var r in records){if(records[r].recid==null||typeof records[r].recid=="undefined"){console.log("ERROR: Cannot add records without recid. (obj: "+object.name+")");return}object.records[r]=$.extend(true,{},records[r])}if(object.records.length>0)object.buffered=object.records.length;for(var c in object.columns){var col=object.columns[c];if(typeof col.searchable=="undefined"||object.getSearch(col.field)!=null)continue;var stype=col.searchable;var attr="";if(col.searchable===true){stype="text";attr='size="20"'}object.addSearch({field:col.field,caption:col.caption,type:stype,attr:attr})}object.initToolbar();if($(this).length!=0){object.render($(this)[0])}w2ui[object.name]=object;return object}else if(w2ui[$(this).attr("name")]){var obj=w2ui[$(this).attr("name")];obj[method].apply(obj,Array.prototype.slice.call(arguments,1));return this}else{console.log("ERROR: Method "+method+" does not exist on jQuery.w2grid")}};w2grid.prototype={msgDelete:"Are you sure you want to delete selected records?",msgNotJSON:"Returned data is not in valid JSON format.",msgRefresh:"Refreshing...",buttons:{reload:{type:"button",id:"reload",img:"icon-reload",hint:"Reload data in the list"},columns:{type:"drop",id:"column-on-off",img:"icon-columns",hint:"Show/hide columns",arrow:false,html:""},search:{type:"html",id:"search",html:'"},"search-go":{type:"check",id:"search-advanced",caption:"Search...",hint:"Open Search Fields"},add:{type:"button",id:"add",caption:"Add New",hint:"Add new record",img:"icon-add"},edit:{type:"button",id:"edit",caption:"Edit",hint:"Edit selected record",img:"icon-edit",disabled:true},"delete":{type:"button",id:"delete",caption:"Delete",hint:"Delete selected records",img:"icon-delete",disabled:true},save:{type:"button",id:"save",caption:"Save",hint:"Save changed records",img:"icon-save"}},add:function(record){if(!$.isArray(record))record=[record];var added=0;for(var o in record){if(record[o].recid==null||typeof record[o].recid=="undefined"){console.log("ERROR: Cannot add record without recid. (obj: "+this.name+")");continue}this.records.push(record[o]);added++}this.buffered=this.records.length;var url=typeof this.url!="object"?this.url:this.url.get;if(!url){this.localSort();this.localSearch()}this.refresh();return added},find:function(obj,returnIndex){if(typeof obj=="undefined"||obj==null)obj={};var recs=[];for(var i=0;i0&&!url)for(var s in this.last.searchIds)if(this.last.searchIds[s]==ind)ind=s;$(tr).replaceWith(this.getRecordHTML(ind,line))}}}return true},get:function(recid,returnIndex){for(var i=0;i=0;r--){if(this.records[r].recid==arguments[a]){this.records.splice(r,1);removed++}}}var url=typeof this.url!="object"?this.url:this.url.get;if(!url){this.buffered=this.records.length;this.localSort();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 o in columns){this.columns.splice(before,0,columns[o]);before++;added++}this.initColumnOnOff();this.refresh();return added},removeColumn:function(){var removed=0;for(var a=0;a=0;r--){if(this.columns[r].field==arguments[a]){this.columns.splice(r,1);removed++}}}this.initColumnOnOff();this.refresh();return removed},getColumn:function(field,returnIndex){for(var i=0;i=0;r--){if(this.columns[r].field==arguments[a]){this.columns[r].hidden=!this.columns[r].hidden;effected++}}}this.refresh();return effected},showColumn:function(){var shown=0;for(var a=0;a=0;r--){if(this.columns[r].field==arguments[a]&&this.columns[r].hidden!==false){this.columns[r].hidden=false;shown++}}}this.refresh();return shown},hideColumn:function(){var hidden=0;for(var a=0;a=0;r--){if(this.columns[r].field==arguments[a]&&this.columns[r].hidden!==true){this.columns[r].hidden=true;hidden++}}}this.refresh();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 o in search){this.searches.splice(before,0,search[o]);before++;added++}this.searchClose();return added},removeSearch:function(){var removed=0;for(var a=0;a=0;r--){if(this.searches[r].field==arguments[a]){this.searches.splice(r,1);removed++}}}this.searchClose();return removed},getSearch:function(field,returnIndex){for(var i=0;i=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=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=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 s in this.searchData){if(this.searchData[s].field==field)return this.searchData[s]}return null},localSort:function(silent){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;this.records.sort(function(a,b){var ret=0;for(var s in obj.sortData){var aa=a[obj.sortData[s].field];var bb=b[obj.sortData[s].field];if(String(obj.sortData[s].field).indexOf(".")!=-1){aa=obj.parseField(a,obj.sortData[s].field);bb=obj.parseField(b,obj.sortData[s].field)}if(typeof aa=="string")aa=$.trim(aa.toLowerCase());if(typeof bb=="string")bb=$.trim(bb.toLowerCase());if(aa>bb)ret=obj.sortData[s].direction=="asc"?1:-1;if(aa0&&!url){this.total=0;for(var r in this.records){var rec=this.records[r];var fl=0;for(var s in this.searchData){var sdata=this.searchData[s];var search=this.getSearch(sdata.field);if(sdata==null)continue;if(search==null)search={field:sdata.field,type:sdata.type};var val1=String(obj.parseField(rec,search.field)).toLowerCase();if(typeof sdata.value!="undefined"){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(rec[search.field]==sdata.value)fl++;if(search.type=="date"){var tmp=new Date(Number(val1));val1=new Date(tmp.getFullYear(),tmp.getMonth(),tmp.getDate()).getTime();val2=Number(val2);var val3=Number(val1)+864e5;if(val2>=val1&&val2<=val3)fl++}break;case"between":if(search.type=="int"&&parseInt(rec[search.field])>=parseInt(val2)&&parseInt(rec[search.field])<=parseInt(val3))fl++;if(search.type=="float"&&parseFloat(rec[search.field])>=parseFloat(val2)&&parseFloat(rec[search.field])<=parseFloat(val3))fl++;if(search.type=="date"){var tmp=new Date(Number(val3));val3=new Date(tmp.getFullYear(),tmp.getMonth(),tmp.getDate()).getTime();var val3=Number(val3)+864e5;if(val1>=val2&&val1=0)fl++;break;case"ends with":if(val1.indexOf(val2)==val1.length-val2.length)fl++;break}}if(this.last.logic=="OR"&&fl!=0||this.last.logic=="AND"&&fl==this.searchData.length)this.last.searchIds.push(parseInt(r))}this.total=this.last.searchIds.length}this.buffered=this.total;time=(new Date).getTime()-time;if(silent!==true)setTimeout(function(){obj.status("Search took "+time/1e3+" sec")},10);return time},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){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){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];for(var r in ranges){if(typeof ranges[r]!="object")ranges[r]={name:"selection"};if(ranges[r].name=="selection"){if(this.show.selectionBorder===false)continue;var sel=this.getSelection();if(sel.length==0){this.removeRange(ranges[r].name);continue}else{var first=sel[0];var last=sel[sel.length-1];var td1=$("#grid_"+this.name+"_rec_"+first.recid+" td[col="+first.column+"]");var td2=$("#grid_"+this.name+"_rec_"+last.recid+" td[col="+last.column+"]")}}else{var first=ranges[r].range[0];var last=ranges[r].range[1];var td1=$("#grid_"+this.name+"_rec_"+first.recid+" td[col="+first.column+"]");var td2=$("#grid_"+this.name+"_rec_"+last.recid+" td[col="+last.column+"]")}if(first){var rg={name:ranges[r].name,range:[{recid:first.recid,column:first.column},{recid:last.recid,column:last.column}],style:ranges[r].style||""};var ind=false;for(var t in this.ranges)if(this.ranges[t].name==ranges[r].name){ind=r;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=0;r--){if(this.ranges[r].name==name){this.ranges.splice(r,1);removed++}}}return removed},refreshRanges:function(){var obj=this;var time=(new Date).getTime();var rec=$("#grid_"+this.name+"_records");for(var r in this.ranges){var rg=this.ranges[r];var first=rg.range[0];var last=rg.range[1];var td1=$("#grid_"+this.name+"_rec_"+first.recid+" td[col="+first.column+"]");var td2=$("#grid_"+this.name+"_rec_"+last.recid+" td[col="+last.column+"]");if($("#grid_"+this.name+"_"+rg.name).length==0){rec.append(' td[col="+col+"]").addClass("w2ui-selected");selected++;if(record.selected){$("#grid_"+this.name+"_rec_"+w2utils.escapeId(recid)).data("selected","yes");$("#grid_"+this.name+"_cell_"+index+"_select_check").prop("checked",true)}}this.trigger($.extend(eventData,{phase:"after"}))}$("#grid_"+this.name+"_check_all").prop("checked",true);if($("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length!=0&&$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length==$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]:checked").length){$("#grid_"+this.name+"_check_all").prop("checked",true)}else{$("#grid_"+this.name+"_check_all").prop("checked",false)}this.status();this.addRange("selection");return selected},unselect:function(){var unselected=0;for(var a=0;a td[col="+col+"]").removeClass("w2ui-selected");unselected++;if(s.length==0){record.selected=false;$("#grid_"+this.name+"_rec_"+w2utils.escapeId(recid)).removeData("selected");$("#grid_"+this.name+"_cell_"+index+"_select_check").prop("checked",false)}}this.trigger($.extend(eventData,{phase:"after"}))}$("#grid_"+this.name+"_check_all").prop("checked",true);if($("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length!=0&&$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length==$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]:checked").length){$("#grid_"+this.name+"_check_all").prop("checked",true)}else{$("#grid_"+this.name+"_check_all").prop("checked",false)}this.status();this.addRange("selection");return unselected},selectAll:function(){if(this.multiSelect===false)return;var eventData=this.trigger({phase:"before",type:"select",target:this.name,all:true});if(eventData.isCancelled===true)return;var cols=[];for(var c in this.columns)cols.push(parseInt(c));var url=typeof this.url!="object"?this.url:this.url.get;if(!url){if(this.searchData.length==0){this.set({selected:true});if(this.selectType=="row"){this.set({selected:true})}else{this.set({selected:true,selectedColumns:cols.slice()})}}else{for(var i=0;i=1)this.toolbar.enable("delete");else this.toolbar.disable("delete");this.addRange("selection");this.trigger($.extend(eventData,{phase:"after"}))},selectNone:function(){var eventData=this.trigger({phase:"before",type:"unselect",target:this.name,all:true});if(eventData.isCancelled===true)return;this.last.selected=[];for(var i in this.records){var rec=this.records[i];if(rec.selected===true){rec.selected=false;var tmp=$("#grid_"+this.name+"_rec_"+w2utils.escapeId(rec.recid));tmp.removeClass("w2ui-selected").removeData("selected");$("#grid_"+this.name+"_cell_"+i+"_select_check").prop("checked",false);if(this.selectType!="row"){var cols=rec.selectedColumns;for(var c in cols)tmp.find(" > td[col="+cols[c]+"]").removeClass("w2ui-selected");rec.selectedColumns=[]}}}this.toolbar.disable("edit","delete");this.removeRange("selection");this.trigger($.extend(eventData,{phase:"after"}))},getSelection:function(returnIndex){if(this.selectType=="row"){var sel=this.find({selected:true},true);var ret=[];for(var s in sel){if(returnIndex===true){ret.push(sel[s])}else{ret.push(this.records[sel[s]].recid)}}return ret}else{var sel=this.find({selected:true},true);var ret=[];for(var s in sel){var rec=this.records[sel[s]];for(var c in rec.selectedColumns){ret.push({recid:rec.recid,index:parseInt(sel[s]),column:rec.selectedColumns[c]})}}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;if(arguments.length==0){last_search="";for(var s in this.searches){var search=this.searches[s];var operator=$("#grid_"+this.name+"_operator_"+s).val();var value1=$("#grid_"+this.name+"_field_"+s).val();var value2=$("#grid_"+this.name+"_field2_"+s).val();if(value1!=""&&value1!=null||typeof value2!="undefined"&&value2!=""){var tmp={field:search.field,type:search.type,operator:operator};if(operator=="between"){$.extend(tmp,{value:[value1,value2]})}else if(operator=="in"){$.extend(tmp,{value:value1.split(",")})}else{$.extend(tmp,{value:value1})}try{if(search.type=="date"&&operator=="between"){tmp.value[0]=w2utils.isDate(value1,w2utils.settings.date_format,true).getTime();tmp.value[1]=w2utils.isDate(value2,w2utils.settings.date_format,true).getTime()}if(search.type=="date"&&operator=="is"){tmp.value=w2utils.isDate(value1,w2utils.settings.date_format,true).getTime()}}catch(e){}searchData.push(tmp)}}if(searchData.length>0&&!url){last_multi=true;last_logic="AND"}else{last_multi=true;last_logic="AND"}}if(typeof field=="string"){last_field=field;last_search=value;last_multi=false;last_logic="OR";if(typeof value!="undefined"){if(field.toLowerCase()=="all"){if(this.searches.length>0){for(var s in this.searches){var search=this.searches[s];if(search.type=="text"||search.type=="int"&&w2utils.isInt(value)||search.type=="float"&&w2utils.isFloat(value)||search.type=="money"&&w2utils.isMoney(value)||search.type=="hex"&&w2utils.isHex(value)||search.type=="date"&&w2utils.isDate(value)||search.type=="alphaNumeric"&&w2utils.isAlphaNumeric(value)){var tmp={field:search.field,type:search.type,operator:search.type=="text"?"contains":"is",value:value};searchData.push(tmp)}if(search.type=="int"&&String(value).indexOf("-")!=-1){var t=String(value).split("-");var tmp={field:search.field,type:search.type,operator:"between",value:[t[0],t[1]]};searchData.push(tmp)}}}else{for(var c in this.columns){var tmp={field:this.columns[c].field,type:"text",operator:"contains",value:value};searchData.push(tmp)}}}else{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="contains";var val=value;if(w2utils.isInt(value)){op="is";val=value}if(search.type=="int"&&value!=""){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 t in tmp)val.push(tmp[t])}}var tmp={field:search.field,type:search.type,operator:op,value:val};searchData.push(tmp)}}}}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 f in field){var data=field[f];var search=this.getSearch(data.field);if(search==null)search={type:"text",operator:"contains"};searchData.push($.extend(true,{},search,data))}}var eventData=this.trigger({phase:"before",type:"search",target:this.name,searchData:searchData,searchField:field?field:"multi",searchValue:value?value:"multi"});if(eventData.isCancelled===true)return;this.searchData=eventData.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.selected=[];this.searchClose();this.set({expanded:false});if(url){this.last.xhr_offset=0;this.reload()}else{this.localSearch();this.refresh()}this.trigger($.extend(eventData,{phase:"after"}))},searchOpen:function(){if(!this.box)return;if(this.searches.length==0)return;var obj=this;$("#tb_"+this.name+"_toolbar_item_search-advanced").w2overlay(this.getSearchesHTML(),{left:-10,"class":"w2ui-grid-searches",onShow:function(){if(obj.last.logic=="OR")obj.searchData=[];obj.initSearches();$("#w2ui-overlay .w2ui-grid-searches").data("grid-name",obj.name);var sfields=$("#w2ui-overlay .w2ui-grid-searches *[rel=search]");if(sfields.length>0)sfields[0].focus()}})},searchClose:function(){if(!this.box)return;if(this.searches.length==0)return;if(this.toolbar)this.toolbar.uncheck("search-advanced");if($("#w2ui-overlay .w2ui-grid-searches").length>0)$().w2overlay()},searchShowFields:function(el){if(typeof el=="undefined")el=$("#grid_"+this.name+"_search_all");var html='';for(var s=-1;s
";$(el).w2overlay(html,{left:-15,top:7})},searchReset:function(noRefresh){var eventData=this.trigger({phase:"before",type:"search",target:this.name,searchData:[]});if(eventData.isCancelled===true)return;this.searchData=[];this.last.search="";this.last.logic="OR";if(this.last.multi){if(!this.multiSearch){this.last.field=this.searches[0].field;this.last.caption=this.searches[0].caption}else{this.last.field="all";this.last.caption=w2utils.lang("All Fields")}}this.last.multi=false;this.last.xhr_offset=0;this.last.scrollTop=0;this.last.scrollLeft=0;this.last.selected=[];this.searchClose();if(!noRefresh)this.reload();this.trigger($.extend(eventData,{phase:"after"}))},clear:function(noRefresh){this.offset=0;this.total=0;this.buffered=0;this.records=[];this.summary=[];this.last.scrollTop=0;this.last.scrollLeft=0;this.last.range_start=null;this.last.range_end=null;this.last.xhr_offset=0;if(!noRefresh)this.refresh()},reset:function(noRefresh){this.offset=0;this.last.scrollTop=0;this.last.scrollLeft=0;this.last.selected=[];this.last.range_start=null;this.last.range_end=null;this.last.xhr_offset=0;this.searchReset(noRefresh);if(this.last.sortData!=null)this.sortData=this.last.sortData;this.set({selected:false,expanded:false},true);if(!noRefresh)this.refresh()},skip:function(offset){var url=typeof this.url!="object"?this.url:this.url.get;if(url){this.offset=parseInt(offset);if(this.offset<0||!w2utils.isInt(this.offset))this.offset=0;if(this.offset>this.total)this.offset=this.total-this.limit;this.records=[];this.buffered=0;this.last.xhr_offset=0;this.last.pull_more=true;this.last.scrollTop=0;this.last.scrollLeft=0;$("#grid_"+this.name+"_records").prop("scrollTop",0);this.initColumnOnOff();this.reload()}else{console.log("ERROR: grid.skip() can only be called when you have remote data source.")}},load:function(url,callBack){if(typeof url=="undefined"){console.log('ERROR: You need to provide url argument when calling .load() method of "'+this.name+'" object.');return}this.request("get-records",{},url,callBack)},reload:function(callBack){var url=typeof this.url!="object"?this.url:this.url.get;if(url){if(this.last.xhr_offset>0&&this.last.xhr_offset div");if(edit.type=="enum")console.log("ERROR: Grid's inline editing does not support enum field type.");if(edit.type=="list"||edit.type=="select")console.log("ERROR: Grid's inline editing does not support list/select field type.");if(typeof edit.inTag=="undefined")edit.inTag="";if(typeof edit.outTag=="undefined")edit.outTag="";if(typeof edit.style=="undefined")edit.style="";if(typeof edit.items=="undefined")edit.items=[];var val=rec.changed&&rec.changes[col.field]?w2utils.stripTags(rec.changes[col.field]):w2utils.stripTags(rec[col.field]);if(val==null||typeof val=="undefined")val="";if(typeof value!="undefined"&&value!=null)val=value;var addStyle=typeof col.style!="undefined"?col.style+";":"";if($.inArray(col.render,["number","int","float","money","percent"])!=-1)addStyle+="text-align: right;";el.addClass("w2ui-editable").html('"+edit.outTag);el.find("input").w2field(edit.type,edit).on("blur",function(event){if(obj.parseField(rec,col.field)!=this.value){var eventData2=obj.trigger({phase:"before",type:"change",target:obj.name,input_id:this.id,recid:recid,column:column,value_new:this.value,value_previous:rec.changes?rec.changes[col.field]:obj.parseField(rec,col.field),value_original:obj.parseField(rec,col.field)});if(eventData2.isCancelled===true){}else{rec.changed=true;rec.changes=rec.changes||{};rec.changes[col.field]=eventData2.value_new;obj.trigger($.extend(eventData2,{phase:"after"}))}}else{if(rec.changes)delete rec.changes[col.field];if($.isEmptyObject(rec.changes))delete rec.changes}$(tr).replaceWith(obj.getRecordHTML(index,tr.attr("line")))}).on("keydown",function(event){var cancel=false;switch(event.keyCode){case 9:cancel=true;var next=event.shiftKey?prevCell(column):nextCell(column);if(next!=column){this.blur();setTimeout(function(){if(obj.selectType!="row"){obj.selectNone();obj.select({recid:recid,column:next})}else{obj.editField(recid,next,null,event)}},1)}break;case 13:cancel=true;var next=event.shiftKey?prevRow(index):nextRow(index);if(next!=index){this.blur();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)}break;case 38:cancel=true;var next=prevRow(index);if(next!=index){this.blur();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)}break;case 40:cancel=true;var next=nextRow(index);if(next!=index){this.blur();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)}break;case 27:var old=rec.changed&&rec.changes[col.field]?rec.changes[col.field]:obj.parseField(rec,col.field);this.value=typeof old!="undefined"?old:"";this.blur();setTimeout(function(){obj.select({recid:recid,column:column})},1);break}if(cancel)if(event.preventDefault)event.preventDefault();function nextCell(check){var newCheck=check+1;if(obj.columns.length==newCheck)return check;if(obj.columns[newCheck].hidden)return nextCell(newCheck);return newCheck}function prevCell(check){var newCheck=check-1;if(newCheck<0)return check;if(obj.columns[newCheck].hidden)return prevCell(newCheck);return newCheck}function nextRow(check){var newCheck=check+1;if(obj.records.length==newCheck)return check;return newCheck}function prevRow(check){var newCheck=check-1;if(newCheck<0)return check;return newCheck}});if(typeof value=="undefined"||value==null){el.find("input").focus()}else{el.find("input").val("").focus().val(value)}obj.trigger($.extend(eventData,{phase:"after"}))},"delete":function(force){var obj=this;var eventData=this.trigger({phase:"before",target:this.name,type:"delete",force:force});if(eventData.isCancelled===true)return false;force=eventData.force;var recs=this.getSelection();if(recs.length==0)return;if(this.msgDelete!=""&&!force){w2confirm(obj.msgDelete,w2utils.lang("Delete Confirmation"),function(result){if(result=="Yes")w2ui[obj.name].delete(true)});return}var url=typeof this.url!="object"?this.url:this.url.remove;if(url){this.request("delete-records")}else{if(typeof recs[0]!="object"){this.remove.apply(this,recs)}else{for(var r in recs){var fld=this.columns[recs[r].column].field;var ind=this.get(recs[r].recid,true);if(ind!=null&&fld!="recid"){this.records[ind][fld]="";if(this.records[ind].changed)this.records[ind].changes[fld]=""}}this.refresh()}}this.trigger($.extend(eventData,{phase:"after"}))},click:function(recid,event){var time=(new Date).getTime();var column=null;if(typeof recid=="object"){column=recid.column;recid=recid.recid}if(w2utils.isInt(recid))recid=parseInt(recid);if(typeof event=="undefined")event={};if(time-parseInt(this.last.click_time)<250&&event.type=="click"){this.dblClick(recid,event);return}this.last.click_time=time;if(column==null&&event.target){var tmp=event.target;if(tmp.tagName!="TD")tmp=$(tmp).parents("td")[0];if(typeof $(tmp).attr("col")!="undefined")column=parseInt($(tmp).attr("col"))}var eventData=this.trigger({phase:"before",target:this.name,type:"click",recid:recid,column:column,originalEvent:event});if(eventData.isCancelled===true)return false;var parent=$("#grid_"+this.name+"_rec_"+w2utils.escapeId(recid)).parents("tr");if(parent.length>0&&String(parent.attr("id")).indexOf("expanded_row")!=-1){var grid=parent.parents(".w2ui-grid").attr("name");w2ui[grid].selectNone();parent.parents(".w2ui-grid").find(".w2ui-expanded-row .w2ui-grid").each(function(index,el){var grid=$(el).attr("name");if(w2ui[grid])w2ui[grid].selectNone()})}$(this.box).find(".w2ui-expanded-row .w2ui-grid").each(function(index,el){var grid=$(el).attr("name");if(w2ui[grid])w2ui[grid].selectNone()});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";if(event.shiftKey&&sel.length>0){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(sel[0],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 in selectColumns)sel_add.push({recid:this.records[i].recid,column:selectColumns[sc]})}}this.select.apply(this,sel_add)}else{if((!event.ctrlKey&&!event.shiftKey&&!event.metaKey||!this.multiSelect)&&!this.showSelectColumn){var flag=record.selected;if(this.selectType!="row"&&$.inArray(column,record.selectedColumns)==-1)flag=false;if(sel.length>300)this.selectNone();else this.unselect.apply(this,sel);if(flag===true){this.unselect({recid:recid,column:column})}else{this.select({recid:recid,column:column})}}else{var flag=record.selected;if(this.selectType!="row"&&$.inArray(column,record.selectedColumns)==-1)flag=false;if(flag===true){this.unselect({recid:recid,column:column})}else{this.select({recid:record.recid,column:column})}setTimeout(function(){if(window.getSelection)window.getSelection().removeAllRanges()},10)}}this.status();obj.last.selected=this.getSelection();obj.initResize();this.trigger($.extend(eventData,{phase:"after"}))},columnClick:function(field,event){var eventData=this.trigger({phase:"before",type:"columnClick",target:this.name,field:field,originalEvent:event});if(eventData.isCancelled===true)return false;this.sort(field,null,event&&(event.ctrlKey||event.metaKey)?true:false);this.trigger($.extend(eventData,{phase:"after"}))},keydown:function(event){var obj=this;if(obj.keyboard!==true)return;var eventData=obj.trigger({phase:"before",type:"keydown",target:obj.name,originalEvent:event});if(eventData.isCancelled===true)return false;var sel=obj.getSelection();if(sel.length==0)return;var records=$("#grid_"+obj.name+"_records");var recid=sel[0];var columns=[];var recid2=sel[sel.length-1];if(typeof recid=="object"){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_"+w2utils.escapeId(obj.records[ind].recid));var cancel=false;switch(event.keyCode){case 8:case 46:obj.delete();cancel=true;event.stopPropagation();break;case 27:var sel=obj.getSelection();obj.selectNone();if(sel.length>0){if(typeof sel[0]=="object"){obj.select({recid:sel[0].recid,column:sel[0].column})}else{obj.select(sel[0])}}cancel=true;break;case 13:case 32:if(columns.length==0)columns.push(0);obj.editField(recid,columns[0],null,event);cancel=true;break;case 65:if(!event.metaKey&&!event.ctrlKey)break;obj.selectAll();cancel=true;break;case 70:if(!event.metaKey&&!event.ctrlKey)break;$("#grid_"+obj.name+"_search_all").focus();cancel=true;break;case 13:if(this.selectType=="row"){if(recEL.length<=0||obj.show.expandColumn!==true)break;obj.toggle(recid,event);cancel=true}else{if(columns.length==0)columns.push(0);obj.editField(recid,columns[0],null,event);cancel=true}break;case 37:var parent=$("#grid_"+this.name+"_rec_"+w2utils.escapeId(obj.records[ind].recid)).parents("tr");if(parent.length>0&&String(parent.attr("id")).indexOf("expanded_row")!=-1){var recid=parent.prev().attr("recid");var grid=parent.parents(".w2ui-grid").attr("name");obj.selectNone();w2utils.keyboard.active(grid);w2ui[grid].set(recid,{expanded:false});w2ui[grid].collapse(recid);w2ui[grid].click(recid);cancel=true;break}if(this.selectType=="row"){if(recEL.length<=0||rec.expanded!==true)break;obj.set(recid,{expanded:false},true);obj.collapse(recid,event)}else{var prev=prevCell(columns[0]);if(prev!=columns[0]){if(event.shiftKey){if(tmpUnselect())return;var tmp=[];var newSel=[];var unSel=[];if(columns.indexOf(this.last.sel_col)==0&&columns.length>1){for(var i in sel){if(tmp.indexOf(sel[i].recid)==-1)tmp.push(sel[i].recid);unSel.push({recid:sel[i].recid,column:columns[columns.length-1]})}}else{for(var i in sel){if(tmp.indexOf(sel[i].recid)==-1)tmp.push(sel[i].recid);newSel.push({recid:sel[i].recid,column:prev})}}obj.unselect.apply(obj,unSel);obj.select.apply(obj,newSel)}else{obj.click({recid:recid,column:prev},event)}}else{if(!event.shiftKey){for(var s=1;s1){for(var i in sel){if(tmp.indexOf(sel[i].recid)==-1)tmp.push(sel[i].recid);unSel.push({recid:sel[i].recid,column:columns[0]})}}else{for(var i in sel){if(tmp.indexOf(sel[i].recid)==-1)tmp.push(sel[i].recid);newSel.push({recid:sel[i].recid,column:next})}}obj.unselect.apply(obj,unSel);obj.select.apply(obj,newSel)}else{obj.click({recid:recid,column:next},event)}}else{if(!event.shiftKey){for(var s=0;s0&&w2ui[subgrid.attr("name")]){obj.selectNone();var grid=subgrid.attr("name");var recs=w2ui[grid].records;w2utils.keyboard.active(grid);w2ui[grid].click(recs[recs.length-1].recid);cancel=true;break}}if(event.shiftKey){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 in columns)tmp.push({recid:obj.records[prev].recid,column:columns[c]});obj.unselect.apply(obj,tmp)}else{var tmp=[];for(var c in columns)tmp.push({recid:obj.records[prev].recid,column:columns[c]});obj.select.apply(obj,tmp)}}}else{obj.selectNone();obj.click({recid:obj.records[prev].recid,column:columns[0]},event)}obj.scrollIntoView(prev);if(event.preventDefault)event.preventDefault()}else{if(!event.shiftKey){for(var s=1;s0&&String(parent.attr("id")).indexOf("expanded_row")!=-1){var recid=parent.prev().attr("recid");var grid=parent.parents(".w2ui-grid").attr("name");obj.selectNone();w2utils.keyboard.active(grid);w2ui[grid].click(recid);cancel=true;break}}break;case 40:if(recEL.length<=0)break;if(obj.records[ind2].expanded){var subgrid=$("#grid_"+this.name+"_rec_"+w2utils.escapeId(obj.records[ind2].recid)+"_expanded_row").find(".w2ui-grid");if(subgrid.length>0&&w2ui[subgrid.attr("name")]){obj.selectNone();var grid=subgrid.attr("name");var recs=w2ui[grid].records;w2utils.keyboard.active(grid);w2ui[grid].click(recs[0].recid);cancel=true;break}}var next=nextRow(ind2);if(next!=null){if(event.shiftKey){if(tmpUnselect())return;if(obj.selectType=="row"){if(this.last.sel_ind0&&String(parent.attr("id")).indexOf("expanded_row")!=-1){var recid=parent.next().attr("recid");var grid=parent.parents(".w2ui-grid").attr("name");obj.selectNone();w2utils.keyboard.active(grid);w2ui[grid].click(recid);cancel=true;break}}break;case 86:if(event.ctrlKey||event.metaKey){$("body").append('');$("#_tmp_copy_data").focus();setTimeout(function(){obj.paste($("#_tmp_copy_data").val());$("#_tmp_copy_data").remove()},50)}break;case 88:if(event.ctrlKey||event.metaKey){setTimeout(function(){obj.delete(true)},100)}case 67:if(event.ctrlKey||event.metaKey){var text=obj.copy();$("body").append('");$("#_tmp_copy_data").focus().select();setTimeout(function(){$("#_tmp_copy_data").remove()},50)}break}var tmp=[187,189];for(var i=48;i<=90;i++)tmp.push(i);if(tmp.indexOf(event.keyCode)!=-1&&!event.ctrlKey&&!event.metaKey&&!cancel){if(columns.length==0)columns.push(0);var tmp=String.fromCharCode(event.keyCode);if(event.keyCode==187)tmp="=";if(event.keyCode==189)tmp="-";if(!event.shiftKey)tmp=tmp.toLowerCase();obj.editField(recid,columns[0],tmp,event);cancel=true}if(cancel){if(event.preventDefault)event.preventDefault()}obj.trigger($.extend(eventData,{phase:"after"}));function nextRow(ind){if(ind+10&&ind0){while(true){if($.inArray(ind,obj.last.searchIds)!=-1||ind>obj.records.length)break;ind++}}return ind}else{return null}}function prevRow(ind){if(ind>0&&obj.last.searchIds.length==0||obj.last.searchIds.length>0&&ind>obj.last.searchIds[0]){ind--;if(obj.last.searchIds.length>0){while(true){if($.inArray(ind,obj.last.searchIds)!=-1||ind<0)break;ind--}}return ind}else{return null}}function nextCell(check){var newCheck=check+1;if(obj.columns.length==newCheck)return check;if(obj.columns[newCheck].hidden)return findNext(newCheck);return newCheck}function prevCell(check){var newCheck=check-1;if(newCheck<0)return check;if(obj.columns[newCheck].hidden)return findPrev(newCheck);return newCheck}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 in sel){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){if(typeof ind=="undefined"){var sel=this.getSelection();if(sel.length==0)return;ind=this.get(sel[0],true)}var records=$("#grid_"+this.name+"_records");if(records.length==0)return;var len=this.last.searchIds.length;if(records.height()>this.recordHeight*(len>0?len:this.records.length))return;if(len>0)ind=this.last.searchIds.indexOf(ind);var t1=Math.floor(records[0].scrollTop/this.recordHeight);var t2=t1+Math.floor(records.height()/this.recordHeight);if(ind==t1)records.animate({scrollTop:records.scrollTop()-records.height()/1.3});if(ind==t2)records.animate({scrollTop:records.scrollTop()+records.height()/1.3});if(indt2)records.animate({scrollTop:(ind-1)*this.recordHeight})},dblClick:function(recid,event){if(window.getSelection)window.getSelection().removeAllRanges();var column=null;if(typeof recid=="object"){column=recid.column;recid=recid.recid}if(typeof event=="undefined")event={};if(column==null&&event.target){var tmp=event.target;if(tmp.tagName!="TD")tmp=$(tmp).parents("td")[0];column=parseInt($(tmp).attr("col"))}var eventData=this.trigger({phase:"before",target:this.name,type:"dblClick",recid:recid,column:column,originalEvent:event});if(eventData.isCancelled===true)return false;this.selectNone();var col=this.columns[column];if(col&&$.isPlainObject(col.editable)){this.editField(recid,column,null,event)}else{this.select({recid:recid,column:column});this.last.selected=this.getSelection()}this.trigger($.extend(eventData,{phase:"after"}))},toggle:function(recid){var rec=this.get(recid);if(rec.expanded===true)return this.collapse(recid);else return this.expand(recid)},expand:function(recid){var rec=this.get(recid);var obj=this;var id=w2utils.escapeId(recid);if($("#grid_"+this.name+"_rec_"+id+"_expanded_row").length>0)return false;if(rec.expanded=="none")return false;var tmp=1+(this.show.selectColumn?1:0);var addClass="";$("#grid_"+this.name+"_rec_"+id).after(''+(this.show.lineNumbers?''+' '+" "+" ");var eventData=this.trigger({phase:"before",type:"expand",target:this.name,recid:recid,box_id:"grid_"+this.name+"_rec_"+id+"_expanded",ready:ready});if(eventData.isCancelled===true){$("#grid_"+this.name+"_rec_"+id+"_expanded_row").remove();return false}$("#grid_"+this.name+"_rec_"+id).attr("expanded","yes").addClass("w2ui-expanded");$("#grid_"+this.name+"_rec_"+id+"_expanded_row").show();$("#grid_"+this.name+"_cell_"+this.get(recid,true)+"_expand div").html('');rec.expanded=true;setTimeout(ready,300);function ready(){var div1=$("#grid_"+obj.name+"_rec_"+id+"_expanded");var div2=$("#grid_"+obj.name+"_rec_"+id+"_expanded_row .w2ui-expanded1 > div");if(div1.height()<5)return;div1.css("opacity",1);div2.show().css("opacity",1);$("#grid_"+obj.name+"_cell_"+obj.get(recid,true)+"_expand div").html("-")}this.trigger($.extend(eventData,{phase:"after"}));this.resizeRecords();return true},collapse:function(recid){var rec=this.get(recid);var obj=this;var id=w2utils.escapeId(recid);if($("#grid_"+this.name+"_rec_"+id+"_expanded_row").length==0)return false;var eventData=this.trigger({phase:"before",type:"collapse",target:this.name,recid:recid,box_id:"grid_"+this.name+"_rec_"+id+"_expanded"});if(eventData.isCancelled===true)return false;$("#grid_"+this.name+"_rec_"+id).removeAttr("expanded").removeClass("w2ui-expanded");$("#grid_"+this.name+"_rec_"+id+"_expanded").css("opacity",0);$("#grid_"+this.name+"_cell_"+this.get(recid,true)+"_expand div").html("+");setTimeout(function(){$("#grid_"+obj.name+"_rec_"+id+"_expanded").height("0px");setTimeout(function(){$("#grid_"+obj.name+"_rec_"+id+"_expanded_row").remove();delete rec.expanded;obj.trigger($.extend(eventData,{phase:"after"}));obj.resizeRecords()},300)},200);return true},sort:function(field,direction,multiField){var eventData=this.trigger({phase:"before",type:"sort",target:this.name,field:field,direction:direction,multiField:multiField});if(eventData.isCancelled===true)return false;if(typeof field!="undefined"){var sortIndex=this.sortData.length;for(var s in this.sortData){if(this.sortData[s].field==field){sortIndex=s;break}}if(typeof direction=="undefined"||direction==null){if(typeof this.sortData[sortIndex]=="undefined"){direction="asc"}else{switch(String(this.sortData[sortIndex].direction)){case"asc":direction="desc";break;case"desc":direction="asc";break;default:direction="asc";break}}}if(this.multiSort===false){this.sortData=[];sortIndex=0}if(multiField!=true){this.sortData=[];sortIndex=0}if(typeof this.sortData[sortIndex]=="undefined")this.sortData[sortIndex]={};this.sortData[sortIndex].field=field;this.sortData[sortIndex].direction=direction}else{this.sortData=[]}var url=typeof this.url!="object"?this.url:this.url.get;if(!url){this.localSort();if(this.searchData.length>0)this.localSearch(true);this.trigger($.extend(eventData,{phase:"after"}));this.refresh()}else{this.trigger($.extend(eventData,{phase:"after"}));this.last.xhr_offset=0;this.reload()}},copy:function(){var sel=this.getSelection();if(sel.length==0)return"";var text="";if(typeof sel[0]=="object"){var minCol=sel[0].column;var maxCol=sel[0].column;var recs=[];for(var s in sel){if(sel[s].columnmaxCol)maxCol=sel[s].column;if(recs.indexOf(sel[s].index)==-1)recs.push(sel[s].index)}recs.sort();for(var r in recs){var ind=recs[r];for(var c=minCol;c<=maxCol;c++){var col=this.columns[c];if(col.hidden===true)continue;text+=w2utils.stripTags(this.getCellHTML(ind,c))+" "}text=text.substr(0,text.length-1);text+="\n"}}else{for(var s in sel){var ind=this.get(sel[s],true);for(var c in this.columns){var col=this.columns[c];if(col.hidden===true)continue;text+=w2utils.stripTags(this.getCellHTML(ind,c))+" "}text=text.substr(0,text.length-1);text+="\n"}}text=text.substr(0,text.length-1);var eventData=this.trigger({phase:"before",type:"copy",target:this.name,text:text});if(eventData.isCancelled===true)return"";text=eventData.text;this.trigger($.extend(eventData,{phase:"after"}));return text},paste:function(text){var sel=this.getSelection();var ind=this.get(sel[0].recid,true);var col=sel[0].column;var eventData=this.trigger({phase:"before",type:"paste",target:this.name,text:text,index:ind,column:col});if(eventData.isCancelled===true)return;text=eventData.text;if(this.selectType=="row"||sel.length==0){console.log("ERROR: You can paste only if grid.selectType = 'cell' and when at least one cell selected.");this.trigger($.extend(eventData,{phase:"after"}));return}var newSel=[];var text=text.split("\n");for(var t in text){var tmp=text[t].split(" ");var cnt=0;var rec=this.records[ind];var cols=[];for(var dt in tmp){if(!this.columns[col+cnt])continue;
+var field=this.columns[col+cnt].field;rec.changed=true;rec.changes=rec.changes||{};rec.changes[field]=tmp[dt];cols.push(col+cnt);cnt++}for(var c in cols)newSel.push({recid:rec.recid,column:cols[c]});ind++}this.selectNone();this.select.apply(this,newSel);this.refresh();this.trigger($.extend(eventData,{phase:"after"}))},resize:function(){var obj=this;var time=(new Date).getTime();if(window.getSelection)window.getSelection().removeAllRanges();if(!this.box||$(this.box).attr("name")!=this.name)return;$(this.box).find("> div").css("width",$(this.box).width()).css("height",$(this.box).height());var eventData=this.trigger({phase:"before",type:"resize",target:this.name});if(eventData.isCancelled===true)return false;obj.resizeBoxes();obj.resizeRecords();this.trigger($.extend(eventData,{phase:"after"}));return(new Date).getTime()-time},refresh:function(){var obj=this;var time=(new Date).getTime();var url=typeof this.url!="object"?this.url:this.url.get;if(this.total<=0&&!url&&this.searchData.length==0){this.total=this.records.length;this.buffered=this.total}if(window.getSelection)window.getSelection().removeAllRanges();this.toolbar.disable("edit","delete");if(!this.box)return;var eventData=this.trigger({phase:"before",target:this.name,type:"refresh"});if(eventData.isCancelled===true)return false;if(this.show.header){$("#grid_"+this.name+"_header").html(this.header+" ").show()}else{$("#grid_"+this.name+"_header").hide()}if(this.show.toolbar){if(this.toolbar&&this.toolbar.get("column-on-off")&&this.toolbar.get("column-on-off").checked){}else{$("#grid_"+this.name+"_toolbar").show();if(typeof this.toolbar=="object"){this.toolbar.refresh();var tmp=$("#grid_"+obj.name+"_search_all");tmp.val(this.last.search)}}}else{$("#grid_"+this.name+"_toolbar").hide()}this.searchClose();var searchEl=$("#grid_"+obj.name+"_search_all");if(this.searches.length==0){this.last.field="all"}if(!this.multiSearch&&this.last.field=="all"&&this.searches.length>0){this.last.field=this.searches[0].field;this.last.caption=this.searches[0].caption}for(var s in this.searches){if(this.searches[s].field==this.last.field)this.last.caption=this.searches[s].caption}if(this.last.multi){searchEl.attr("placeholder","["+w2utils.lang("Multiple Fields")+"]")}else{searchEl.attr("placeholder",this.last.caption)}if(this._focus_when_refreshed===true){clearTimeout(obj._focus_timer);obj._focus_timer=setTimeout(function(){if(searchEl.length>0){searchEl[0].focus()}delete obj._focus_when_refreshed;delete obj._focus_timer},600)}var tmp=this.find({summary:true},true);if(tmp.length>0){for(var t in tmp)this.summary.push(this.records[tmp[t]]);for(var t=tmp.length-1;t>=0;t--)this.records.splice(tmp[t],1);this.total=this.total-tmp.length;this.buffered=this.buffered-tmp.length}var bodyHTML="";bodyHTML+='';if(this.show.lineNumbers)html+=' ";$("#grid_"+this.name+"_records > table").append(html)}}}if(body.length>0){var width_max=parseInt(body.width())-(bodyOverflowY?w2utils.scrollBarSize():0)-(this.show.lineNumbers?34:0)-(this.show.selectColumn?26:0)-(this.show.expandColumn?26:0);var width_box=width_max;var percent=0;var restart=false;for(var i=0;iwidth_box&&col.hidden!==true){col.hidden=true;restart=true}if(col.gridMinWidth0){for(var i=0;iparseInt(col.max))col.sizeCalculated=col.max+"px";width_cols+=parseInt(col.sizeCalculated)}var width_diff=parseInt(width_box)-parseInt(width_cols);if(width_diff>0&&percent>0){var i=0;while(true){var col=this.columns[i];if(typeof col=="undefined"){i=0;continue}if(col.hidden||col.sizeType=="px"){i++;continue}col.sizeCalculated=parseInt(col.sizeCalculated)+1+"px";width_diff--;if(width_diff==0)break;i++}}else if(width_diff>0){columns.find("> table > tbody > tr:nth-child(1) td.w2ui-head-last").css("width",w2utils.scrollBarSize()).show()}columns.find("> table > tbody > tr:nth-child(1) td").each(function(index,el){var ind=$(el).attr("col");if(typeof ind!="undefined"&&obj.columns[ind])$(el).css("width",obj.columns[ind].sizeCalculated);if($(el).hasClass("w2ui-head-last")){$(el).css("width",w2utils.scrollBarSize()+(width_diff>0&&percent==0?width_diff:0)+"px")}});if(columns.find("> table > tbody > tr").length==3){columns.find("> table > tbody > tr:nth-child(1) td").html("").css({height:"0px",border:"0px",padding:"0px",margin:"0px"})}records.find("> table > tbody > tr:nth-child(1) td").each(function(index,el){var ind=$(el).attr("col");if(typeof ind!="undefined"&&obj.columns[ind])$(el).css("width",obj.columns[ind].sizeCalculated);if($(el).hasClass("w2ui-grid-data-last")){$(el).css("width",(width_diff>0&&percent==0?width_diff:0)+"px")}});summary.find("> table > tbody > tr:nth-child(1) td").each(function(index,el){var ind=$(el).attr("col");if(typeof ind!="undefined"&&obj.columns[ind])$(el).css("width",obj.columns[ind].sizeCalculated);if($(el).hasClass("w2ui-grid-data-last")){$(el).css("width",w2utils.scrollBarSize()+(width_diff>0&&percent==0?width_diff:0)+"px")}});this.initResize();this.refreshRanges();if(this.last.scrollTop!=""&&records.length>0){columns.prop("scrollLeft",this.last.scrollLeft);records.prop("scrollTop",this.last.scrollTop);records.prop("scrollLeft",this.last.scrollLeft)}},getSearchesHTML:function(){var html='';var showBtn=false;for(var i=0;i
";return html},getColumnsHTML:function(){var obj=this;var html="";if(this.show.columnHeaders){if(this.columnGroups.length>0){html=getColumns(true)+getGroups()+getColumns(false)}else{html=getColumns(true)}}return html;function getGroups(){var html="";if(obj.columnGroups[obj.columnGroups.length-1].caption!="")obj.columnGroups.push({caption:""});if(obj.show.lineNumbers){html+=''+" "+" "}if(obj.show.selectColumn){html+=''+" "+" "}if(obj.show.expandColumn){html+=''+" "+" "}var ii=0;for(var i=0;i'}html+='"+resizer+' "
+}else{html+=''+' "}ii+=colg.span}html+=" ";return html}function getColumns(master){var html="";if(obj.show.lineNumbers){html+='"+" "}if(obj.show.selectColumn){html+=''+" "}if(obj.show.expandColumn){html+=''+" "+" "}var ii=0;var id=0;for(var i=0;i'}html+='"+resizer+' "}}html+=' ';html+=" ";return html}},getRecordsHTML:function(){if(this.buffered>300)this.show_extra=30;else this.show_extra=300;var records=$("#grid_"+this.name+"_records");var limit=Math.floor(records.height()/this.recordHeight)+this.show_extra+1;if(!this.fixedBody)limit=this.buffered;var html=""+this.getRecordHTML(-1,0);html+='
";this.last.range_start=0;this.last.range_end=limit;return html},getSummaryHTML:function(){if(this.summary.length==0)return;var html="";for(var i=0;i
'+
+ ' '+
+ '
'+
+ ''+ msg +'
'+
+ ' '+
+ '
',
+ onClose : function () {
+ if (typeof callBack == 'function') callBack();
+ }
+ });
+ } else {
+ w2popup.open({
+ width : 450,
+ height : 200,
+ showMax : false,
+ title : title,
+ body : '' + msg +'
'+
+ ' '+
+ '
'+
+ ''+ msg +'
'+
+ ' '+
+ ' '+
+ '
',
+ onOpen: function () {
+ $('#w2ui-popup .w2ui-popup-message .w2ui-popup-button').on('click', function (event) {
+ w2popup.message();
+ if (typeof callBack == 'function') callBack(event.target.id);
+ });
+ },
+ onKeydown: function (event) {
+ switch (event.originalEvent.keyCode) {
+ case 13: // enter
+ if (typeof callBack == 'function') callBack('Yes');
+ w2popup.message();
+ break
+ case 27: // esc
+ if (typeof callBack == 'function') callBack('No');
+ w2popup.message();
+ break
+ }
+ }
+ });
+ } else {
+ w2popup.open({
+ width : 450,
+ height : 200,
+ title : title,
+ modal : true,
+ showClose : false,
+ body : '' + msg +'
' + tab.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; -moz-opacity: 0.2; -webkit-opacity: 0.2; -o-opacity: 0.2; filter:alpha(opacity=20);'; }
+ html = '| '+ this.right +' |
'+
+ '
'+
+ '
';
+ $('body').append(tmp);
+ // create dummy element
+ tabHTML = '| '+
+ (tab.closable ? '' : '') +
+ ' '+ tab.text +' '+
+ ' |
| '; + } else { + html += ''; + } + } + html += ' | '+ this.right +' | '; + html += '
'+
+ '
|
| ' + item.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
+ if (this.topHTML != '') {
+ $(this.box).find('.w2ui-sidebar-top').html(this.topHTML);
+ $(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');
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ // ---
+ this.refresh();
+ },
+
+ refresh: function (id) {
+ var time = (new Date()).getTime();
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'refresh', target: (typeof id != 'undefined' ? id : this.name) });
+ if (eventData.isCancelled === true) return false;
+ // adjust top and bottom
+ if (this.topHTML != '') {
+ $(this.box).find('.w2ui-sidebar-top').html(this.topHTML);
+ $(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').css({
+ width : $(this.box).width() + 'px',
+ height : $(this.box).height() + 'px'
+ });
+ var obj = this;
+ if (typeof id == 'undefined') {
+ var node = this;
+ var nm = '.w2ui-sidebar-div';
+ } else {
+ var node = this.get(id);
+ if (node == null) return;
+ var nm = '#node_'+ w2utils.escapeId(node.id) + '_sub';
+ }
+ if (node != this) {
+ var tmp = '#node_'+ w2utils.escapeId(node.id);
+ var 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++) {
+ var nodeHTML = getNodeHTML(node.nodes[i]);
+ $(this.box).find(nm).append(nodeHTML);
+ if (node.nodes[i].nodes.length != 0) { this.refresh(node.nodes[i].id); }
+ }
+ // event after
+ this.trigger($.extend(eventData, { 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 (typeof nd.caption != 'undefined') nd.text = nd.caption;
+ if (nd.group) {
+ html =
+ ''+
+ ' '+ (!nd.hidden && nd.expanded ? w2utils.lang('Hide') : w2utils.lang('Show')) +''+
+ ' '+ nd.text +''+
+ '
'+
+ '';
+ } else {
+ if (nd.selected && !nd.disabled) obj.selected = nd.id;
+ var tmp = '';
+ if (img) tmp = '';
+ if (icon) tmp = '';
+ html =
+ ''+
+ '';
+ }
+ return html;
+ }
+ },
+
+ resize: function () {
+ var time = (new Date()).getTime();
+ if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'resize', target: this.name });
+ if (eventData.isCancelled === true) return false;
+ // default action
+ $(this.box).css('overflow', 'hidden'); // container should have no overflow
+ //$(this.box).find('.w2ui-sidebar-div').css('overflow', 'hidden');
+ $(this.box).find('> div').css({
+ width : $(this.box).width() + 'px',
+ height : $(this.box).height() + 'px'
+ });
+ //$(this.box).find('.w2ui-sidebar-div').css('overflow', 'auto');
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ return (new Date()).getTime() - time;
+ },
+
+ destroy: function () {
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'destroy', target: this.name });
+ if (eventData.isCancelled === true) return false;
+ // 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(eventData, { phase: 'after' }));
+ },
+
+ lock: function (msg, showSpinner) {
+ var box = $(this.box).find('> div:first-child');
+ w2utils.lock(box, msg, showSpinner);
+ },
+
+ unlock: function () {
+ w2utils.unlock(this.box);
+ }
+ }
+
+ $.extend(w2sidebar.prototype, w2utils.event);
+ w2obj.sidebar = w2sidebar;
+})();
+/************************************************************************
+* 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 ==
+* - select - for select, list - for drop down (needs this in grid)
+* - enum add events: onLoad, onRequest, onCompare, onSelect, onDelete, onClick for already selected elements
+* - upload (regular files)
+* - enum - refresh happens on each key press even if not needed (for speed)
+* - BUG with prefix/postfix and arrows (test in different contexts)
+* - multiple date selection
+* - rewrire everythin in objects (w2ftext, w2fenum, w2fdate)
+* - render calendar to the div
+*
+************************************************************************/
+
+(function ($) {
+
+ /* SINGELTON PATTERN */
+
+ var w2field = new (function () {
+ this.customTypes = [];
+ });
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2field = function(method) {
+ // Method calling logic
+ if (w2field[method]) {
+ return w2field[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+ } else if ( typeof method === 'object') {
+ return w2field.init.apply( this, arguments );
+ } else if ( typeof method === 'string') {
+ return w2field.init.apply( this, [{ type: method }] );
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2field');
+ }
+ };
+
+ $.extend(w2field, {
+ // CONTEXT: this - is jQuery object
+ init: function (options) {
+ var obj = w2field;
+ return $(this).each(function (field, index) {
+ // Check for Custom Types
+ if (typeof w2field.customTypes[options.type.toLowerCase()] == 'function') {
+ w2field.customTypes[options.type.toLowerCase()].call(this, options);
+ return;
+ }
+ // Common Types
+ var tp = options.type.toLowerCase();
+ switch (tp) {
+
+ case 'clear': // removes any previous field type
+ $(this)
+ .off('focus')
+ .off('blur')
+ .off('keypress')
+ .off('keydown')
+ .off('change')
+ .removeData(); // removes all attached data
+ if ($(this).prev().hasClass('w2ui-list')) { // if enum
+ $(this).prev().remove();
+ $(this).removeAttr('tabindex').css('border-color', '').show();
+ }
+ if ($(this).prev().hasClass('w2ui-upload')) { // if upload
+ $(this).prev().remove();
+ $(this).removeAttr('tabindex').css('border-color', '').show();
+ }
+ if ($(this).prev().hasClass('w2ui-field-helper')) { // helpers
+ $(this).css('padding-left', $(this).css('padding-top'));
+ $(this).prev().remove();
+ }
+ if ($(this).next().hasClass('w2ui-field-helper')) { // helpers
+ $(this).css('padding-right', $(this).css('padding-top'));
+ $(this).next().remove();
+ }
+ if ($(this).next().hasClass('w2ui-field-helper')) { // helpers
+ $(this).next().remove();
+ }
+ break;
+
+ case 'text':
+ case 'int':
+ case 'float':
+ case 'money':
+ case 'alphanumeric':
+ case 'hex':
+ var el = this;
+ var defaults = {
+ min : null,
+ max : null,
+ arrows : false,
+ keyboard: true,
+ suffix : '',
+ prefix : ''
+ }
+ options = $.extend({}, defaults, options);
+ if (['text', 'alphanumeric', 'hex'].indexOf(tp) != -1) {
+ options.arrows = false;
+ options.keyboard = false;
+ }
+ // init events
+ $(this)
+ .data('options', options)
+ .on('keypress', function (event) { // keyCode & charCode differ in FireFox
+ if (event.metaKey || event.ctrlKey || event.altKey || (event.charCode != event.keyCode && event.keyCode > 0)) return;
+ if (event.keyCode == 13) $(this).change();
+ var ch = String.fromCharCode(event.charCode);
+ if (!checkType(ch, true)) {
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ return false;
+ }
+ })
+ .on('keydown', function (event, extra) {
+ if (!options.keyboard) return;
+ var cancel = false;
+ var v = $(el).val();
+ if (!checkType(v)) v = options.min || 0; else v = parseFloat(v);
+ var key = event.keyCode || extra.keyCode;
+ var inc = 1;
+ if (event.ctrlKey || event.metaKey) inc = 10;
+ switch (key) {
+ case 38: // up
+ $(el).val((v + inc <= options.max || options.max == null ? v + inc : options.max)).change();
+ if (tp == 'money') $(el).val( Number($(el).val()).toFixed(2) );
+ cancel = true;
+ break;
+ case 40: // down
+ $(el).val((v - inc >= options.min || options.min == null ? v - inc : options.min)).change();
+ if (tp == 'money') $(el).val( Number($(el).val()).toFixed(2) );
+ cancel = true;
+ break;
+ }
+ if (cancel) {
+ event.preventDefault();
+ // set cursor to the end
+ setTimeout(function () { el.setSelectionRange(el.value.length, el.value.length); }, 0);
+ }
+ })
+ .on('change', function (event) {
+ // check max/min
+ var v = $(el).val();
+ var cancel = false;
+ if (options.min != null && v != '' && v < options.min) { $(el).val(options.min).change(); cancel = true; }
+ if (options.max != null && v != '' && v > options.max) { $(el).val(options.max).change(); cancel = true; }
+ if (cancel) {
+ event.stopPropagation();
+ event.preventDefault();
+ return false;
+ }
+ // check validity
+ if (this.value != '' && !checkType(this.value)) $(this).val(options.min != null ? options.min : '');
+ });
+ if ($(this).val() == '' && options.min != null) $(this).val(options.min);
+ if (options.prefix != '') {
+ $(this).before(
+ '
'+
+ options.prefix +
+ '
');
+ var helper = $(this).prev();
+ helper
+ .css({
+ 'color' : $(this).css('color'),
+ 'font-family' : $(this).css('font-family'),
+ 'font-size' : $(this).css('font-size'),
+ 'padding-top' : $(this).css('padding-top'),
+ 'padding-bottom': $(this).css('padding-bottom'),
+ 'padding-left' : $(this).css('padding-left'),
+ 'padding-right' : 0,
+ 'margin-top' : (parseInt($(this).css('margin-top')) + 1) + 'px',
+ 'margin-bottom' : (parseInt($(this).css('margin-bottom')) + 1) + 'px',
+ 'margin-left' : 0,
+ 'margin-right' : 0
+ })
+ .on('click', function () {
+ $(this).next().focus();
+ });
+ $(this).css('padding-left', (helper.width() + parseInt($(this).css('padding-left')) + 5) + 'px');
+ }
+ var pr = parseInt($(this).css('padding-right'));
+ if (options.arrows != '') {
+ $(this).after(
+ ' '+
+ '
');
+ var height = w2utils.getSize(this, 'height');
+ var helper = $(this).next();
+ helper
+ .css({
+ 'color' : $(this).css('color'),
+ 'font-family' : $(this).css('font-family'),
+ 'font-size' : $(this).css('font-size'),
+ 'height' : ($(this).height() + parseInt($(this).css('padding-top')) + parseInt($(this).css('padding-bottom')) ) + 'px',
+ 'padding' : '0px',
+ 'margin-top' : (parseInt($(this).css('margin-top')) + 1) + 'px',
+ 'margin-bottom' : '0px',
+ 'border-left' : '1px solid silver'
+ })
+ .css('margin-left', '-'+ (helper.width() + parseInt($(this).css('margin-right')) + 12) + 'px')
+ .on('mousedown', function (event) {
+ var btn = this;
+ var evt = event;
+ $('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) {
+ $(el).focus().trigger($.Event("keydown"), {
+ keyCode : ($(evt.target).attr('type') == 'up' ? 38 : 40)
+ });
+ if (notimer !== false) $('body').data('_field_update_timer', setTimeout(update, 60));
+ };
+ });
+ pr += helper.width() + 12;
+ $(this).css('padding-right', pr + 'px');
+ }
+ if (options.suffix != '') {
+ $(this).after(
+ ''+
+ ' '+
+ '
'+
+ ' '+
+ ' '+
+ '
'+
+ ' '+
+ ''+
+ options.suffix +
+ '
');
+ var helper = $(this).next();
+ helper
+ .css({
+ 'color' : $(this).css('color'),
+ 'font-family' : $(this).css('font-family'),
+ 'font-size' : $(this).css('font-size'),
+ 'padding-top' : $(this).css('padding-top'),
+ 'padding-bottom': $(this).css('padding-bottom'),
+ 'padding-left' : '3px',
+ 'padding-right' : $(this).css('padding-right'),
+ 'margin-top' : (parseInt($(this).css('margin-top')) + 1) + 'px',
+ 'margin-bottom' : (parseInt($(this).css('margin-bottom')) + 1) + 'px'
+ })
+ .on('click', function () {
+ $(this).prev().focus();
+ });
+ helper.css('margin-left', '-'+ (helper.width() + parseInt($(this).css('padding-right')) + 5) + 'px');
+ pr += helper.width() + 3;
+ $(this).css('padding-right', pr + 'px');
+ }
+
+ function checkType(ch, loose) {
+ switch (tp) {
+ case 'int':
+ if (loose && ['-'].indexOf(ch) != -1) return true;
+ return w2utils.isInt(ch);
+ break;
+ case 'float':
+ if (loose && ['-','.'].indexOf(ch) != -1) return true;
+ return w2utils.isFloat(ch);
+ break;
+ case 'money':
+ if (loose && ['-','.','$','€','£','¥'].indexOf(ch) != -1) return true;
+ return w2utils.isMoney(ch);
+ break;
+ case 'hex':
+ return w2utils.isHex(ch);
+ break;
+ case 'alphanumeric':
+ return w2utils.isAlphaNumeric(ch);
+ break;
+ }
+ return true;
+ }
+ break;
+
+ case 'date':
+ var obj = this;
+ var defaults = {
+ format : w2utils.settings.date_format, // date format
+ start : '', // start of selectable range
+ end : '', // end of selectable range
+ blocked : {}, // {'4/11/2011': 'yes'}
+ colored : {} // {'4/11/2011': 'red:white'}
+ }
+ options = $.extend({}, defaults, options);
+ // -- insert div for calendar
+ $(this) // remove transtion needed for functionality
+ .css( { 'transition': 'none', '-webkit-transition': 'none', '-moz-transition': 'none', '-ms-transition': 'none', '-o-transition': 'none' })
+ .data("options", options)
+ .on('focus', function () {
+ var top = parseFloat($(obj).offset().top) + parseFloat(obj.offsetHeight);
+ var left = parseFloat($(obj).offset().left);
+ clearInterval($(obj).data('mtimer'));
+ $('#global_calendar_div').remove();
+ $('body').append(''+
+ '
');
+ $('#global_calendar_div')
+ .html($().w2field('calendar_get', obj.value, options))
+ .css({
+ left: left + 'px',
+ top: top + 'px'
+ })
+ .data('el', obj)
+ .show();
+ var max = $(window).width() + $(document).scrollLeft() - 1;
+ if (left + $('#global_calendar_div').width() > max) {
+ $('#global_calendar_div').css('left', (max - $('#global_calendar_div').width()) + 'px');
+ }
+ // monitors
+ var mtimer = setInterval(function () {
+ var max = $(window).width() + $(document).scrollLeft() - 1;
+ var left = $(obj).offset().left;
+ if (left + $('#global_calendar_div').width() > max) left = max - $('#global_calendar_div').width();
+ // monitor if moved
+ if ($('#global_calendar_div').data('position') != ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight)) {
+ $('#global_calendar_div').css({
+ '-webkit-transition': '.2s',
+ left: left + 'px',
+ top : ($(obj).offset().top + obj.offsetHeight) + 'px'
+ }).data('position', ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight));
+ }
+ // monitor if destroyed
+ if ($(obj).length == 0 || ($(obj).offset().left == 0 && $(obj).offset().top == 0)) {
+ clearInterval(mtimer);
+ $('#global_calendar_div').remove();
+ return;
+ }
+ }, 100);
+ $(obj).data('mtimer', mtimer);
+ })
+ .on('blur', function (event) {
+ // trim empty spaces
+ $(obj).val($.trim($(obj).val()));
+ // check if date is valid
+ if ($.trim($(obj).val()) != '' && !w2utils.isDate($(obj).val(), options.format)) {
+ $(this).w2tag(w2utils.lang('Not a valid date') + ': '+ options.format);
+ }
+ clearInterval($(obj).data('mtimer'));
+ $('#global_calendar_div').remove();
+ })
+ .on('keypress', function (event) {
+ var obj = this;
+ setTimeout(function () {
+ $('#global_calendar_div').html( $().w2field('calendar_get', obj.value, options) );
+ }, 10);
+ });
+ setTimeout(function () {
+ // if it is unix time - convert to readable date
+ if (w2utils.isInt(obj.value)) obj.value = w2utils.formatDate(obj.value, options.format);
+ }, 1);
+ break;
+
+ case 'time':
+ break;
+
+ case 'datetime':
+ break;
+
+ case 'color':
+ var obj = this;
+ var defaults = {
+ prefix : '#',
+ suffix : ''
+ }
+ options = $.extend({}, defaults, options);
+ // -- insert div for color
+ $(this)
+ .attr('maxlength', 6)
+ .on('focus', function () {
+ var top = parseFloat($(obj).offset().top) + parseFloat(obj.offsetHeight);
+ var left = parseFloat($(obj).offset().left);
+ clearInterval($(obj).data('mtimer'));
+ $('#global_color_div').remove();
+ $('body').append(''+
+ '
');
+ $('#global_color_div')
+ .html($().w2field('getColorHTML', obj.value))
+ .css({
+ left: left + 'px',
+ top: top + 'px'
+ })
+ .data('el', obj)
+ .show();
+ var max = $(window).width() + $(document).scrollLeft() - 1;
+ if (left + $('#global_color_div').width() > max) {
+ $('#global_color_div').css('left', (max - $('#global_color_div').width()) + 'px');
+ }
+ // monitors
+ var mtimer = setInterval(function () {
+ var max = $(window).width() + $(document).scrollLeft() - 1;
+ var left = $(obj).offset().left;
+ if (left + $('#global_color_div').width() > max) left = max - $('#global_color_div').width();
+ // monitor if moved
+ if ($('#global_color_div').data('position') != ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight)) {
+ $('#global_color_div').css({
+ '-webkit-transition': '.2s',
+ left: left + 'px',
+ top : ($(obj).offset().top + obj.offsetHeight) + 'px'
+ }).data('position', ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight));
+ }
+ // monitor if destroyed
+ if ($(obj).length == 0 || ($(obj).offset().left == 0 && $(obj).offset().top == 0)) {
+ clearInterval(mtimer);
+ $('#global_color_div').remove();
+ return;
+ }
+ }, 100);
+ $(obj).data('mtimer', mtimer);
+ })
+ .on('click', function () {
+ $(this).trigger('focus');
+ })
+ .on('blur', function (event) {
+ // trim empty spaces
+ $(obj).val($.trim($(obj).val()));
+ clearInterval($(obj).data('mtimer'));
+ $('#global_color_div').remove();
+ })
+ .on('keydown', function (event) { // need this for cut/paster
+ if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) {
+ var obj = this;
+ $(this).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);
+ }
+ })
+ .on('keyup', function (event) {
+ if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) $(this).prop('maxlength', 6);
+ })
+ .on('keypress', function (event) { // keyCode & charCode differ in FireFox
+ if (event.keyCode == 13) $(this).change();
+ //if (event.ct)
+ var ch = String.fromCharCode(event.charCode);
+ if (!w2utils.isHex(ch, true)) {
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ return false;
+ }
+ })
+ .on('change', function (event) {
+ var color = '#' + $(this).val();
+ if ($(this).val().length != 6 && $(this).val().length != 3) color = '';
+ $(this).next().find('div').css('background-color', color);
+ });
+ if (options.prefix != '') {
+ $(this).before(
+ ''+
+ options.prefix +
+ '
');
+ var helper = $(this).prev();
+ helper
+ .css({
+ 'color' : $(this).css('color'),
+ 'font-family' : $(this).css('font-family'),
+ 'font-size' : $(this).css('font-size'),
+ 'padding-top' : $(this).css('padding-top'),
+ 'padding-bottom': $(this).css('padding-bottom'),
+ 'padding-left' : $(this).css('padding-left'),
+ 'padding-right' : 0,
+ 'margin-top' : (parseInt($(this).css('margin-top')) + 1) + 'px',
+ 'margin-bottom' : (parseInt($(this).css('margin-bottom')) + 1) + 'px',
+ 'margin-left' : 0,
+ 'margin-right' : 0
+ })
+ .on('click', function () {
+ $(this).next().focus();
+ });
+ $(this).css('padding-left', (helper.width() + parseInt($(this).css('padding-left')) + 2) + 'px');
+ }
+ if (options.suffix != '') {
+ $(this).after(
+ ''+
+ options.suffix +
+ '
');
+ var helper = $(this).next();
+ helper
+ .css({
+ 'color' : $(this).css('color'),
+ 'font-family' : $(this).css('font-family'),
+ 'font-size' : $(this).css('font-size'),
+ 'padding-top' : $(this).css('padding-top'),
+ 'padding-bottom': $(this).css('padding-bottom'),
+ 'padding-left' : '3px',
+ 'padding-right' : $(this).css('padding-right'),
+ 'margin-top' : (parseInt($(this).css('margin-top')) + 1) + 'px',
+ 'margin-bottom' : (parseInt($(this).css('margin-bottom')) + 1) + 'px'
+ })
+ .on('click', function () {
+ $(this).prev().focus();
+ });
+ helper.css('margin-left', '-'+ (helper.width() + parseInt($(this).css('padding-right')) + 4) + 'px');
+ var pr = helper.width() + parseInt($(this).css('padding-right')) + 4;
+ $(this).css('padding-right', pr + 'px');
+ // set color to current
+ helper.find('div').css('background-color', '#' + $(obj).val());
+ }
+ break;
+
+ case 'select':
+ case 'list':
+ if (this.tagName != 'SELECT') {
+ console.log('ERROR: You can only apply $().w2field(\'list\') to a SELECT element');
+ return;
+ }
+ var defaults = {
+ url : '',
+ items : [],
+ value : null,
+ showNone : true
+ };
+ var obj = this;
+ var settings = $.extend({}, defaults, options);
+ $(obj).data('settings', settings);
+ // define refresh method
+ obj.refresh = function () {
+ var settings = $(obj).data('settings');
+ var html = '';
+ var items = w2field.cleanItems(settings.items);
+ // build options
+ if (settings.showNone) html = '';
+ for (var i in items) {
+ if (!settings.showNone && settings.value == null) settings.value = items[i].id;
+ html += '';
+ }
+ $(obj).html(html);
+ $(obj).val(settings.value);
+ if ($(obj).val() != settings.value) $(obj).change();
+ }
+ // pull from server
+ if (settings.url != '' ) {
+ $.ajax({
+ type : 'GET',
+ dataType : 'text',
+ url : settings.url,
+ complete: function (xhr, status) {
+ if (status == 'success') {
+ var data = $.parseJSON(xhr.responseText);
+ var settings = $(obj).data('settings');
+ settings.items = w2field.cleanItems(data.items);
+ $(obj).data('settings', settings);
+ obj.refresh();
+ }
+ }
+ });
+ } else { // refresh local
+ obj.refresh();
+ }
+ break;
+
+ case 'enum':
+ if (this.tagName != 'INPUT') {
+ console.log('ERROR: You can only apply $().w2field(\'enum\') to an INPUT element');
+ return;
+ }
+ var defaults = {
+ url : '',
+ items : [],
+ selected : [], // preselected items
+ max : 0, // maximum number of items that can be selected 0 for unlim
+ maxHeight : 172, // max height for input control to grow
+ showAll : false, // if true then show selected item in drop down
+ match : 'begins with', // ['begins with', 'contains']
+ render : null, // render(item, selected)
+ maxCache : 500, // number items to cache
+ onShow : null, // when overlay is shown onShow(settings)
+ onHide : null, // when overlay is hidden onHide(settings)
+ onAdd : null, // onAdd(item, settings)
+ onRemove : null, // onRemove(index, settings)
+ onItemOver : null,
+ onItemOut : null,
+ onItemClick : null
+ }
+ var obj = this;
+ var settings = $.extend({}, defaults, options);
+
+ // normalize items and selected
+ settings.items = w2field.cleanItems(settings.items);
+ settings.selected = w2field.cleanItems(settings.selected);
+
+ $(this).data('selected', settings.selected);
+ $(this).css({
+ 'padding' : '0px',
+ 'border-color' : 'transparent',
+ 'background-color' : 'transparent',
+ 'outline' : 'none'
+ });
+
+ // add item to selected
+ this.add = function (item) {
+ if ($(this).attr('readonly')) return;
+ var selected = $(this).data('selected');
+ var settings = $(this).data('settings');
+ if (typeof settings.onAdd == 'function') {
+ var cancel = settings.onAdd(item, settings);
+ if (cancel === false) return;
+ }
+ if (!$.isArray(selected)) selected = [];
+ if (settings.max != 0 && settings.max <= selected.length) {
+ // if max reached, replace last
+ selected.splice(selected.length - 1, 1);
+ }
+ selected.push(item);
+ $(this).data('last_del', null);
+ $(this).trigger('change');
+ }
+
+ this.remove = function (index) {
+ var settings = $(this).data('settings');
+ if (typeof settings.onRemove == 'function') {
+ var cancel = settings.onRemove(index, settings);
+ if (cancel === false) return;
+ }
+ if ($(this).attr('readonly')) return;
+ $(this).data('selected').splice(index, 1);
+ $(this).parent().find('[title=Remove][index='+ index +']').remove();
+ this.refresh();
+ w2field.list_render.call(this);
+ $(this).trigger('change');
+ }
+
+ this.show = function () {
+ if ($(this).attr('readonly')) return;
+ var settings = $(this).data('settings');
+ // insert global div
+ if ($('#w2ui-global-items').length == 0) {
+ $('body').append('');
+ } else {
+ // ignore second click
+ return;
+ }
+ var div = $('#w2ui-global-items');
+ div.css({
+ display : 'block',
+ left : ($(obj).offset().left) + 'px',
+ top : ($(obj).offset().top + obj.offsetHeight + 3) + 'px'
+ })
+ .width(w2utils.getSize(obj, 'width'))
+ .data('position', ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight));
+
+ // show drop content
+ w2field.list_render.call(obj);
+
+ // monitors
+ var monitor = function () {
+ var div = $('#w2ui-global-items');
+ // monitor if destroyed
+ if ($(obj).length == 0 || ($(obj).offset().left == 0 && $(obj).offset().top == 0)) {
+ clearInterval($(obj).data('mtimer'));
+ hide();
+ return;
+ }
+ // monitor if moved
+ if (div.data('position') != ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight)) {
+ div.css({
+ '-webkit-transition': '.2s',
+ left: ($(obj).offset().left) + 'px',
+ top : ($(obj).offset().top + obj.offsetHeight + 3) + 'px'
+ })
+ .data('position', ($(obj).offset().left) + 'x' + ($(obj).offset().top + obj.offsetHeight));
+ // if moved then resize
+ setTimeout(function () {
+ w2field.list_render.call(obj, $(obj).data('last_search'));
+ }, 200);
+ }
+ if (div.length > 0) $(obj).data('mtimer', setTimeout(monitor, 100));
+ };
+ $(obj).data('mtimer', setTimeout(monitor, 100));
+ // onShow
+ if (typeof settings.onShow == 'function') settings.onShow.call(this, settings);
+ }
+
+ this.hide = function () {
+ var settings = $(this).data('settings');
+ clearTimeout($(obj).data('mtimer'));
+ $('#w2ui-global-items').remove();
+ // onShow
+ if (typeof settings.onHide == 'function') settings.onHide.call(this, settings);
+ }
+
+ // render controls with all items in it
+ this.refresh = function () {
+ var obj = this;
+ // remove all items
+ $($(this).data('div')).remove();
+ // rebuild it
+ var margin = 'margin-top: ' + $(this).css('margin-top') + '; ' +
+ 'margin-bottom: ' + $(this).css('margin-bottom') + '; ' +
+ 'margin-left: ' + $(this).css('margin-left') + '; ' +
+ 'margin-right: ' + $(this).css('margin-right') + '; '+
+ 'width: ' + (w2utils.getSize(this, 'width')
+ - parseInt($(this).css('margin-left'))
+ - parseInt($(this).css('margin-right'))) + 'px; ';
+ var html = ''+
+ ''+
+ '
';
+ $(this).before(html);
+
+ var div = $(this).prev()[0];
+ $(this).data('div', div);
+ // click on item
+ $(div).find('li')
+ .data('mouse', 'out')
+ .on('click', function (event) {
+ if ($(event.target).hasClass('nomouse')) return;
+ if (event.target.title == w2utils.lang('Remove')) {
+ obj.remove($(event.target).attr('index'));
+ return;
+ }
+ event.stopPropagation();
+ if (typeof settings.onItemClick == 'function') settings.onItemClick.call(this, settings);
+ })
+ .on('mouseover', function (event) {
+ var tmp = event.target;
+ if (tmp.tagName != 'LI') tmp = tmp.parentNode;
+ if ($(tmp).hasClass('nomouse')) return;
+ if ($(tmp).data('mouse') == 'out') {
+ if (typeof settings.onItemOver == 'function') settings.onItemOver.call(this, settings);
+ }
+ $(tmp).data('mouse', 'over');
+ })
+ .on('mouseout', function (event) {
+ var tmp = event.target;
+ if (tmp.tagName != 'LI') tmp = tmp.parentNode;
+ if ($(tmp).hasClass('nomouse')) return;
+ $(tmp).data('mouse', 'leaving');
+ setTimeout(function () {
+ if ($(tmp).data('mouse') == 'leaving') {
+ $(tmp).data('mouse', 'out');
+ if (typeof settings.onItemOut == 'function') settings.onItemOut.call(this, settings);
+ }
+ }, 0);
+ });
+ $(div) // click on item
+ .on('click', function (event) {
+ $(this).find('input').focus();
+ })
+ .find('input')
+ .on('focus', function (event) {
+ $(div).css({ 'outline': 'auto 5px -webkit-focus-ring-color', 'outline-offset': '-2px' });
+ obj.show();
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ })
+ .on('blur', function (event) {
+ $(div).css('outline', 'none');
+ obj.hide();
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ });
+ // adjust height
+ obj.resize();
+ }
+ this.resize = function () {
+ var settings = $(this).data('settings');
+ var div = $(this).prev();
+ var cntHeight = $(div).find('>div').height(); //w2utils.getSize(div, 'height');
+ if (cntHeight < 23) cntHeight = 23;
+ if (cntHeight > settings.maxHeight) cntHeight = settings.maxHeight;
+ $(div).height(cntHeight + (cntHeight % 23 == 0 ? 0 : 23 - cntHeight % 23) );
+ if (div.length > 0) div[0].scrollTop = 1000;
+ $(this).height(cntHeight);
+ }
+ // init control
+ $(this).data('settings', settings).attr('tabindex', -1);
+ obj.refresh();
+ break;
+
+ case 'upload':
+ if (this.tagName != 'INPUT') {
+ console.log('ERROR: You can only apply $().w2field(\'upload\') to an INPUT element');
+ return;
+ }
+ // init defaults
+ var defaults = {
+ url : '', // not yet implemented
+ base64 : true, // if true max file size is 20mb (only tru for now)
+ hint : w2utils.lang('Attach files by dragging and dropping or Click to Select'),
+ max : 0, // max number of files, 0 - unlim
+ maxSize : 0, // max size of all files, 0 - unlim
+ maxFileSize : 0, // max size of a single file, 0 -unlim
+ onAdd : null,
+ onRemove : null,
+ onItemClick : null,
+ onItemDblClick : null,
+ onItemOver : null,
+ onItemOut : null,
+ onProgress : null, // not yet implemented
+ onComplete : null // not yet implemented
+ }
+ var obj = this;
+ var settings = $.extend({}, defaults, options);
+ if (settings.base64 === true) {
+ if (settings.maxSize == 0) settings.maxSize = 20 * 1024 * 1024; // 20mb
+ if (settings.maxFileSize == 0) settings.maxFileSize = 20 * 1024 * 1024; // 20mb
+ }
+ var selected = settings.selected;
+ delete settings.selected;
+ if (!$.isArray(selected)) selected = [];
+ $(this).data('selected', selected).data('settings', settings).attr('tabindex', -1);
+ w2field.upload_init.call(this);
+
+ this.refresh = function () {
+ var obj = this;
+ var div = $(this).data('div');
+ var settings = $(this).data('settings');
+ var selected = $(this).data('selected');
+ $(div).find('li').remove();
+ $(div).find('> span:first-child').css('line-height', ($(div).height() - w2utils.getSize(div, '+height') - 8) + 'px');
+ for (var s in selected) {
+ var file = selected[s];
+ // add li element
+ var cnt = $(div).find('.file-list li').length;
+ $(div).find('> span:first-child').remove();
+ $(div).find('.file-list').append('- ';
+ var selected = $(this).data('selected');
+ for (var s in selected) {
+ html += '
- '+
+ ' '+ + selected[s].text + + ' ';
+ }
+ html += '
- '+ + ' '+ + ' '+ + '
'+
+ ' 
'+
+ '
';
+ }
+ var td1 = 'style="padding: 3px; text-align: right; color: #777;"';
+ var td2 = 'style="padding: 3px"';
+ previewHTML += ''+
+ ' '+
+ '
'+
+ '
';
+ li.data('file', file)
+ .on('click', function (event) {
+ if (typeof settings.onItemClick == 'function') {
+ var ret = settings.onItemClick.call(obj, $(this).data('file'));
+ if (ret === false) return;
+ }
+ if (!$(event.target).hasClass('file-delete')) event.stopPropagation();
+ })
+ .on('dblclick', function (event) {
+ if (typeof settings.onItemDblClick == 'function') {
+ var ret = settings.onItemDblClick.call(obj, $(this).data('file'));
+ if (ret === false) return;
+ }
+ event.stopPropagation();
+ if (document.selection) document.selection.empty(); else document.defaultView.getSelection().removeAllRanges();
+ })
+ .on('mouseover', function (event) {
+ if (typeof settings.onItemOver == 'function') {
+ var ret = settings.onItemOver.call(obj, $(this).data('file'));
+ if (ret === false) return;
+ }
+ var file = $(this).data('file');
+ $(this).w2overlay(
+ previewHTML.replace('##FILE##', (file.content ? 'data:'+ file.type +';base64,'+ file.content : '')),
+ { top: -4 }
+ );
+ })
+ .on('mouseout', function () {
+ if (typeof settings.onItemOut == 'function') {
+ var ret = settings.onItemOut.call(obj, $(this).data('file'));
+ if (ret === false) return;
+ }
+ $(this).w2overlay();
+ });
+ }
+ }
+ this.refresh();
+ break;
+
+ case 'slider':
+ // for future reference
+ break;
+
+ default:
+ console.log('ERROR: w2field does not recognize "'+ options.type + '" field type.');
+ break;
+ }
+ });
+ },
+
+ // ******************************************************
+ // -- Implementation
+
+ addType: function (type, handler) {
+ w2field.customTypes[String(type).toLowerCase()] = handler;
+ },
+
+ cleanItems: function (items) {
+ var newItems = [];
+ for (var i in items) {
+ var id = '';
+ var text = '';
+ var opt = items[i];
+ if (opt == null) continue;
+ if ($.isPlainObject(items)) {
+ id = i;
+ text = opt;
+ } else {
+ if (typeof opt == 'object') {
+ if (typeof opt.id != 'undefined') id = opt.id;
+ if (typeof opt.value != 'undefined') id = opt.value;
+ if (typeof opt.txt != 'undefined') text = opt.txt;
+ if (typeof opt.text != 'undefined') text = opt.text;
+ }
+ if (typeof opt == 'string') {
+ if (String(opt) == '') continue;
+ id = opt;
+ text = opt;
+ opt = {};
+ }
+ }
+ if (w2utils.isInt(id)) id = parseInt(id);
+ if (w2utils.isFloat(id)) id = parseFloat(id);
+ newItems.push($.extend({}, opt, { id: id, text: text }));
+ }
+ return newItems;
+ },
+
+ // ******************************************************
+ // -- Upload
+
+ upload_init: function () {
+ var obj = this; // this -> input element
+ var settings = $(this).data('settings');
+ // create drop area if needed
+ var el = $(obj).prev();
+ if (el.length > 0 && el[0].tagName == 'DIV' && el.hasClass('w2ui-upload')) el.remove();
+ // rebuild it
+ var margin = 'margin-top: ' + $(obj).css('margin-top') + '; ' +
+ 'margin-bottom: ' + $(obj).css('margin-bottom') + '; ' +
+ 'margin-left: ' + $(obj).css('margin-left') + '; ' +
+ 'margin-right: ' + $(obj).css('margin-right') + '; '+
+ 'width: ' + (w2utils.getSize(obj, 'width')
+ - parseInt($(obj).css('margin-left'))
+ - parseInt($(obj).css('margin-right'))) + 'px; '+
+ 'height: ' + (w2utils.getSize(obj, 'height')
+ - parseInt($(obj).css('margin-top'))
+ - parseInt($(obj).css('margin-bottom'))) + 'px; ';
+ var html =
+ '| Name: | '+ file.name +' |
| Size: | '+ w2utils.size(file.size) +' |
| Type: | ' + + ' '+ + ' |
| Modified: | '+ w2utils.date(file.modified) +' |
'+
+ ' '+ settings.hint +''+
+ '
';
+ $(obj)
+ .css({
+ 'display1' : 'none',
+ 'border-color' : 'transparent'
+ })
+ .before(html);
+ $(obj).data('div', $(obj).prev()[0]);
+ var div = $(obj).data('div');
+ // if user selects files through input control
+ $(div).find('.file-input')
+ .off('change')
+ .on('change', function () {
+ if (typeof this.files !== "undefined") {
+ for (var i = 0, l = this.files.length; i < l; i++) {
+ w2field.upload_add.call(obj, this.files[i]);
+ }
+ }
+ });
+
+ // if user clicks drop zone
+ $(div)
+ .off('click')
+ .on('click', function (event) {
+ $(div).w2tag();
+ if (event.target.tagName == 'LI' || $(event.target).hasClass('file-size')) {
+ return;
+ }
+ if ($(event.target).hasClass('file-delete')) {
+ w2field.upload_remove.call(obj, event.target.parentNode);
+ return;
+ }
+ if (event.target.tagName != 'INPUT') {
+ var settings = $(obj).data('settings');
+ var selected = $(obj).data('selected');
+ var cnt = 0;
+ for (var s in selected) { cnt++; }
+ if (cnt < settings.max || settings.max == 0) $(div).find('.file-input').click();
+ }
+ })
+ .off('dragenter')
+ .on('dragenter', function (event) {
+ $(div).addClass('dragover');
+ })
+ .off('dragleave')
+ .on('dragleave', function (event) {
+ $(div).removeClass('dragover');
+ })
+ .off('drop')
+ .on('drop', function (event) {
+ $(div).removeClass('dragover');
+ var files = event.originalEvent.dataTransfer.files;
+ for (var i=0, l=files.length; i- ';
+ // get ids of all selected items
+ var ids = [];
+ for (var a in selected) ids.push(w2utils.isInt(selected[a].id) ? parseInt(selected[a].id) : String(selected[a].id))
+ // build list
+ var group = '';
+ for (var a in items) {
+ var id = items[a].id;
+ var txt = items[a].text;
+ // if already selected
+ if ($.inArray(w2utils.isInt(id) ? parseInt(id) : String(id), ids) != -1 && settings.showAll !== true) continue;
+ // check match with search
+ var txt1 = String(search).toLowerCase();
+ var txt2 = txt.toLowerCase();
+ var match = (txt1.length <= txt2.length && txt2.substr(0, txt1.length) == txt1);
+ if (settings.match.toLowerCase() == 'contains' && txt2.indexOf(txt1) != -1) match = true;
+ if (match) {
+ if (typeof settings['render'] == 'function') {
+ txt = settings['render'](items[a], selected);
+ }
+ if (txt !== false) {
+ // render group if needed
+ if (typeof items[a].group != 'undefined' && items[a].group != group) {
+ group = items[a].group;
+ ihtml += '
- '+ group +' '; + } + // render item + ihtml += '\n
- '+ + txt +' '; + if (i == $(obj).data('last_index')) $(obj).data('last_item', items[a]); + i++; + } + } + } + ihtml += '
'+ w2utils.lang('No items found') +'
';
+ var noItems = true;
+ }
+ div.find('.w2ui-items-list').html(ihtml);
+ $(this).data('last_max', i-1);
+
+ // scroll selected into view
+ if (div.find('li.selected').length > 0) div.find('li.selected')[0].scrollIntoView(false);
+
+ // if menu goes off screen - add scrollbar
+ div.css({ '-webkit-transition': '0s', height : 'auto' });
+ var max_height = parseInt($(document).height()) - parseInt(div.offset().top) - 8;
+ if (parseInt(div.height()) > max_height) {
+ div.css({
+ height : (max_height - 5) + 'px',
+ overflow: 'show'
+ });
+ $(div).find('.w2ui-items-list').css({
+ height : (max_height - 15) + 'px',
+ overflow: 'auto'
+ });
+ }
+
+ // add events
+ $(div)
+ .off('mousedown')
+ .on('mousedown', function (event) {
+ var target = event.target;
+ if (target.tagName != "LI") target = $(target).parents('li');
+ var id = $(target).attr('index');
+ if (!id) return;
+ var item = settings.items[id];
+ if (typeof id == 'undefined') { if (event.preventDefault) event.preventDefault(); else return false; }
+ obj.add(item);
+ $(obj).data('last_index', 0);
+ obj.refresh();
+ w2field.list_render.call(obj, '');
+ }
+ );
+ $(obj).prev().find('li > input')
+ .val(search)
+ .css('max-width', ($(div).width() - 25) + 'px')
+ .width(((search.length + 2) * 6) + 'px')
+ .focus()
+ .on('click', function (event) {
+ if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;
+ })
+ .off('keyup')
+ .on('keyup', function (event) {
+ var inp = this;
+ setTimeout(function () {
+ var curr = $(obj).data('last_index');
+ switch (event.keyCode) {
+ case 38: // up
+ curr--;
+ if (curr < 0) curr = 0;
+ $(obj).data('last_index', curr);
+ if (event.preventDefault) event.preventDefault();
+ break;
+ case 40: // down
+ curr++;
+ if (curr > $(obj).data('last_max')) curr = $(obj).data('last_max');
+ $(obj).data('last_index', curr);
+ if (event.preventDefault) event.preventDefault();
+ break;
+ case 13: // enter
+ if (typeof $(obj).data('last_item') == 'undefined' || $(obj).data('last_item') == null || noItems === true) break;
+ var selected = $(obj).data('selected');
+ obj.add($(obj).data('last_item'));
+ // select next
+ if (curr > $(obj).data('last_max') - 1) curr = $(obj).data('last_max')-1;
+ $(obj).data('last_index', curr);
+ $(obj).data('last_item', null);
+ // refrech
+ $(inp).val('');
+ obj.refresh();
+ if (event.preventDefault) event.preventDefault();
+ break;
+ case 8: // backspace
+ if (String(inp.value) == '') {
+ if (typeof $(obj).data('last_del') == 'undefined' || $(obj).data('last_del') == null) {
+ // mark for deletion
+ var selected = $(obj).data('selected');
+ if (!$.isArray(selected)) selected = [];
+ $(obj).data('last_del', selected.length-1);
+ // refrech
+ obj.refresh();
+ } else {
+ // delete marked one
+ var selected = $(obj).data('selected');
+ obj.remove(selected.length - 1);
+ }
+ }
+ break;
+ default:
+ $(obj).data('last_index', 0);
+ $(obj).data('last_del', null);
+ break;
+ }
+ // adjust height
+ obj.resize();
+
+ // refresh menu
+ if (!(event.keyCode == 8 && String(inp.value) == '')) {
+ $(obj).prev().find('li').css('opacity', '1');
+ $(obj).data('last_del', null);
+ }
+ if ($.inArray(event.keyCode, [16,91,37,39]) == -1) { // command and shift keys and arrows
+ w2field.list_render.call(obj, inp.value);
+ }
+ }, 10);
+ })
+ },
+
+ // ******************************************************
+ // -- Calendar
+
+ calendar_get: function (date, options) {
+ var td = new Date();
+ var today = (Number(td.getMonth())+1) + '/' + td.getDate() + '/' + (String(td.getYear()).length > 3 ? td.getYear() : td.getYear() + 1900);
+ if (String(date) == '' || String(date) == 'undefined') date = w2utils.formatDate(today, options.format);
+ if (!w2utils.isDate(date, options.format)) date = w2utils.formatDate(today, options.format);
+ // format date
+ var tmp = date.replace(/-/g, '/').replace(/\./g, '/').toLowerCase().split('/');
+ var tmp2 = options.format.replace(/-/g, '/').replace(/\./g, '/').toLowerCase();
+ var dt = new Date();
+ if (tmp2 == 'mm/dd/yyyy') dt = new Date(tmp[0] + '/' + tmp[1] + '/' + tmp[2]);
+ if (tmp2 == 'm/d/yyyy') dt = new Date(tmp[0] + '/' + tmp[1] + '/' + tmp[2]);
+ if (tmp2 == 'dd/mm/yyyy') dt = new Date(tmp[1] + '/' + tmp[0] + '/' + tmp[2]);
+ if (tmp2 == 'd/m/yyyy') dt = new Date(tmp[1] + '/' + tmp[0] + '/' + tmp[2]);
+ if (tmp2 == 'yyyy/dd/mm') dt = new Date(tmp[2] + '/' + tmp[1] + '/' + tmp[0]);
+ if (tmp2 == 'yyyy/d/m') dt = new Date(tmp[2] + '/' + tmp[1] + '/' + tmp[0]);
+ if (tmp2 == 'yyyy/mm/dd') dt = new Date(tmp[1] + '/' + tmp[2] + '/' + tmp[0]);
+ if (tmp2 == 'yyyy/m/d') dt = new Date(tmp[1] + '/' + tmp[2] + '/' + tmp[0]);
+ if (tmp2 == 'mm/dd/yy') dt = new Date(tmp[0] + '/' + tmp[1] + '/' + (parseInt(tmp[2]) + 1900));
+ if (tmp2 == 'm/d/yy') dt = new Date(tmp[0] + '/' + tmp[1] + '/' + (parseInt(tmp[2]) + 1900));
+ if (tmp2 == 'dd/mm/yy') dt = new Date(tmp[1] + '/' + tmp[0] + '/' + (parseInt(tmp[2]) + 1900));
+ if (tmp2 == 'd/m/yy') dt = new Date(tmp[1] + '/' + tmp[0] + '/' + (parseInt(tmp[2]) + 1900));
+ if (tmp2 == 'yy/dd/mm') dt = new Date(tmp[2] + '/' + tmp[1] + '/' + (parseInt(tmp[0]) + 1900));
+ if (tmp2 == 'yy/d/m') dt = new Date(tmp[2] + '/' + tmp[1] + '/' + (parseInt(tmp[0]) + 1900));
+ if (tmp2 == 'yy/mm/dd') dt = new Date(tmp[1] + '/' + tmp[2] + '/' + (parseInt(tmp[0]) + 1900));
+ if (tmp2 == 'yy/m/d') dt = new Date(tmp[1] + '/' + tmp[2] + '/' + (parseInt(tmp[0]) + 1900));
+ var html = '| '+ $().w2field('calendar_month', (dt.getMonth() + 1), dt.getFullYear(), options) +' | '+ + // ''+ + '
'+
+ '
'+
+ ' <-
'+
+ ' ->
'+
+ months[month-1] +', '+ year +
+ '| '; + ci += 6; + } else { + if (ci < weekDay || day > daysCount[month-1]) { + html += ' | '; + if ((ci)%7 == 0) html += ' |
| '; + if (ci % 7 == 0 || (weekDay == 0 && ci == 1)) html += ' | |
'+
+ '';
+ var colors = [
+ ['000000', '444444', '666666', '999999', 'CCCCCC', 'EEEEEE', 'F3F3F3', 'FFFFFF'],
+ ['FF011B', 'FF9838', 'FFFD59', '01FD55', '00FFFE', '0424F3', '9B24F4', 'FF21F5'],
+ ['F4CCCC', 'FCE5CD', 'FFF2CC', 'D9EAD3', 'D0E0E3', 'CFE2F3', 'D9D1E9', 'EAD1DC'],
+ ['EA9899', 'F9CB9C', 'FEE599', 'B6D7A8', 'A2C4C9', '9FC5E8', 'B4A7D6', 'D5A6BD'],
+ ['E06666', 'F6B26B', 'FED966', '93C47D', '76A5AF', '6FA8DC', '8E7CC3', 'C27BA0'],
+ ['CC0814', 'E69138', 'F1C232', '6AA84F', '45818E', '3D85C6', '674EA7', 'A54D79'],
+ ['99050C', 'B45F17', 'BF901F', '37761D', '124F5C', '0A5394', '351C75', '741B47'],
+ ['660205', '783F0B', '7F6011', '274E12', '0C343D', '063762', '20124D', '4C1030']
+ ];
+ for (var i=0; i<8; i++) {
+ html += '
';
+ return html;
+ }
+ });
+
+ 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, w2alert
+*
+* == NICE TO HAVE ==
+* - refresh(field) - would refresh only one field
+* - include delta on save
+*
+************************************************************************/
+
+
+(function () {
+ var w2form = function(options) {
+ // public properties
+ this.name = null;
+ this.header = '';
+ this.box = null; // HTML element that hold this element
+ this.url = '';
+ this.formURL = ''; // url where to get form HTML
+ this.formHTML = ''; // form HTML (might be loaded from the url)
+ this.page = 0; // current page
+ this.recid = 0; // can be null or 0
+ this.fields = [];
+ this.actions = {};
+ this.record = {};
+ this.original = {};
+ this.postData = {};
+ this.toolbar = {}; // if not empty, then it is toolbar
+ this.tabs = {}; // if not empty, then it is tabs object
+
+ this.style = '';
+ this.focus = 0; // focus first or other element
+ this.msgNotJSON = w2utils.lang('Return data is not in JSON format.');
+ this.msgRefresh = w2utils.lang('Refreshing...');
+ this.msgSaving = w2utils.lang('Saving...');
+
+ // events
+ this.onRequest = null;
+ this.onLoad = null;
+ this.onValidate = null;
+ this.onSubmit = null;
+ this.onSave = null;
+ this.onChange = null;
+ this.onRender = null;
+ this.onRefresh = null;
+ this.onResize = null;
+ this.onDestroy = null;
+ this.onAction = null;
+ this.onToolbar = null;
+ this.onError = null;
+
+ // internal
+ this.isGenerated = false;
+ this.last = {
+ xhr : null // jquery xhr requests
+ }
+
+ $.extend(true, this, w2obj.form, options);
+ };
+
+ // ====================================================
+ // -- Registers as a jQuery plugin
+
+ $.fn.w2form = function(method) {
+ if (typeof method === 'object' || !method ) {
+ var obj = this;
+ // check required parameters
+ if (!method || typeof method.name == 'undefined') {
+ console.log('ERROR: The parameter "name" is required but not supplied in $().w2form().');
+ return;
+ }
+ if (typeof w2ui[method.name] != 'undefined') {
+ console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+ method.name +').');
+ return;
+ }
+ if (!w2utils.isAlphaNumeric(method.name)) {
+ console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');
+ return;
+ }
+ // remember items
+ var record = method.record;
+ var original = method.original;
+ var fields = method.fields;
+ var toolbar = method.toolbar;
+ var tabs = method.tabs;
+ // extend items
+ var object = new w2form(method);
+ $.extend(object, { record: {}, original: {}, fields: [], tabs: {}, toolbar: {}, handlers: [] });
+ if ($.isArray(tabs)) {
+ $.extend(true, object.tabs, { tabs: [] });
+ for (var t in tabs) {
+ var tmp = tabs[t];
+ if (typeof tmp == 'object') object.tabs.tabs.push(tmp); else object.tabs.tabs.push({ id: tmp, caption: tmp });
+ }
+ } else {
+ $.extend(true, object.tabs, tabs);
+ }
+ $.extend(true, object.toolbar, toolbar);
+ // reassign variables
+ for (var p in fields) object.fields[p] = $.extend(true, {}, fields[p]);
+ for (var p in record) {
+ if ($.isPlainObject(record[p])) {
+ object.record[p] = $.extend(true, {}, record[p]);
+ } else {
+ object.record[p] = record[p];
+ }
+ }
+ for (var p in original) {
+ if ($.isPlainObject(original[p])) {
+ object.original[p] = $.extend(true, {}, original[p]);
+ } else {
+ object.original[p] = original[p];
+ }
+ }
+ if (obj.length > 0) object.box = obj[0];
+ // render if necessary
+ if (object.formURL != '') {
+ $.get(object.formURL, function (data) {
+ object.formHTML = data;
+ object.isGenerated = true;
+ if ($(object.box).length != 0 || data.length != 0) {
+ $(object.box).html(data);
+ object.render(object.box);
+ }
+ });
+ } else if (object.formHTML != '') {
+ // it is already loaded into formHTML
+ } else if ($(this).length != 0 && $.trim($(this).html()) != '') {
+ object.formHTML = $(this).html();
+ } else { // try to generate it
+ object.formHTML = object.generateHTML();
+ }
+ // register new object
+ w2ui[object.name] = object;
+ // render if not loaded from url
+ if (object.formURL == '') {
+ if (String(object.formHTML).indexOf('w2ui-page') == -1) {
+ object.formHTML = '| '+
+ ' '+
+ ' '+ (color == colors[i][j] ? '•' : ' ')+
+ ' '+
+ ' | ';
+ }
+ html += '|||||||
'+ object.formHTML +'
';
+ }
+ $(object.box).html(object.formHTML);
+ object.isGenerated = true;
+ object.render(object.box);
+ }
+ return object;
+
+ } else if (w2ui[$(this).attr('name')]) {
+ var obj = w2ui[$(this).attr('name')];
+ obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));
+ return this;
+ } else {
+ console.log('ERROR: Method ' + method + ' does not exist on jQuery.w2form');
+ }
+ }
+
+ // ====================================================
+ // -- Implementation of core functionality
+
+ w2form.prototype = {
+
+ get: function (field, returnIndex) {
+ for (var f in this.fields) {
+ if (this.fields[f].name == field) {
+ if (returnIndex === true) return f; else return this.fields[f];
+ }
+ }
+ return null;
+ },
+
+ set: function (field, obj) {
+ for (var f in this.fields) {
+ if (this.fields[f].name == field) {
+ $.extend(this.fields[f] , obj);
+ this.refresh();
+ return true;
+ }
+ }
+ return false;
+ },
+
+ reload: function (callBack) {
+ var url = (typeof this.url != 'object' ? this.url : this.url.get);
+ if (url && this.recid != 0) {
+ //this.clear();
+ this.request(callBack);
+ } else {
+ this.refresh();
+ if (typeof callBack == 'function') callBack();
+ }
+ },
+
+ clear: function () {
+ this.recid = 0;
+ this.record = {};
+ // clear all enum fields
+ for (var f in this.fields) {
+ var field = this.fields[f];
+ }
+ $().w2tag();
+ this.refresh();
+ },
+
+ error: function (msg) {
+ var obj = this;
+ // let the management of the error outside of the grid
+ var eventData = this.trigger({ target: this.name, type: 'error', message: msg , xhr: this.last.xhr });
+ if (eventData.isCancelled === true) {
+ if (typeof callBack == 'function') callBack();
+ return false;
+ }
+ // need a time out because message might be already up)
+ setTimeout(function () { w2alert(msg, 'Error'); }, 1);
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ validate: function (showErrors) {
+ if (typeof showErrors == 'undefined') showErrors = true;
+ // validate before saving
+ var errors = [];
+ for (var f in this.fields) {
+ var field = this.fields[f];
+ if (this.record[field.name] == null) this.record[field.name] = '';
+ switch (field.type) {
+ case 'int':
+ if (this.record[field.name] && !w2utils.isInt(this.record[field.name])) {
+ errors.push({ field: field, error: w2utils.lang('Not an integer') });
+ }
+ break;
+ case 'float':
+ if (this.record[field.name] && !w2utils.isFloat(this.record[field.name])) {
+ errors.push({ field: field, error: w2utils.lang('Not a float') });
+ }
+ break;
+ case 'money':
+ if (this.record[field.name] && !w2utils.isMoney(this.record[field.name])) {
+ errors.push({ field: field, error: w2utils.lang('Not in money format') });
+ }
+ break;
+ case 'color':
+ case 'hex':
+ if (this.record[field.name] && !w2utils.isHex(this.record[field.name])) {
+ errors.push({ field: field, error: w2utils.lang('Not a hex number') });
+ }
+ break;
+ case 'email':
+ if (this.record[field.name] && !w2utils.isEmail(this.record[field.name])) {
+ errors.push({ field: field, error: w2utils.lang('Not a valid email') });
+ }
+ break;
+ case 'checkbox':
+ // convert true/false
+ if (this.record[field.name] == true) this.record[field.name] = 1; else this.record[field.name] = 0;
+ break;
+ case 'date':
+ // format date before submit
+ if (this.record[field.name] && !w2utils.isDate(this.record[field.name], field.options.format)) {
+ errors.push({ field: field, error: w2utils.lang('Not a valid date') + ': ' + field.options.format });
+ } else {
+ // convert to universal timestamp with time zone
+ //var d = new Date(this.record[field.name]);
+ //var tz = (d.getTimezoneOffset() > 0 ? '+' : '-') + Math.floor(d.getTimezoneOffset()/60) + ':' + (d.getTimezoneOffset() % 60);
+ //this.record[field.name] = d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() + ' '
+ // + d.getHours() + ':' + d.getSeconds() + ':' + d.getMilliseconds() + tz;
+ //this.record[field.name + '_unix'] = Math.round(d.getTime() / 1000);
+ //this.record[field.name] = w2utils.formatDate(this.record[field.name], 'mm/dd/yyyy');
+ }
+ break;
+ case 'select':
+ case 'list':
+ break;
+ case 'enum':
+ break;
+ }
+ // === check required - if field is '0' it should be considered not empty
+ var val = this.record[field.name];
+ if ( field.required && (val === '' || ($.isArray(val) && val.length == 0)) ) {
+ errors.push({ field: field, error: w2utils.lang('Required field') });
+ }
+ if ( field.equalto && this.record[field.name]!=this.record[field.equalto] ) {
+ errors.push({ field: field, error: w2utils.lang('Field should be equal to ')+field.equalto });
+ }
+ }
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'validate', errors: errors });
+ if (eventData.isCancelled === true) return errors;
+ // show error
+ if (showErrors) for (var e in eventData.errors) {
+ var err = eventData.errors[e];
+ $(err.field.el).w2tag(err.error, { "class": 'w2ui-error' });
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ return errors;
+ },
+
+ request: function (postData, callBack) { // if (1) param then it is call back if (2) then postData and callBack
+ var obj = this;
+ // check for multiple params
+ if (typeof postData == 'function') {
+ callBack = postData;
+ postData = null;
+ }
+ if (typeof postData == 'undefined' || postData == null) postData = {};
+ if (!this.url || (typeof this.url == 'object' && !this.url.get)) return;
+ if (this.recid == null || typeof this.recid == 'undefined') this.recid = 0;
+ // build parameters list
+ var params = {};
+ // add list params
+ params['cmd'] = 'get-record';
+ params['name'] = this.name;
+ params['recid'] = this.recid;
+ // append other params
+ $.extend(params, this.postData);
+ $.extend(params, postData);
+ // event before
+ var eventData = this.trigger({ phase: 'before', type: 'request', target: this.name, url: this.url, postData: params });
+ if (eventData.isCancelled === true) { if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' }); return false; }
+ // default action
+ this.record = {};
+ this.original = {};
+ // call server to get data
+ this.lock(this.msgRefresh);
+ var url = eventData.url;
+ if (typeof eventData.url == 'object' && eventData.url.get) url = eventData.url.get;
+ if (this.last.xhr) try { this.last.xhr.abort(); } catch (e) {};
+ this.last.xhr = $.ajax({
+ type : 'GET',
+ url : url,
+ data : String($.param(eventData.postData, false)).replace(/%5B/g, '[').replace(/%5D/g, ']'),
+ dataType : 'text',
+ complete : function (xhr, status) {
+ obj.unlock();
+ // event before
+ var eventData = obj.trigger({ phase: 'before', target: obj.name, type: 'load', xhr: xhr, status: status });
+ if (eventData.isCancelled === true) {
+ if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' });
+ return false;
+ }
+ // parse server response
+ var responseText = obj.last.xhr.responseText;
+ if (status != 'error') {
+ // default action
+ if (typeof responseText != 'undefined' && responseText != '') {
+ var data;
+ // check if the onLoad handler has not already parsed the data
+ if (typeof responseText == "object") {
+ data = responseText;
+ } else {
+ // $.parseJSON or $.getJSON did not work because it expect perfect JSON data - where everything is in double quotes
+ try { eval('data = '+ responseText); } catch (e) { }
+ }
+ if (typeof data == 'undefined') {
+ data = {
+ status : 'error',
+ message : obj.msgNotJSON,
+ responseText : responseText
+ }
+ }
+ if (data['status'] == 'error') {
+ obj.error(data['message']);
+ } else {
+ obj.record = $.extend({}, data.record);
+ obj.original = $.extend({}, data.record);
+ }
+ }
+ } else {
+ obj.error('AJAX Error ' + xhr.status + ': '+ xhr.statusText);
+ }
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ obj.refresh();
+ // call back
+ if (typeof callBack == 'function') callBack(data);
+ }
+ });
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ submit: function (postData, callBack) {
+ return this.save(postData, callBack);
+ },
+
+ save: function (postData, callBack) {
+ var obj = this;
+ // check for multiple params
+ if (typeof postData == 'function') {
+ callBack = postData;
+ postData = null;
+ }
+ // validation
+ var errors = obj.validate(true);
+ if (errors.length !== 0) {
+ obj.goto(errors[0].field.page);
+ return;
+ }
+ // submit save
+ if (typeof postData == 'undefined' || postData == null) postData = {};
+ if (!obj.url || (typeof obj.url == 'object' && !obj.url.save)) {
+ console.log("ERROR: Form cannot be saved because no url is defined.");
+ return;
+ }
+ obj.lock(obj.msgSaving + ' ');
+ // need timer to allow to lock
+ setTimeout(function () {
+ // build parameters list
+ var params = {};
+ // add list params
+ params['cmd'] = 'save-record';
+ params['name'] = obj.name;
+ params['recid'] = obj.recid;
+ // append other params
+ $.extend(params, obj.postData);
+ $.extend(params, postData);
+ params.record = $.extend(true, {}, obj.record);
+ // convert before submitting
+ for (var f in obj.fields) {
+ var field = obj.fields[f];
+ switch (String(field.type).toLowerCase()) {
+ case 'date': // to yyyy-mm-dd format
+ var dt = params.record[field.name];
+ var tmp = field.options.format.toLowerCase().replace('-', '/').replace('\.', '/');
+ if (['dd/mm/yyyy', 'd/m/yyyy', 'dd/mm/yy', 'd/m/yy'].indexOf(tmp) != -1) {
+ var tmp = dt.replace(/-/g, '/').replace(/\./g, '/').split('/');
+ var dt = new Date(tmp[2], tmp[1]-1, tmp[0]);
+ }
+ params.record[field.name] = w2utils.formatDate(dt, 'yyyy-mm-dd');
+ break;
+ }
+ }
+ // event before
+ var eventData = obj.trigger({ phase: 'before', type: 'submit', target: obj.name, url: obj.url, postData: params });
+ if (eventData.isCancelled === true) {
+ if (typeof callBack == 'function') callBack({ status: 'error', message: 'Saving aborted.' });
+ return false;
+ }
+ // default action
+ var url = eventData.url;
+ if (typeof eventData.url == 'object' && eventData.url.save) url = eventData.url.save;
+ if (obj.last.xhr) try { obj.last.xhr.abort(); } catch (e) {};
+ obj.last.xhr = $.ajax({
+ type : (w2utils.settings.RESTfull ? (obj.recid == 0 ? 'POST' : 'PUT') : 'POST'),
+ url : url,
+ data : String($.param(eventData.postData, false)).replace(/%5B/g, '[').replace(/%5D/g, ']'),
+ dataType : 'text',
+ xhr : function() {
+ var xhr = new window.XMLHttpRequest();
+ // upload
+ xhr.upload.addEventListener("progress", function(evt) {
+ if (evt.lengthComputable) {
+ var percent = Math.round(evt.loaded / evt.total * 100);
+ $('#'+ obj.name + '_progress').text(''+ percent + '%');
+ }
+ }, false);
+ return xhr;
+ },
+ complete : function (xhr, status) {
+ obj.unlock();
+
+ // event before
+ var eventData = obj.trigger({ phase: 'before', target: obj.name, type: 'save', xhr: xhr, status: status });
+ if (eventData.isCancelled === true) {
+ if (typeof callBack == 'function') callBack({ status: 'error', message: 'Saving aborted.' });
+ return false;
+ }
+ // parse server response
+ var responseText = xhr.responseText;
+ if (status != 'error') {
+ // default action
+ if (typeof responseText != 'undefined' && responseText != '') {
+ var data;
+ // check if the onLoad handler has not already parsed the data
+ if (typeof responseText == "object") {
+ data = responseText;
+ } else {
+ // $.parseJSON or $.getJSON did not work because it expect perfect JSON data - where everything is in double quotes
+ try { eval('data = '+ responseText); } catch (e) { }
+ }
+ if (typeof data == 'undefined') {
+ data = {
+ status : 'error',
+ message : obj.msgNotJSON,
+ responseText : responseText
+ }
+ }
+ if (data['status'] == 'error') {
+ obj.error(data['message']);
+ } else {
+ obj.original = $.extend({}, obj.record);
+ }
+ }
+ } else {
+ obj.error('AJAX Error ' + xhr.status + ': '+ xhr.statusText);
+ }
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ obj.refresh();
+ // call back
+ if (typeof callBack == 'function') callBack(data);
+ }
+ });
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ }, 50);
+ },
+
+ lock: function (msg, showSpinner) {
+ var box = $(this.box).find('> div:first-child');
+ w2utils.lock(box, msg, showSpinner);
+ },
+
+ unlock: function () {
+ var obj = this;
+ setTimeout(function () { w2utils.unlock(obj.box); }, 25); // needed timer so if server fast, it will not flash
+ },
+
+ goto: function (page) {
+ if (typeof page != 'undefined') this.page = page;
+ // if it was auto size, resize it
+ if ($(this.box).data('auto-size') === true) $(this.box).height(0);
+ this.refresh();
+ },
+
+ generateHTML: function () {
+ var pages = []; // array for each page
+ for (var f in this.fields) {
+ var html = '';
+ var field = this.fields[f];
+ if (typeof field.html == 'undefined') field.html = {};
+ field.html = $.extend(true, { caption: '', span: 6, attr: '', text: '', page: 0 }, field.html);
+ if (field.html.caption == '') field.html.caption = field.name;
+ var input = '';
+ if (field.type == 'list') input = '';
+ if (field.type == 'checkbox') input = '';
+ if (field.type == 'textarea') input = '';
+ html += '\n '+ field.html.caption +':
'+
+ '\n '+
+ input + field.html.text +
+ '
';
+ if (typeof pages[field.html.page] == 'undefined') pages[field.html.page] = '';
+ pages[field.html.page] += html;
+ }
+ for (var p in pages) pages[p] += '\n
';
+ // buttons if any
+ var buttons = '';
+ if (!$.isEmptyObject(this.actions)) {
+ buttons += '\n';
+ }
+ return pages.join('') + buttons;
+ },
+
+ action: function (action, event) {
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: action, type: 'action', originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // default actions
+ if (typeof (this.actions[action]) == 'function') {
+ this.actions[action].call(this, event);
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ },
+
+ resize: function () {
+ var obj = this;
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'resize' });
+ if (eventData.isCancelled === true) return false;
+ // default behaviour
+ var main = $(this.box).find('> div');
+ var header = $(this.box).find('> div .w2ui-form-header');
+ var toolbar = $(this.box).find('> div .w2ui-form-toolbar');
+ var tabs = $(this.box).find('> div .w2ui-form-tabs');
+ var page = $(this.box).find('> div .w2ui-page');
+ var cpage = $(this.box).find('> div .w2ui-page.page-'+ this.page);
+ var dpage = $(this.box).find('> div .w2ui-page.page-'+ this.page + ' > div');
+ var buttons = $(this.box).find('> div .w2ui-buttons');
+ // if no height, calculate it
+ resizeElements();
+ if (parseInt($(this.box).height()) == 0 || $(this.box).data('auto-size') === true) {
+ $(this.box).height(
+ (header.length > 0 ? w2utils.getSize(header, 'height') : 0) +
+ (this.tabs.tabs.length > 0 ? w2utils.getSize(tabs, 'height') : 0) +
+ (this.toolbar.items.length > 0 ? w2utils.getSize(toolbar, 'height') : 0) +
+ (page.length > 0 ? w2utils.getSize(dpage, 'height') + w2utils.getSize(cpage, '+height') + 12 : 0) + // why 12 ???
+ (buttons.length > 0 ? w2utils.getSize(buttons, 'height') : 0)
+ );
+ $(this.box).data('auto-size', true);
+ }
+ resizeElements();
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+
+ function resizeElements() {
+ // resize elements
+ main.width($(obj.box).width()).height($(obj.box).height());
+ toolbar.css('top', (obj.header != '' ? w2utils.getSize(header, 'height') : 0));
+ tabs.css('top', (obj.header != '' ? w2utils.getSize(header, 'height') : 0)
+ + (obj.toolbar.items.length > 0 ? w2utils.getSize(toolbar, 'height') : 0));
+ page.css('top', (obj.header != '' ? w2utils.getSize(header, 'height') : 0)
+ + (obj.toolbar.items.length > 0 ? w2utils.getSize(toolbar, 'height') + 5 : 0)
+ + (obj.tabs.tabs.length > 0 ? w2utils.getSize(tabs, 'height') + 5 : 0));
+ page.css('bottom', (buttons.length > 0 ? w2utils.getSize(buttons, 'height') : 0));
+ }
+ },
+
+ refresh: function () {
+ var obj = this;
+ if (!this.box) return;
+ if (!this.isGenerated || typeof $(this.box).html() == 'undefined') return;
+ // update what page field belongs
+ $(this.box).find('input, textarea, select').each(function (index, el) {
+ var name = (typeof $(el).attr('name') != 'undefined' ? $(el).attr('name') : $(el).attr('id'));
+ var field = obj.get(name);
+ if (field) {
+ // find page
+ var div = $(el).parents('.w2ui-page');
+ if (div.length > 0) {
+ for (var i = 0; i < 100; i++) {
+ if (div.hasClass('page-'+i)) { field.page = i; break; }
+ }
+ }
+ }
+ });
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'refresh', page: this.page })
+ if (eventData.isCancelled === true) return false;
+ // default action
+ $(this.box).find('.w2ui-page').hide();
+ $(this.box).find('.w2ui-page.page-' + this.page).show();
+ $(this.box).find('.w2ui-form-header').html(this.header);
+ // refresh tabs if needed
+ if (typeof this.tabs == 'object' && this.tabs.tabs.length > 0) {
+ $('#form_'+ this.name +'_tabs').show();
+ this.tabs.active = this.tabs.tabs[this.page].id;
+ this.tabs.refresh();
+ } else {
+ $('#form_'+ this.name +'_tabs').hide();
+ }
+ // refresh tabs if needed
+ if (typeof this.toolbar == 'object' && this.toolbar.items.length > 0) {
+ $('#form_'+ this.name +'_toolbar').show();
+ this.toolbar.refresh();
+ } else {
+ $('#form_'+ this.name +'_toolbar').hide();
+ }
+ // refresh values of all fields
+ for (var f in this.fields) {
+ var field = this.fields[f];
+ field.el = $(this.box).find('[name="'+ String(field.name).replace(/\\/g, '\\\\') +'"]')[0];
+ if (typeof field.el == 'undefined') {
+ console.log('ERROR: Cannot associate field "'+ field.name + '" with html control. Make sure html control exists with the same name.');
+ //return;
+ }
+ if (field.el) field.el.id = field.name;
+ $(field.el).w2field('clear').off('change').on('change', function () {
+ var value_new = this.value;
+ var value_previous = obj.record[this.name] ? obj.record[this.name] : '';
+ var field = obj.get(this.name);
+ if ((field.type == 'enum' || field.type == 'upload') && $(this).data('selected')) {
+ var new_arr = $(this).data('selected');
+ var cur_arr = obj.record[this.name];
+ var value_new = [];
+ var value_previous = [];
+ if ($.isArray(new_arr)) for (var i in new_arr) value_new[i] = $.extend(true, {}, new_arr[i]); // clone array
+ if ($.isArray(cur_arr)) for (var i in cur_arr) value_previous[i] = $.extend(true, {}, cur_arr[i]); // clone array
+ }
+ // event before
+ var eventData = obj.trigger({ phase: 'before', target: this.name, type: 'change', value_new: value_new, value_previous: value_previous });
+ if (eventData.isCancelled === true) {
+ $(this).val(obj.record[this.name]); // return previous value
+ return false;
+ }
+ // default action
+ var val = this.value;
+ if (this.type == 'checkbox') val = this.checked ? true : false;
+ if (this.type == 'radio') val = this.checked ? true : false;
+ if (field.type == 'enum') val = value_new;
+ if (field.type == 'upload') val = value_new;
+ obj.record[this.name] = val;
+ // event after
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ });
+ if (field.required) {
+ $(field.el).parent().addClass('w2ui-required');
+ } else {
+ $(field.el).parent().removeClass('w2ui-required');
+ }
+ }
+ // attach actions on buttons
+ $(this.box).find('button, input[type=button]').each(function (index, el) {
+ $(el).off('click').on('click', function (event) {
+ var action = this.value;
+ if (this.name) action = this.name;
+ if (this.id) action = this.id;
+ obj.action(action, event);
+ });
+ });
+ // init controls with record
+ for (var f in this.fields) {
+ var field = this.fields[f];
+ var value = (typeof this.record[field.name] != 'undefined' ? this.record[field.name] : '');
+ if (!field.el) continue;
+ switch (String(field.type).toLowerCase()) {
+ case 'email':
+ case 'text':
+ case 'textarea':
+ field.el.value = value;
+ break;
+ case 'date':
+ if (!field.options) field.options = {};
+ if (!field.options.format) field.options.format = w2utils.settings.date_format;
+ field.el.value = value;
+ this.record[field.name] = value;
+ $(field.el).w2field($.extend({}, field.options, { type: 'date' }));
+ break;
+ case 'int':
+ field.el.value = value;
+ $(field.el).w2field('int');
+ break;
+ case 'float':
+ field.el.value = value;
+ $(field.el).w2field('float');
+ break;
+ case 'money':
+ field.el.value = value;
+ $(field.el).w2field('money');
+ break;
+ case 'hex':
+ field.el.value = value;
+ $(field.el).w2field('hex');
+ break;
+ case 'alphanumeric':
+ field.el.value = value;
+ $(field.el).w2field('alphaNumeric');
+ break;
+ case 'checkbox':
+ if (this.record[field.name] == true || this.record[field.name] == 1 || this.record[field.name] == 't') {
+ $(field.el).prop('checked', true);
+ } else {
+ $(field.el).prop('checked', false);
+ }
+ break;
+ case 'password':
+ // hide passwords
+ field.el.value = value;
+ break;
+ case 'select':
+ case 'list':
+ $(field.el).w2field($.extend({}, field.options, { type: 'list', value: value }));
+ break;
+ case 'enum':
+ if (typeof field.options == 'undefined' || (typeof field.options.url == 'undefined' && typeof field.options.items == 'undefined')) {
+ console.log("ERROR: (w2form."+ obj.name +") the field "+ field.name +" defined as enum but not field.options.url or field.options.items provided.");
+ break;
+ }
+ // normalize value
+ this.record[field.name] = w2obj.field.cleanItems(value);
+ value = this.record[field.name];
+ $(field.el).w2field( $.extend({}, field.options, { type: 'enum', selected: value }) );
+ break;
+ case 'upload':
+ $(field.el).w2field($.extend({}, field.options, { type: 'upload', selected: value }));
+ break;
+ case 'color':
+ field.el.value = value;
+ $(field.el).w2field('color');
+ break;
+ default:
+ console.log('ERROR: field type "'+ field.type +'" is not recognized.');
+ break;
+ }
+ }
+ // wrap pages in div
+ var tmp = $(this.box).find('.w2ui-page');
+ for (var i = 0; i < tmp.length; i++) {
+ if ($(tmp[i]).find('> *').length > 1) $(tmp[i]).wrapInner('');
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ this.resize();
+ },
+
+ render: function (box) {
+ var obj = this;
+ if (typeof box == 'object') {
+ // remove from previous box
+ if ($(this.box).find('#form_'+ this.name +'_tabs').length > 0) {
+ $(this.box).removeAttr('name')
+ .removeClass('w2ui-reset w2ui-form')
+ .html('');
+ }
+ this.box = box;
+ }
+ if (!this.isGenerated) return;
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'render', box: (typeof box != 'undefined' ? box : this.box) });
+ if (eventData.isCancelled === true) return false;
+ // default actions
+ var html = '' +
+ (this.header != '' ? '
';
+ $(this.box).attr('name', this.name)
+ .addClass('w2ui-reset w2ui-form')
+ .html(html);
+ if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;
+
+ // init toolbar regardless it is defined or not
+ if (typeof this.toolbar['render'] == 'undefined') {
+ this.toolbar = $().w2toolbar($.extend({}, this.toolbar, { name: this.name +'_toolbar', owner: this }));
+ this.toolbar.on('click', function (event) {
+ var eventData = obj.trigger({ phase: 'before', type: 'toolbar', target: event.target, originalEvent: event });
+ if (eventData.isCancelled === true) return false;
+ // no default action
+ obj.trigger($.extend(eventData, { phase: 'after' }));
+ });
+ }
+ if (typeof this.toolbar == 'object' && typeof this.toolbar.render == 'function') {
+ this.toolbar.render($('#form_'+ this.name +'_toolbar')[0]);
+ }
+ // init tabs regardless it is defined or not
+ if (typeof this.tabs['render'] == 'undefined') {
+ this.tabs = $().w2tabs($.extend({}, this.tabs, { name: this.name +'_tabs', owner: this }));
+ this.tabs.on('click', function (event) {
+ obj.goto(this.get(event.target, true));
+ });
+ }
+ if (typeof this.tabs == 'object' && typeof this.tabs.render == 'function') {
+ this.tabs.render($('#form_'+ this.name +'_tabs')[0]);
+ }
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ // after render actions
+ this.resize();
+ var url = (typeof this.url != 'object' ? this.url : this.url.get);
+ if (url && this.recid != 0) {
+ this.request();
+ } else {
+ this.refresh();
+ }
+ // attach to resize event
+ if ($('.w2ui-layout').length == 0) { // if there is layout, it will send a resize event
+ this.tmp_resize = function (event) { w2ui[obj.name].resize(); }
+ $(window).off('resize', 'body').on('resize', 'body', this.tmp_resize);
+ }
+ setTimeout(function () { obj.resize(); obj.refresh(); }, 150); // need timer because resize is on timer
+ // focus on load
+ function focusEl() {
+ var inputs = $(obj.box).find('input, select, textarea');
+ if (inputs.length > obj.focus) inputs[obj.focus].focus();
+ }
+ if (this.focus >= 0) setTimeout(focusEl, 500); // need timeout to allow form to render
+ },
+
+ destroy: function () {
+ // event before
+ var eventData = this.trigger({ phase: 'before', target: this.name, type: 'destroy' });
+ if (eventData.isCancelled === true) return false;
+ // clean up
+ if (typeof this.toolbar == 'object' && this.toolbar.destroy) this.toolbar.destroy();
+ if (typeof this.tabs == 'object' && this.tabs.destroy) this.tabs.destroy();
+ if ($(this.box).find('#form_'+ this.name +'_tabs').length > 0) {
+ $(this.box)
+ .removeAttr('name')
+ .removeClass('w2ui-reset w2ui-form')
+ .html('');
+ }
+ delete w2ui[this.name];
+ // event after
+ this.trigger($.extend(eventData, { phase: 'after' }));
+ $(window).off('resize', 'body')
+ }
+ }
+
+ $.extend(w2form.prototype, w2utils.event);
+ w2obj.form = w2form;
+})();
diff --git a/dist/w2ui-1.3.1.min.css b/dist/w2ui-1.3.1.min.css
new file mode 100644
index 000000000..d28a948c6
--- /dev/null
+++ b/dist/w2ui-1.3.1.min.css
@@ -0,0 +1,2 @@
+/* w2ui 1.3.1 (c) http://w2ui.com, vitmalina@gmail.com */
+.w2ui-reset{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-reset *{color:default;font-family:Verdana,Arial;font-size:11px;line-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.w2ui-reset table{max-width:none;background-color:transparent;border-collapse:separate;border-spacing:0}.w2ui-reset input,.w2ui-reset textarea{width:auto;height:auto;vertical-align:baseline;padding:4px}.w2ui-reset select{padding:1px;height:23px}.w2ui-centered{display:table;width:100%;height:100%}.w2ui-centered>div{display:table-cell;padding:10px 20px 20px 10px;text-align:center;vertical-align:middle}input[type=password],input[type=text],select,textarea{padding:4px;border:1px solid #bbb;border-radius:3px;color:#000;background-color:#fff}input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline-color:#72b2ff}input[type=password]:disabled,input[type=password][readonly],input[type=text]:disabled,input[type=text][readonly],select:disabled,select[readonly],textarea:disabled,textarea[readonly]{background-color:#f1f1f1;color:#888}select{padding:2px}.w2ui-overlay{position:absolute;margin-top:6px;margin-left:-17px;display:none;z-index:1300;color:inherit;background-color:#fbfbfb;border:3px solid #777;box-shadow:0 2px 10px #999;border-radius:4px;text-align:left}.w2ui-overlay table td{color:inherit}.w2ui-overlay:before{content:"";position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:10px;height:10px;border:3px solid #777;border-color:inherit;background-color:inherit;border-left:1px solid transparent;border-bottom:1px solid transparent;border-bottom-left-radius:50px;margin:-9px 0 0 32px}.w2ui-overlay.w2ui-overlay-popup{z-index:1700}.w2ui-tag{position:absolute;z-index:1300;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.w2ui-tag .w2ui-tag-body{background-color:rgba(60,60,60,.82);display:inline-block;position:absolute;border-radius:4px;padding:4px 10px;margin-left:10px;margin-top:0;color:#fff!important;box-shadow:1px 1px 3px #000;line-height:normal;font-size:11px;font-family:Verdana,Arial}.w2ui-tag .w2ui-tag-body:before{content:"";position:absolute;width:0;height:0;border-top:5px solid transparent;border-right:5px solid rgba(60,60,60,.82);border-bottom:5px solid transparent;margin:2px 0 0 -15px}.w2ui-tag.w2ui-tag-popup{z-index:1700}.w2ui-marker{color:#444;background-color:#FFF8B0}.w2ui-spinner{display:inline-block;background-size:100%;background-repeat:no-repeat;background-image:url(data:image/gif;base64,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)}.w2ui-icon{background-repeat:no-repeat;height:16px;width:16px;overflow:hidden;margin:2px;display:inline-block}.w2ui-icon.icon-reload{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAI/SURBVDjLjZPbS9NhHMYH+zNidtCSQrqwQtY5y2QtT2QGrTZf13TkoYFlzsWa/tzcoR3cSc2xYUlGJfzAaIRltY0N12H5I+jaOxG8De+evhtdOP1hu3hv3sPzPO/z4SsBIPnfuvG8cbBlWiEVO5OUItA0VS8oxi9EdhXo+6yV3V3UGHRvVXHNfNv6zRfNuBZVoiFcB/3LdnQ8U+Gk+bhPVKB3qUOuf6/muaQR/qwDkZ9BRFdCmMr5EPz6BN7lMYylLGgNNaKqt3K0SKDnQ7us690t3rNsxeyvaUz+8OJpzo/QNzd8WTtcaQ7WlBmPvxhx1V2Pg7oDziIBimwwf3qAGWESkVwQ7owNujk1ztvk+cg4NnAUTT4FrrjqUKHdF9jxBfXr1rgjaSk4OlMcLrnOrJ7latxbL1V2lgvlbG9MtMTrMw1r1PImtfyn1n5q47TlBLf90n5NmalMtUdKZoyQMkLKlIGLjMyYhFpmlz3nGEVmFJlRZNaf7pIaEndM24XIjCOzjX9mm2S2JsqdkMYIqbB1j5C6yWzVk7YRFTsGFu7l+4nveExIA9aMCcOJh6DIoMigyOh+o4UryRWQOtIjaJtoziM1FD0mpE4uZcTc72gBaUyYKEI6khgqINXO3saR7kM8IZUVCRDS0Ucf+xFbCReQhr97MZ51wpWxYnhpCD3zOrT4lTisr+AJqVx0Fiiyr4/vhP4VyyMFIUWNqRrV96vWKXKckBoIqWzXYcoPDrUslDJoopuEVEpIB0sR+AuErIiZ6OqMKAAAAABJRU5ErkJggg==) no-repeat center}.w2ui-icon.icon-columns{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFwSURBVBgZpcG9apNhHMbh3/ORWiztpLSrQ86gmw6egkuXjE7i5CQ0OAZxUSj0DCxiB8/A07BDBXEoKEoGbaP45n/f9im+SwhCyXUl26wiPXjy9vG9+7svpjNv2ICEJUKBZWThCGTjCEJia627ODk5e/ru5d5h3b27ezBY38jb61zHxsUsDoDDOuucZ9NzrutX50yz//rUy4zffPT/PHz+3peotmjGR6f0JqMhven5b2JuYm7C4k+YOzubhIImY9PbvrXJoloqdZCpNzJra5Wbg0qjedDUUND7+v0ni0qGnAo1QSQTWTQK0VTLNJPRkGVKAiVwAnKiqNBIQVOloBkfndKbjIb0Us1UCRkyoMQVSTR53nX0dm5vsSgDKWdKyaScyIUr825OUx2i9+XbDxbllGgElJSwRGOJpkqimYyGLFNSoin8UwqNbJp69unz8aNX3Z4iUIiIQBLRdYyefUA2VuAwsrCERHPMpWSbVWRW9Bcyl/ydiZeC0gAAAABJRU5ErkJggg==) no-repeat center!important}.w2ui-icon.icon-search,.w2ui-icon.icon-search-down{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAACuElEQVRYw9WXSWhTQRjHR0UKLqhFaV0OUih68GAOWjyJKypCpAoV8aIiioIICiKiB1GMtE3MYmry2moXDz1UDx7sUXHBhQpSaRVxrYpWcMO9avx/8AJh/CbznHkxdeB3Cd/8589kvuUJkWcdjCTHghUgAi6DJ+AVeAqugSQIggniXywcNBJsB70g44EHYBcYXUhTM8EFj4ZkboKqQpiqAv2GprK8o7/f75t6pjn0M3gNPmri3vtycxAZA64qDvkJ2kENqAQTQQWoBg74qth3B4y3NbZDIX4fzNfsnQtuK/YfsjFVCh4pMq3Co0Y5uMVoUGkpy8aFT5xaeSzVEo45bXdBt4LeaLq1k0RXMYJfdDfFmAuAD4zWlty4UNyZEkm19MUb2zMw8Sfp1u+IWSrcIimLnTG8/SijdU6OO5poDESdtgHZVBzUHm/amhW7zoitMTS2mNHqASPk2FDCCcLMYK6p+obmulyxfiYLA4bGKFvfSnrUvkq5+Lpk8z4yRH8r3l/X4WiqJFfspSQ0CGYZGpsMnkt6L+h31Z76hpMdeOwPQ7H0NFnssST0C8wxNDaDKb6kP06150gsHahNNlVzYheZd7HJ0BiX4VRGhpmIhRixKyZilM2M1mnTArtIUbU3/qVO0H0GvmQ4CY4C3YopYYlHjXlggNG4R33Ypi2tVtwaPeTdNMkq9pVQZQdvFPs32zbx4aAjzxhDRfIAWAeWg7VgrzsY5ht/zoNJtubKwA3LITGjSKRyW3NTwaUCmKOSMd3WHH0ZJRQZZkOP1zFKZ3CB++4+aQ6kEeksWAb2a2L7qDv49S1Q6T72MOgEXa6RGFhP3wpS/B6NOWpRs0UxFg7eqTFHjX1hscxtAz/ymEuIYi0cvgF8Y0w5Ro3dZ3M1boJkTaXEUFlug6fsdsRQWzTj0cey+N/Xb2sj5lTh2M6OAAAAAElFTkSuQmCC) no-repeat center!important;background-size:14px 12px!important;opacity:.9}.w2ui-icon.icon-add{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJvSURBVDjLpZPrS5NhGIf9W7YvBYOkhlkoqCklWChv2WyKik7blnNris72bi6dus0DLZ0TDxW1odtopDs4D8MDZuLU0kXq61CijSIIasOvv94VTUfLiB74fXngup7nvrnvJABJ/5PfLnTTdcwOj4RsdYmo5glBWP6iOtzwvIKSWstI0Wgx80SBblpKtE9KQs/We7EaWoT/8wbWP61gMmCH0lMDvokT4j25TiQU/ITFkek9Ow6+7WH2gwsmahCPdwyw75uw9HEO2gUZSkfyI9zBPCJOoJ2SMmg46N61YO/rNoa39Xi41oFuXysMfh36/Fp0b7bAfWAH6RGi0HglWNCbzYgJaFjRv6zGuy+b9It96N3SQvNKiV9HvSaDfFEIxXItnPs23BzJQd6DDEVM0OKsoVwBG/1VMzpXVWhbkUM2K4oJBDYuGmbKIJ0qxsAbHfRLzbjcnUbFBIpx/qH3vQv9b3U03IQ/HfFkERTzfFj8w8jSpR7GBE123uFEYAzaDRIqX/2JAtJbDat/COkd7CNBva2cMvq0MGxp0PRSCPF8BXjWG3FgNHc9XPT71Ojy3sMFdfJRCeKxEsVtKwFHwALZfCUk3tIfNR8XiJwc1LmL4dg141JPKtj3WUdNFJqLGFVPC4OkR4BxajTWsChY64wmCnMxsWPCHcutKBxMVp5mxA1S+aMComToaqTRUQknLTH62kHOVEE+VQnjahscNCy0cMBWsSI0TCQcZc5ALkEYckL5A5noWSBhfm2AecMAjbcRWV0pUTh0HE64TNf0mczcnnQyu/MilaFJCae1nw2fbz1DnVOxyGTlKeZft/Ff8x1BRssfACjTwQAAAABJRU5ErkJggg==) no-repeat center!important}.w2ui-icon.icon-delete{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJdSURBVDjLpZP7S1NhGMf9W7YfogSJboSEUVCY8zJ31trcps6zTI9bLGJpjp1hmkGNxVz4Q6ildtXKXzJNbJRaRmrXoeWx8tJOTWptnrNryre5YCYuI3rh+8vL+/m8PA/PkwIg5X+y5mJWrxfOUBXm91QZM6UluUmthntHqplxUml2lciF6wrmdHriI0Wx3xw2hAediLwZRWRkCPzdDswaSvGqkGCfq8VEUsEyPF1O8Qu3O7A09RbRvjuIttsRbT6HHzebsDjcB4/JgFFlNv9MnkmsEszodIIY7Oaut2OJcSF68Qx8dgv8tmqEL1gQaaARtp5A+N4NzB0lMXxon/uxbI8gIYjB9HytGYuusfiPIQcN71kjgnW6VeFOkgh3XcHLvAwMSDPohOADdYQJdF1FtLMZPmslvhZJk2ahkgRvq4HHUoWHRDqTEDDl2mDkfheiDgt8pw340/EocuClCuFvboQzb0cwIZgki4KhzlaE6w0InipbVzBfqoK/qRH94i0rgokSFeO11iBkp8EdV8cfJo0yD75aE2ZNRvSJ0lZKcBXLaUYmQrCzDT6tDN5SyRqYlWeDLZAg0H4JQ+Jt6M3atNLE10VSwQsN4Z6r0CBwqzXesHmV+BeoyAUri8EyMfi2FowXS5dhd7doo2DVII0V5BAjigP89GEVAtda8b2ehodU4rNaAW+dGfzlFkyo89GTlcrHYCLpKD+V7yeeHNzLjkp24Uu1Ed6G8/F8qjqGRzlbl2H2dzjpMg1KdwsHxOlmJ7GTeZC/nesXbeZ6c9OYnuxUc3fmBuFft/Ff8xMd0s65SXIb/gAAAABJRU5ErkJggg==) no-repeat center!important}.w2ui-icon.icon-save{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKfSURBVDjLpZPrS1NhHMf9O3bOdmwDCWREIYKEUHsVJBI7mg3FvCxL09290jZj2EyLMnJexkgpLbPUanNOberU5taUMnHZUULMvelCtWF0sW/n7MVMEiN64AsPD8/n83uucQDi/id/DBT4Dolypw/qsz0pTMbj/WHpiDgsdSUyUmeiPt2+V7SrIM+bSss8ySGdR4abQQv6lrui6VxsRonrGCS9VEjSQ9E7CtiqdOZ4UuTqnBHO1X7YXl6Daa4yGq7vWO1D40wVDtj4kWQbn94myPGkCDPdSesczE2sCZShwl8CzcwZ6NiUs6n2nYX99T1cnKqA2EKui6+TwphA5k4yqMayopU5mANV3lNQTBdCMVUA9VQh3GuDMHiVcLCS3J4jSLhCGmKCjBEx0xlshjXYhApfMZRP5CyYD+UkG08+xt+4wLVQZA1tzxthm2tEfD3JxARH7QkbD1ZuozaggdZbxK5kAIsf5qGaKMTY2lAU/rH5HW3PLsEwUYy+YCcERmIjJpDcpzb6l7th9KtQ69fi09ePUej9l7cx2DJbD7UrG3r3afQHOyCo+V3QQzE35pvQvnAZukk5zL5qRL59jsKbPzdheXoBZc4saFhBS6AO7V4zqCpiawuptwQG+UAa7Ct3UT0hh9p9EnXT5Vh6t4C22QaUDh6HwnECOmcO7K+6kW49DKqS2DrEZCtfuI+9GrNHg4fMHVSO5kE7nAPVkAxKBxcOzsajpS4Yh4ohUPPWKTUh3PaQEptIOr6BiJjcZXCwktaAGfrRIpwblqOV3YKdhfXOIvBLeREWpnd8ynsaSJoyESFphwTtfjN6X1jRO2+FxWtCWksqBApeiFIR9K6fiTpPiigDoadqCEag5YUFKl6Yrciw0VOlhOivv/Ff8wtn0KzlebrUYwAAAABJRU5ErkJggg==) no-repeat center!important}.w2ui-icon.icon-edit{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) no-repeat center!important}.w2ui-icon.icon-bullet-black{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABlSURBVCjPY/jPgB8yDC4FilKKDfJXZa6KNwhKYVfQkPW/63/b/+T/XA1YFchd7fqf/j/2f+N/5qtYFUhe7fif9D/sf91/BuwKhBoS/jcBpcP/M2C3gluKrYHhKhA2MEgN2pDEDgEb0f5zlvXgVgAAAABJRU5ErkJggg==) no-repeat center!important}.w2ui-icon.icon-folder{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLxZO7ihRBFIa/6u0ZW7GHBUV0UQQTZzd3QdhMQxOfwMRXEANBMNQX0MzAzFAwEzHwARbNFDdwEd31Mj3X7a6uOr9BtzNjYjKBJ6nicP7v3KqcJFaxhBVtZUAK8OHlld2st7Xl3DJPVONP+zEUV4HqL5UDYHr5xvuQAjgl/Qs7TzvOOVAjxjlC+ePSwe6DfbVegLVuT4r14eTr6zvA8xSAoBLzx6pvj4l+DZIezuVkG9fY2H7YRQIMZIBwycmzH1/s3F8AapfIPNF3kQk7+kw9PWBy+IZOdg5Ug3mkAATy/t0usovzGeCUWTjCz0B+Sj0ekfdvkZ3abBv+U4GaCtJ1iEm6ANQJ6fEzrG/engcKw/wXQvEKxSEKQxRGKE7Izt+DSiwBJMUSm71rguMYhQKrBygOIRStf4TiFFRBvbRGKiQLWP29yRSHKBTtfdBmHs0BUpgvtgF4yRFR+NUKi0XZcYjCeCG2smkzLAHkbRBmP0/Uk26O5YnUActBp1GsAI+S5nRJJJal5K1aAMrq0d6Tm9uI6zjyf75dAe6tx/SsWeD//o2/Ab6IH3/h25pOAAAAAElFTkSuQmCC) no-repeat center!important}.w2ui-icon.icon-page{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAINSURBVBgZBcG/r55zGAfg6/4+z3va01NHlYgzEfE7MdCIGISFgS4Gk8ViYyM2Mdlsko4GSf8Do0FLRCIkghhYJA3aVBtEz3nP89wf11VJvPDepdd390+8Nso5nESBQoq0pfvXm9fzWf19453LF85vASqJlz748vInb517dIw6EyYBIIG49u+xi9/c9MdvR//99MPPZ7+4cP4IZhhTPbwzT2d+vGoaVRRp1rRliVvHq+cfvM3TD82+7mun0o/ceO7NT+/4/KOXjwZU1ekk0840bAZzMQ2mooqh0A72d5x/6sB9D5zYnff3PoYBoWBgFKPKqDKqjCpjKr//dcu9p489dra88cydps30KswACfNEKanSaxhlntjJ8Mv12Paie+vZ+0+oeSwwQ0Iw1xAR1CiFNJkGO4wu3ZMY1AAzBI0qSgmCNJsJUEOtJSMaCTBDLyQ0CknAGOgyTyFFiLI2awMzdEcSQgSAAKVUmAeNkxvWJWCGtVlDmgYQ0GFtgg4pNtOwbBcwQy/Rife/2yrRRVI0qYCEBly8Z+P4qMEMy7JaVw72N568e+iwhrXoECQkfH91kY7jwwXMsBx1L93ZruqrK6uuiAIdSnTIKKPLPFcvay8ww/Hh+ufeznTXu49v95IMoQG3784gYXdTqvRmqn/Wpa/ADFX58MW3L71SVU9ETgEIQQQIOOzub+fhIvwPRDgeVjWDahIAAAAASUVORK5CYII=) no-repeat center!important}.w2ui-lock{opacity:.15;filter:alpha(opacity=15);background-color:#333;position:absolute;z-index:1400;display:none}.w2ui-lock-msg{position:absolute;z-index:1400;width:200px;height:80px;padding:30px 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;font-family:Verdana,Arial;opacity:.8;filter:alpha(opacity=80);background-color:#555;color:#fff;text-align:center;border-radius:5px;border:2px solid #444;display:none}.w2ui-lock-msg .w2ui-spinner{display:inline-block;width:24px;height:24px;margin:-3px 8px -7px -10px}.w2ui-form{position:relative;color:#000;background-color:#f5f6f7;border:1px solid silver;border-radius:3px;padding:0;overflow:hidden!important}.w2ui-form>div{position:absolute;overflow:hidden}.w2ui-form .w2ui-form-header{position:absolute;left:0;right:0;border-bottom:1px solid #99bbe8!important;overflow:hidden;color:#444;font-size:13px;text-align:center;padding:8px;background-image:-webkit-linear-gradient(#dae6f3,#c2d5ed);background-image:-moz-linear-gradient(#dae6f3,#c2d5ed);background-image:-ms-linear-gradient(#dae6f3,#c2d5ed);background-image:-o-linear-gradient(#dae6f3,#c2d5ed);background-image:linear-gradient(#dae6f3,#c2d5ed);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffdae6f3', endColorstr='#ffc2d5ed', GradientType=0);border-top-left-radius:3px;border-top-right-radius:3px}.w2ui-form .w2ui-form-toolbar{position:absolute;left:0;right:0;margin:0;padding:6px 3px;border-bottom:1px solid #d5d8d8}.w2ui-form .w2ui-form-tabs{margin:0;padding:0}.w2ui-form .w2ui-tabs{position:absolute;left:0;right:0;border-top-left-radius:3px;border-top-right-radius:3px;padding-top:5px!important;background-color:#fafafa}.w2ui-form .w2ui-tabs .w2ui-tab.active{background-color:#f5f6f7}.w2ui-form .w2ui-page{position:absolute;left:0;right:0;overflow:auto;padding:10px;border-left:1px solid inherit;border-right:1px solid inherit;background-color:inherit;border-radius:3px}.w2ui-form .w2ui-buttons{position:absolute;left:0;right:0;bottom:0;text-align:center;border-top:1px solid #d5d8d8;border-bottom:0 solid #d5d8d8;background-color:#fafafa;padding:15px 0!important;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.w2ui-form .w2ui-buttons button,.w2ui-form .w2ui-buttons input[type=button]{width:80px;margin-right:5px}.w2ui-form input[type=checkbox]{margin-top:4px;margin-bottom:4px}.w2ui-group{background-color:#ebecef;margin:5px 0 10px;padding:10px 5px;border-top:1px solid #cedcea;border-bottom:1px solid #cedcea}.w2ui-label{float:left;margin-top:6px;margin-bottom:3px;width:120px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-height:20px}.w2ui-label.w2ui-span1{width:20px;float:left}.w2ui-label.w2ui-span2{width:40px;float:left}.w2ui-label.w2ui-span3{width:60px;float:left}.w2ui-label.w2ui-span4{width:80px;float:left}.w2ui-label.w2ui-span5{width:100px;float:left}.w2ui-label.w2ui-span6{width:120px;float:left}.w2ui-label.w2ui-span7{width:140px;float:left}.w2ui-label.w2ui-span8{width:160px;float:left}.w2ui-label.w2ui-span9{width:180px;float:left}.w2ui-label.w2ui-span10{width:200px;float:left}.w2ui-field{margin-bottom:3px;margin-left:128px;padding:3px;min-height:20px}.w2ui-field.w2ui-span1{margin-left:28px;float:none}.w2ui-field.w2ui-span2{margin-left:48px;float:none}.w2ui-field.w2ui-span3{margin-left:68px;float:none}.w2ui-field.w2ui-span4{margin-left:88px;float:none}.w2ui-field.w2ui-span5{margin-left:108px;float:none}.w2ui-field.w2ui-span6{margin-left:128px;float:none}.w2ui-field.w2ui-span7{margin-left:148px;float:none}.w2ui-field.w2ui-span8{margin-left:168px;float:none}.w2ui-field.w2ui-span9{margin-left:188px;float:none}.w2ui-field.w2ui-span10{margin-left:208px;float:none}.w2ui-required{position:relative}.w2ui-required::before{content:'*';position:absolute;margin-top:5px;margin-left:-9px;color:red}.w2ui-error{border:1px solid #ffa8a8!important;background-color:#fff4eb!important}.w2ui-field-helper{position:absolute;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.w2ui-field-helper .w2ui-field-up{position:absolute;top:0;padding:2px 3px}.w2ui-field-helper .w2ui-field-down{position:absolute;bottom:0;padding:2px 3px}.w2ui-field-helper .arrow-up:hover{border-bottom-color:#81C6FF}.w2ui-field-helper .arrow-down:hover{border-top-color:#81C6FF}.w2ui-field-helper .arrow-up{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #777;font-size:0;line-height:0}.w2ui-field-helper .arrow-down{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #777;font-size:0;line-height:0}.w2ui-field-helper .arrow-left{width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:5px solid #777;font-size:0;line-height:0}.w2ui-field-helper .arrow-right{width:0;height:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:5px solid #777;font-size:0;line-height:0}.w2ui-color{padding:5px;background-color:#fff;border-radius:3px}.w2ui-color>table{table-layout:fixed;width:160px}.w2ui-color>table td{width:20px;height:20px}.w2ui-color>table td div{cursor:pointer;display:inline-block;width:16px;height:17px;padding:1px 4px;border:1px solid transparent;color:#fff;text-shadow:0 0 2px #000}.w2ui-color>table td div:hover{outline:1px solid #666;border:1px solid #fff}.w2ui-calendar{position:absolute;z-index:1600;display:none;margin:3px 0 0 -2px;padding:0;border:1px solid #aaa;border-radius:4px;box-shadow:2px 2px 8px #bbb;line-height:108%}.w2ui-calendar .w2ui-calendar-title{padding:5px 1px 6px;border-top-left-radius:4px;border-top-right-radius:4px;background-image:-webkit-linear-gradient(#e6e6e6,#c2c4c4);background-image:-moz-linear-gradient(#e6e6e6,#c2c4c4);background-image:-ms-linear-gradient(#e6e6e6,#c2c4c4);background-image:-o-linear-gradient(#e6e6e6,#c2c4c4);background-image:linear-gradient(#e6e6e6,#c2c4c4);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc2c4c4', GradientType=0);border-bottom:1px solid #999;color:#000;text-align:center;font-weight:700}.w2ui-calendar .w2ui-calendar-next,.w2ui-calendar .w2ui-calendar-previous{width:24px;height:20px;color:#666;border:1px solid transparent;border-radius:3px;padding:2px 3px 1px 2px;margin:-4px 0 0 0;cursor:default}.w2ui-calendar .w2ui-calendar-next:hover,.w2ui-calendar .w2ui-calendar-previous:hover{border:1px solid silver;background-color:#efefef}.w2ui-calendar .w2ui-calendar-previous{float:left}.w2ui-calendar .w2ui-calendar-next{float:right}.w2ui-calendar table.w2ui-calendar-days{border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:0}.w2ui-calendar table.w2ui-calendar-days td{border:1px solid #e8e8e8;color:#000;background-color:#f4f4fe;padding:5px;cursor:default;text-align:right}.w2ui-calendar table.w2ui-calendar-days td.w2ui-saturday,.w2ui-calendar table.w2ui-calendar-days td.w2ui-sunday{border:1px solid #e8e8e8;color:#c8493b;background-color:#f4f4fe}.w2ui-calendar table.w2ui-calendar-days td.w2ui-saturday:hover,.w2ui-calendar table.w2ui-calendar-days td.w2ui-sunday:hover{border:1px solid #aaa;color:#000;background-color:#ff0}.w2ui-calendar table.w2ui-calendar-days td.w2ui-today{border:1px solid #8cb067;color:#000;background-color:#e2f7cd}.w2ui-calendar table.w2ui-calendar-days td:hover{border:1px solid #aaa;color:#000;background-color:#ff0}.w2ui-calendar table.w2ui-calendar-days td.w2ui-blocked-date{text-decoration:line-through;border:1px solid #e8e8e8;color:gray;background-color:#e8e8e8}.w2ui-calendar table.w2ui-calendar-days td.w2ui-day-empty{border:1px solid #e8e8e8;background-color:#f4f4fe}.w2ui-calendar table.w2ui-calendar-days tr.w2ui-day-title td{border:1px solid #e8e8e8;color:gray;background-color:#e8e8e8;text-align:center;padding:5px}.w2ui-list{color:inherit;position:absolute;padding:0;margin:0;min-height:25px;overflow:auto;border:1px solid silver;border-radius:3px;font-size:6px;line-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.w2ui-list input[type=text]{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.w2ui-list ul{list-style-type:none;background-color:#000;margin:0;padding:0}.w2ui-list ul li{float:left;margin:2px 1px 0 2px;border-radius:3px;width:auto;padding:1px 5px;border:1px solid #88b0d6;background-color:#eff3f5;white-space:nowrap;cursor:default;font-family:verdana;font-size:11px;line-height:normal}.w2ui-list ul li:hover{background-color:#d0dbe1}.w2ui-list ul li:last-child{border-radius:0;border:1px solid transparent;background-color:transparent}.w2ui-list ul li:last-child input{padding:0;margin:0;outline:0;border:0}.w2ui-list ul li div{float:right;width:15px;height:16px;margin:-1px -3px 0 4px;border-radius:15px}.w2ui-list ul li div:hover{background-color:#D77F7F;color:#fff}.w2ui-list ul li div:before{position:relative;top:1px;left:4px;color:inherit;opacity:.6;text-shadow:inherit;content:'x'}.w2ui-list ul li input{width:10px;background-color:transparent}.w2ui-items{position:absolute;margin-top:6px;display:none;z-index:1600;background-color:#fff;border:3px solid #777;box-shadow:0 3px 8px #999;border-radius:4px;text-align:left}.w2ui-items:before{content:"";position:absolute;z-index:1601;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid transparent;border-bottom-color:inherit;margin:-8px 0 0 5px}.w2ui-items .w2ui-items-list{border-radius:4px;padding:3px}.w2ui-items .w2ui-empty-list{padding:5px 2px;text-align:center;color:gray}.w2ui-items ul li{display:block;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;padding:5px;cursor:pointer}.w2ui-items ul li.w2ui-item-even{color:inherit;background-color:#fff}.w2ui-items ul li.w2ui-item-odd{color:inherit;background-color:#f3f6fa}.w2ui-items ul li.w2ui-item-group{color:#444;font-weight:700;background-color:#ECEDF0;border-bottom:1px solid #D3D2D4}.w2ui-items ul li.selected{color:inherit;background-color:#b6d5ff}.w2ui-upload{position:absolute;background-color:#fff;border:1px solid silver!important;border-radius:3px;text-align:center;overflow:auto}.w2ui-upload>span:first-child{pointer-events:none;margin:0;padding:0;font-size:14px!important;color:#999}.w2ui-upload.dragover{background-color:#D9FFD5;border:1px solid #93E07D}.w2ui-upload .file-list{margin:0;padding:0;margin-bottom:6px}.w2ui-upload .file-list li{padding:2px 5px;font-family:verdana;font-size:11px;line-height:normal;float:left;display:inline-block;border:1px solid #88b0d6;background-color:#eff3f5;border-radius:3px;margin:2px 0 2px 2px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default;width:auto;max-width:400px}.w2ui-upload .file-list li:hover{background-color:#d0dbe1}.w2ui-upload .file-list li>span.file-size{pointer-events:none;color:#777}.w2ui-upload .file-list li>span.file-name{pointer-events:none}.w2ui-upload .file-list li>div.file-delete{float:right;z-index:1;width:16px;height:16px;margin:-1px -4px 0 4px;border-radius:15px}.w2ui-upload .file-list li>div.file-delete:hover{background-color:#D77F7F;color:#fff}.w2ui-upload .file-list li>div.file-delete:before{position:relative;top:1px;left:5px;opacity:.6;color:inherit;text-shadow:inherit;content:'x'}.w2ui-layout{overflow:hidden!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-layout *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-layout>div{position:absolute;overflow:hidden;border:0;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-layout>div .w2ui-panel{display:none;position:absolute;z-index:120}.w2ui-layout>div .w2ui-panel .w2ui-panel-tabs{position:absolute;left:0;top:0;right:0;z-index:2;display:none;overflow:hidden;background-color:#fafafa;padding:4px 0}.w2ui-layout>div .w2ui-panel .w2ui-panel-tabs>.w2ui-tab.active{background-color:#f5f6f7}.w2ui-layout>div .w2ui-panel .w2ui-panel-toolbar{position:absolute;left:0;top:0;right:0;z-index:2;display:none;overflow:hidden;background-color:#fafafa;border-bottom:1px solid silver;padding:4px}.w2ui-layout>div .w2ui-panel .w2ui-panel-content{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;color:inherit;background-color:#f5f6f7}.w2ui-layout>div .w2ui-resizer{display:none;position:absolute;z-index:121;background-color:transparent}.w2ui-layout>div .w2ui-resizer.active,.w2ui-layout>div .w2ui-resizer:hover{background-color:#d7e4f2}.w2ui-grid{position:relative;border:1px solid silver;border-radius:2px;overflow:hidden!important}.w2ui-grid>div{position:absolute;overflow:hidden}.w2ui-grid .w2ui-grid-header{position:absolute;border-bottom:1px solid #99bbe8!important;height:28px;overflow:hidden;color:#444;font-size:13px;text-align:center;padding:7px;background-image:-webkit-linear-gradient(#dae6f3,#c2d5ed);background-image:-moz-linear-gradient(#dae6f3,#c2d5ed);background-image:-ms-linear-gradient(#dae6f3,#c2d5ed);background-image:-o-linear-gradient(#dae6f3,#c2d5ed);background-image:linear-gradient(#dae6f3,#c2d5ed);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffdae6f3', endColorstr='#ffc2d5ed', GradientType=0);border-top-left-radius:2px;border-top-right-radius:2px}.w2ui-grid .w2ui-grid-toolbar{position:absolute;border-bottom:1px solid silver;background-color:#dee0e4;height:38px;padding:7px 3px 4px;margin:0;box-shadow:0 1px 2px #ddd}.w2ui-grid .w2ui-toolbar-search{width:160px}.w2ui-grid .w2ui-toolbar-search .w2ui-search-all{outline:0;width:160px;border-radius:10px;line-height:100%;height:22px;border:1px solid #999;color:#000;background-color:#fff;padding:3px 18px 3px 23px;margin:0}.w2ui-grid .w2ui-toolbar-search .w2ui-search-down{position:absolute;margin-top:-7px;margin-left:6px}.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear{position:absolute;width:16px;height:16px;margin-top:-8px;margin-left:-20px;border-radius:15px}.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear:hover{background-color:#D77F7F;color:#fff}.w2ui-grid .w2ui-toolbar-search .w2ui-search-clear:before{position:relative;top:1px;left:5px;opacity:.6;color:inherit;text-shadow:inherit;content:'x'}.w2ui-grid .w2ui-grid-body{position:absolute;overflow:hidden;padding:0;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.w2ui-grid .w2ui-grid-body input,.w2ui-grid .w2ui-grid-body select,.w2ui-grid .w2ui-grid-body textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}.w2ui-grid .w2ui-grid-body .w2ui-grid-columns{overflow:hidden;position:absolute;left:0;top:0;right:0;box-shadow:0 1px 4px #ddd;height:auto}.w2ui-grid .w2ui-grid-body .w2ui-grid-columns table{height:auto}.w2ui-grid .w2ui-grid-body .w2ui-grid-columns .w2ui-resizer{position:absolute;display:block;background-image:none;background-color:rgba(0,0,0,0);padding:0;margin:0;width:6px;height:12px;cursor:col-resize}.w2ui-grid .w2ui-grid-body .w2ui-grid-records{position:absolute;left:0;right:0;top:0;bottom:0}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd{color:inherit;background-color:#fff}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover{color:inherit;background-color:#e6f0ff}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover{background-color:#fff}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even{color:inherit;background-color:#f3f6fa}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover{color:inherit;background-color:#e6f0ff}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover{background-color:#f3f6fa}.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected,.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected{color:#000!important;background-color:#b6d5ff!important}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded{background-color:#CCDCF0!important}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded1{height:0;border-bottom:1px solid #b2bac0;background-color:#CCDCF0}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded1>div{height:100%;margin:0;padding:0}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded2{height:0;border-radius:0;border-bottom:1px solid #b2bac0}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded2>div{height:0;border:0;transition:height .3s,opacity .3s}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more{border-top:1px solid #d6d5d7;cursor:pointer}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more>div{text-align:center;color:#777;background-color:rgba(233,237,243,.5);padding:10px 0 15px;border-top:1px solid #fff}.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-load-more>div:hover{color:inherit;background-color:#e6f0ff}.w2ui-grid .w2ui-grid-body table{border-spacing:0;border-collapse:collapse;table-layout:fixed;width:1px}.w2ui-grid .w2ui-grid-body table .w2ui-head{margin:0;padding:0;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;color:#000;background-image:-webkit-linear-gradient(#f9f9f9,#e4e4e4);background-image:-moz-linear-gradient(#f9f9f9,#e4e4e4);background-image:-ms-linear-gradient(#f9f9f9,#e4e4e4);background-image:-o-linear-gradient(#f9f9f9,#e4e4e4);background-image:linear-gradient(#f9f9f9,#e4e4e4);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0)}.w2ui-grid .w2ui-grid-body table .w2ui-head>div{padding:7px 3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w2ui-grid .w2ui-grid-body table td{border-right:1px solid #d6d5d7;border-bottom:0 solid #d6d5d7;cursor:default;overflow:hidden}.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data{margin:0;padding:0}.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data>div{padding:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data>div.flexible-record{height:auto;overflow:visible;white-space:normal}.w2ui-grid .w2ui-grid-body table td:last-child{border-right:0}.w2ui-grid .w2ui-grid-body table .w2ui-col-number{width:34px;color:#777;background-color:rgba(233,237,243,.5)}.w2ui-grid .w2ui-grid-body table .w2ui-col-number div{padding:0 7px 0 3px;text-align:right}.w2ui-grid .w2ui-grid-body table .w2ui-col-select{width:26px}.w2ui-grid .w2ui-grid-body table .w2ui-col-select div{padding:0;text-align:center;overflow:hidden}.w2ui-grid .w2ui-grid-body table .w2ui-col-select div input[type=checkbox]{margin-top:2px;position:relative}.w2ui-grid .w2ui-grid-body table .w2ui-col-expand{width:26px}.w2ui-grid .w2ui-grid-body table .w2ui-col-expand div{padding:0;text-align:center;font-weight:700}.w2ui-grid .w2ui-grid-body div.w2ui-sort-up{background:url(data:image/png;base64,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) no-repeat center right!important;height:auto!important;width:100%;overflow:hidden}.w2ui-grid .w2ui-grid-body div.w2ui-sort-down{background:url(data:image/png;base64,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) no-repeat center right!important;height:auto!important;width:100%;overflow:hidden}.w2ui-grid .w2ui-grid-body .w2ui-col-group{text-align:center}.w2ui-grid .w2ui-changed{background:url(data:image/gif;base64,R0lGODlhCgAKAJEAALAABf///wAAAAAAACH5BAEAAAIALAAAAAAKAAoAAAIPlI8Hy8mbxIsSUnup3rQAADs=) no-repeat top right}.w2ui-grid .w2ui-editable{overflow:hidden;height:100%!important;margin:0!important;padding:0!important}.w2ui-grid .w2ui-editable input{border:0;border-radius:0;margin:0;padding:4px 3px;width:100%;height:100%}.w2ui-grid .w2ui-grid-summary{position:absolute;box-shadow:0 -1px 4px #aaa}.w2ui-grid .w2ui-grid-summary table{color:inherit}.w2ui-grid .w2ui-grid-summary table .w2ui-odd{background-color:#eef5eb}.w2ui-grid .w2ui-grid-summary table .w2ui-even{background-color:#f8fff5}.w2ui-grid .w2ui-grid-footer{position:absolute;margin:0;padding:0;text-align:center;height:24px;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text;box-shadow:0 -1px 4px #eee;color:#444;background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.w2ui-grid .w2ui-grid-footer .w2ui-footer-left{float:left;padding-top:5px;padding-left:5px}.w2ui-grid .w2ui-grid-footer .w2ui-footer-right{float:right;padding-top:5px;padding-right:5px}.w2ui-grid .w2ui-grid-footer .w2ui-footer-center{padding:2px;text-align:center}.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav{width:110px;margin:0 auto;padding:0;text-align:center}.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav input[type=text]{padding:1px 2px 2px;border-radius:3px;width:40px;text-align:center}.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav a.w2ui-footer-btn{display:inline-block;border-radius:3px;cursor:pointer;font-size:11px;line-height:16px;padding:1px 5px;width:30px;height:18px;margin-top:-1px;color:#000;background-color:transparent}.w2ui-grid .w2ui-grid-footer .w2ui-footer-center .w2ui-footer-nav a.w2ui-footer-btn:hover{color:#000;background-color:#aec8ff}.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even,.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover,.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd,.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover{background-color:inherit}.w2ui-ss .w2ui-grid-records table td{border-right-width:1px;border-bottom:1px solid #efefef}.w2ui-ss .w2ui-grid-records table tr:first-child td{border-bottom:0}.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected,.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected{background-color:#EEF4FE!important}.w2ui-ss .w2ui-changed{background:inherit}.w2ui-ss .w2ui-grid-body .w2ui-selection{position:absolute;border:2px solid #6299DA;pointer-events:none}.w2ui-ss .w2ui-grid-body .w2ui-selection .w2ui-selection-resizer{cursor:crosshair;position:absolute;bottom:0;right:0;width:6px;height:6px;margin-right:-3px;margin-bottom:-3px;background-color:#457FC2;border:.5px solid #fff;outline:1px solid #fff;pointer-events:auto}.w2ui-overlay .w2ui-select-field{padding:8px 5px;cursor:default}.w2ui-overlay .w2ui-select-field table{font-size:11px;font-family:Verdana,Arial;border-spacing:0;border-collapse:border-collapse}.w2ui-overlay .w2ui-select-field table tr:hover{background-color:#b6d5ff}.w2ui-overlay .w2ui-select-field table td:nth-child(1){padding:3px 3px 3px 6px}.w2ui-overlay .w2ui-select-field table td:nth-child(1) input{margin:3px 2px 2px}.w2ui-overlay .w2ui-select-field table td:nth-child(2){padding:3px 15px 3px 3px}.w2ui-overlay .w2ui-col-on-off{padding:4px 0}.w2ui-overlay .w2ui-col-on-off table{border-spacing:0;border-collapse:border-collapse}.w2ui-overlay .w2ui-col-on-off table tr:hover{background-color:#b6d5ff}.w2ui-overlay .w2ui-col-on-off table td input[type=checkbox]{margin:3px 2px 2px}.w2ui-overlay .w2ui-col-on-off table td label{display:block;padding:3px 0;padding-right:10px}.w2ui-overlay .w2ui-col-on-off table td:first-child{padding:4px 0 4px 6px}.w2ui-overlay .w2ui-col-on-off table td:last-child{padding:4px 6px 4px 0}.w2ui-overlay .w2ui-grid-searches{text-align:left;padding:0;border-top:0;background-color:#f3f1d9}.w2ui-overlay .w2ui-grid-searches table{padding:4px;padding-top:8px;border-collapse:border-collapse}.w2ui-overlay .w2ui-grid-searches table td{padding:4px}.w2ui-overlay .w2ui-grid-searches table td.close-btn{width:20px;padding-right:20px}.w2ui-overlay .w2ui-grid-searches table td.close-btn input{width:25px!important}.w2ui-overlay .w2ui-grid-searches table td.caption{text-align:right;padding-right:5px;border-right:1px solid silver}.w2ui-overlay .w2ui-grid-searches table td.operator{text-align:left;padding:0 10px;padding-right:5px;border-right:1px solid silver}.w2ui-overlay .w2ui-grid-searches table td.value{padding-right:5px;padding-left:5px;background-color:#f7f6f0}.w2ui-overlay .w2ui-grid-searches table td.value input[type=text]{border-radius:3px;padding:3px;margin-right:3px;height:23px}.w2ui-overlay .w2ui-grid-searches table td.value select{padding:3px;margin-right:3px;height:23px}.w2ui-overlay .w2ui-grid-searches table td.actions{border-right:0;padding:20px 0 10px;text-align:center}.w2ui-overlay .w2ui-grid-searches table td input[type=button]{width:70px;margin:0 2px}.w2ui-popup{position:fixed;z-index:1600;overflow:hidden;font-family:Verdana,Arial;border-radius:6px;padding:0;margin:0;border:1px solid #777;background-color:#eee;box-shadow:0 0 25px #555}.w2ui-popup,.w2ui-popup *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-popup .w2ui-msg-title{padding:6px;border-radius:6px 6px 0 0;background-image:-webkit-linear-gradient(#ececec,#dfdfdf);background-image:-moz-linear-gradient(#ececec,#dfdfdf);background-image:-ms-linear-gradient(#ececec,#dfdfdf);background-image:-o-linear-gradient(#ececec,#dfdfdf);background-image:linear-gradient(#ececec,#dfdfdf);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffececec', endColorstr='#ffdfdfdf', GradientType=0);border-bottom:2px solid #bfbfbf;position:absolute;overflow:hidden;height:32px;left:0;right:0;top:0;text-overflow:ellipsis;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:move;font-size:15px;color:#555;z-index:300}.w2ui-popup .w2ui-msg-button{float:right;width:18px;height:18px;cursor:pointer;overflow:hidden;padding:0;margin:0 3px 0 0;background:url(data:image/png;base64,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) no-repeat center left;background-position:0 0;color:transparent!important;border-radius:3px;border:1px solid transparent}.w2ui-popup .w2ui-msg-close{margin-top:0;background-position:-32px 0}.w2ui-popup .w2ui-msg-close:hover{background-color:#ccc;border:1px solid #aaa}.w2ui-popup .w2ui-msg-max{background-position:-16px 0}.w2ui-popup .w2ui-msg-max:hover{background-color:#ccc;border:1px solid #aaa}.w2ui-popup .w2ui-box1,.w2ui-popup .w2ui-box2{position:absolute;left:0;right:0;top:32px;bottom:35px;z-index:100}.w2ui-popup .w2ui-msg-body{font-size:13px;line-height:130%;padding:0 7px 7px;color:#000;background-color:#eee;position:absolute;overflow:auto;width:100%;height:100%}.w2ui-popup .w2ui-popup-message{position:absolute;z-index:250;background-color:#f9f9f9;border:1px solid #999;box-shadow:0 0 15px #aaa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-top:0;border-radius:0 0 6px 6px;overflow:auto}.w2ui-popup .w2ui-msg-buttons{padding:8px;border-radius:0 0 6px 6px;border-top:1px solid #d5d8d8;background-color:#f1f1f1;text-align:center;position:absolute;overflow:hidden;height:42px;left:0;right:0;bottom:0;z-index:200}.w2ui-popup .w2ui-popup-button{width:70px;margin:0 5px}.w2ui-popup .w2ui-msg-no-title{border-top-left-radius:6px;border-top-right-radius:6px;top:0!important}.w2ui-popup .w2ui-msg-no-buttons{border-bottom-left-radius:6px;border-bottom-right-radius:6px;bottom:0!important}.w2ui-sidebar{cursor:default;overflow:hidden!important;background-color:#edf1f6!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-sidebar *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.w2ui-sidebar>div{position:relative;overflow:hidden}.w2ui-sidebar .w2ui-sidebar-top{position:absolute;z-index:2;top:0;left:0;right:0}.w2ui-sidebar .w2ui-sidebar-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0}.w2ui-sidebar .w2ui-sidebar-div{position:absolute;z-index:1;overflow:auto;top:0;bottom:0;left:0;right:0;padding:2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.w2ui-sidebar .w2ui-sidebar-div table{width:100%}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node{background-image:-webkit-linear-gradient(#edf1f6,#edf1f6);background-image:-moz-linear-gradient(#edf1f6,#edf1f6);background-image:-ms-linear-gradient(#edf1f6,#edf1f6);background-image:-o-linear-gradient(#edf1f6,#edf1f6);background-image:linear-gradient(#edf1f6,#edf1f6);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffedf1f6', endColorstr='#ffedf1f6', GradientType=0);border-top:1px solid transparent;border-bottom:1px solid transparent;margin:0;padding:1px 0}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node table{pointer-events:none}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image>span,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots{color:#000;text-shadow:0 0 0 #fff;pointer-events:none}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption:hover,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image:hover,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image>span:hover,.w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots:hover{color:inherit}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover{border-top:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;background-image:-webkit-linear-gradient(#d7e1ef,#d7e1ef);background-image:-moz-linear-gradient(#d7e1ef,#d7e1ef);background-image:-ms-linear-gradient(#d7e1ef,#d7e1ef);background-image:-o-linear-gradient(#d7e1ef,#d7e1ef);background-image:linear-gradient(#d7e1ef,#d7e1ef);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffd7e1ef', endColorstr='#ffd7e1ef', GradientType=0)}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image{width:22px;text-align:center;pointer-events:none}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image>span{color:#516173!important}.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover{background-image:-webkit-linear-gradient(#69b1e0,#4a96d3);background-image:-moz-linear-gradient(#69b1e0,#4a96d3);background-image:-ms-linear-gradient(#69b1e0,#4a96d3);background-image:-o-linear-gradient(#69b1e0,#4a96d3);background-image:linear-gradient(#69b1e0,#4a96d3);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff69b1e0', endColorstr='#ff4a96d3', GradientType=0);border-top:1px solid #5295cd;border-bottom:1px solid #2661a6}.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-caption,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected .w2ui-node-image>span,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected td.w2ui-node-dots,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-caption,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover .w2ui-node-image>span,.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover td.w2ui-node-dots{color:#fff!important;text-shadow:1px 1px 2px #666!important}.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover{background-image:-webkit-linear-gradient(#edf1f6,#edf1f6);background-image:-moz-linear-gradient(#edf1f6,#edf1f6);background-image:-ms-linear-gradient(#edf1f6,#edf1f6);background-image:-o-linear-gradient(#edf1f6,#edf1f6);background-image:linear-gradient(#edf1f6,#edf1f6);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffedf1f6', endColorstr='#ffedf1f6', GradientType=0);border-top:1px solid transparent;border-bottom:1px solid transparent}.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-caption,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-image,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled .w2ui-node-image>span,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled td.w2ui-node-dots,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-caption,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-image,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover .w2ui-node-image>span,.w2ui-sidebar .w2ui-sidebar-div .w2ui-disabled:hover td.w2ui-node-dots{opacity:.4;filter:alpha(opacity=40);color:#000!important;text-shadow:0 0 0 #fff!important}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-caption{white-space:nowrap;padding:5px 0 5px 3px;margin:1px 0 1px 22px;position:relative;z-index:1;font-size:12px}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group{white-space:nowrap;overflow:hidden;padding:10px 0 10px 10px;margin:0;cursor:default;color:#868b92;background-color:transparent}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group :nth-child(1){margin-right:10px;float:right;color:transparent}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group :nth-child(2){font-weight:400;text-transform:uppercase}.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-sub{overflow:hidden}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots{width:18px;padding:0 0 1px 7px;text-align:center}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-dots .w2ui-expand{width:16px;margin-top:-3px;pointer-events:auto}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data{padding:1px 1px 3px}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image{padding:3px 0 0;float:left}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image>span{font-size:16px;color:#000;text-shadow:0 0 0 #fff}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-image.w2ui-icon{margin-top:3px}.w2ui-sidebar .w2ui-sidebar-div td.w2ui-node-data .w2ui-node-count{float:right;border:1px solid #9da4af;border-radius:20px;width:auto;height:18px;padding:2px 7px;margin:3px 4px -2px 0;background-color:#e7f0fc;color:#667274;box-shadow:0 0 2px #fff;text-shadow:1px 1px 1px #e6e6e6;position:relative;z-index:2}.w2ui-tabs{cursor:default;overflow:hidden!important;background-color:#fafafa;padding:3px 0;padding-bottom:0!important}.w2ui-tabs table{border-bottom:1px solid silver;padding:0 7px}.w2ui-tabs .w2ui-tab{padding:6px 20px;text-align:center;color:#000;background-color:transparent;border:1px solid silver;border-bottom:1px solid silver;white-space:nowrap;margin:1px 1px -1px 0;border-top-left-radius:4px;border-top-right-radius:4px;cursor:default}.w2ui-tabs .w2ui-tab.active{color:#000;background-color:#fff;border:1px solid silver;border-bottom:1px solid transparent}.w2ui-tabs .w2ui-tab.closable{padding:6px 28px 6px 20px}.w2ui-tabs .w2ui-tab-close{color:#555;text-shadow:1px 1px 1px #bbb;float:right;margin:6px 4px 0 0;padding:0 0 0 5px;width:16px;height:16px;opacity:.9;border:0;border-top:3px solid transparent;border-radius:9px}.w2ui-tabs .w2ui-tab-close:hover{background-color:#D77F7F;color:#fff}.w2ui-tabs .w2ui-tab-close:before{position:relative;top:-2px;left:0;opacity:.6;color:inherit;text-shadow:inherit;content:'x'}.w2ui-toolbar{margin:0;padding:2px;outline:0;background-color:#efefef;overflow:hidden!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.w2ui-toolbar .disabled{opacity:.3;filter:alpha(opacity=30)}.w2ui-toolbar table{table-layout:auto!important}.w2ui-toolbar table td{border:0!important}.w2ui-toolbar table.w2ui-button{margin:0 1px;border-radius:4px;height:24px;border:1px solid transparent;background-color:transparent}.w2ui-toolbar table.w2ui-button .w2ui-tb-image{width:16px;height:16px;padding:0;margin:3px!important;border:0!important;text-align:center}.w2ui-toolbar table.w2ui-button .w2ui-tb-image>span{font-size:16px;color:#516173}.w2ui-toolbar table.w2ui-button .w2ui-tb-caption{color:#000;padding:0 4px 0 2px}.w2ui-toolbar table.w2ui-button .w2ui-tb-down{width:12px;height:24px;display:block;background:url(data:image/png;base64,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) no-repeat center right}.w2ui-toolbar table.w2ui-button.over{border:1px solid #ccc;background-color:#eee}.w2ui-toolbar table.w2ui-button.over .w2ui-tb-caption{color:#000}.w2ui-toolbar table.w2ui-button.down{border:1px solid #aaa;background-color:#ddd}.w2ui-toolbar table.w2ui-button.down .w2ui-tb-caption{color:#666}.w2ui-toolbar table.w2ui-button.checked{border:1px solid #aaa;background-color:#fff}.w2ui-toolbar table.w2ui-button.checked .w2ui-tb-caption{color:#000}.w2ui-toolbar table.w2ui-button table{height:17px;border-radius:4px;cursor:default}.w2ui-toolbar .w2ui-break{background-image:-webkit-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#999 40%,#999 60%,rgba(153,153,153,.09999999999999998) 100%);background-image:-moz-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#999 40%,#999 60%,rgba(153,153,153,.09999999999999998) 100%);background-image:-ms-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#999 40%,#999 60%,rgba(153,153,153,.09999999999999998) 100%);background-image:-o-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#999 40%,#999 60%,rgba(153,153,153,.09999999999999998) 100%);background-image:linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#999 40%,#999 60%,rgba(153,153,153,.09999999999999998) 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff999999', GradientType=0);width:1px!important;height:22px;padding:0;margin:0 6px}.w2ui-overlay table.w2ui-drop-menu{width:100%;color:#000;background-color:#fff;padding:5px 0;cursor:default}.w2ui-overlay table.w2ui-drop-menu td:first-child{padding:4px 0 4px 6px}.w2ui-overlay table.w2ui-drop-menu td:last-child{padding:10px 15px 10px 5px}.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected{background-color:#d7e4f2}.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected td{color:inherit}.w2ui-overlay table.w2ui-drop-menu .w2ui-tb-image>span{font-size:16px;color:#516173;display:inline-block;padding-top:4px}
\ No newline at end of file
diff --git a/dist/w2ui-1.3.1.min.js b/dist/w2ui-1.3.1.min.js
new file mode 100644
index 000000000..dbca8d650
--- /dev/null
+++ b/dist/w2ui-1.3.1.min.js
@@ -0,0 +1,11 @@
+/* w2ui 1.3.1 (c) http://w2ui.com, vitmalina@gmail.com */
+var w2ui=w2ui||{};var w2obj=w2obj||{};var w2utils=function(){var tmp={};var obj={settings:{locale:"en-us",date_format:"m/d/yyyy",date_display:"Mon d, yyyy",time_format:"hh:mi pm",currency:"^[$€£¥]?[-]?[0-9]*[.]?[0-9]+$",currencySymbol:"$","float":"^[-]?[0-9]*[.]?[0-9]+$",shortmonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],fullmonths:["January","February","March","April","May","June","July","August","September","October","November","December"],shortdays:["M","T","W","T","F","S","S"],fulldays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],RESTfull:false,phrases:{}},isInt:isInt,isFloat:isFloat,isMoney:isMoney,isHex:isHex,isAlphaNumeric:isAlphaNumeric,isEmail:isEmail,isDate:isDate,isTime:isTime,age:age,date:date,size:size,formatNumber:formatNumber,formatDate:formatDate,formatTime:formatTime,formatDateTime:formatDateTime,stripTags:stripTags,encodeTags:encodeTags,escapeId:escapeId,base64encode:base64encode,base64decode:base64decode,transition:transition,lock:lock,unlock:unlock,lang:lang,locale:locale,getSize:getSize,scrollBarSize:scrollBarSize};return obj;function isInt(val){var re=/^[-]?[0-9]+$/;return re.test(val)}function isFloat(val){var re=new RegExp(w2utils.settings["float"]);return re.test(val)}function isMoney(val){var re=new RegExp(w2utils.settings.currency);return re.test(val)}function isHex(val){var re=/^[a-fA-F0-9]+$/;return re.test(val)}function isAlphaNumeric(val){var re=/^[a-zA-Z0-9_-]+$/;return re.test(val)}function isEmail(val){var email=/^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;return email.test(val)}function isDate(val,format,retDate){if(!val)return false;if(!format)format=w2utils.settings.date_format;var tmp=val.replace(/-/g,"/").replace(/\./g,"/").toLowerCase().split("/");var tmp2=format.replace(/-/g,"/").replace(/\./g,"/").toLowerCase();var dt="Invalid Date";var month,day,year;if(tmp2=="mm/dd/yyyy"){month=tmp[0];day=tmp[1];year=tmp[2]}if(tmp2=="m/d/yyyy"){month=tmp[0];day=tmp[1];year=tmp[2]}if(tmp2=="dd/mm/yyyy"){month=tmp[1];day=tmp[0];year=tmp[2]}if(tmp2=="d/m/yyyy"){month=tmp[1];day=tmp[0];year=tmp[2]}if(tmp2=="yyyy/dd/mm"){month=tmp[2];day=tmp[1];year=tmp[0]}if(tmp2=="yyyy/d/m"){month=tmp[2];day=tmp[1];year=tmp[0]}if(tmp2=="yyyy/mm/dd"){month=tmp[1];day=tmp[2];year=tmp[0]}if(tmp2=="yyyy/m/d"){month=tmp[1];day=tmp[2];year=tmp[0]}if(tmp2=="mm/dd/yy"){month=tmp[0];day=tmp[1];year=parseInt(tmp[2])+1900}if(tmp2=="m/d/yy"){month=tmp[0];day=tmp[1];year=parseInt(tmp[2])+1900}if(tmp2=="dd/mm/yy"){month=tmp[1];day=tmp[0];year=parseInt(tmp[2])+1900}if(tmp2=="d/m/yy"){month=tmp[1];day=tmp[0];year=parseInt(tmp[2])+1900}if(tmp2=="yy/dd/mm"){month=tmp[2];day=tmp[1];year=parseInt(tmp[0])+1900}if(tmp2=="yy/d/m"){month=tmp[2];day=tmp[1];year=parseInt(tmp[0])+1900}if(tmp2=="yy/mm/dd"){month=tmp[1];day=tmp[2];year=parseInt(tmp[0])+1900}if(tmp2=="yy/m/d"){month=tmp[1];day=tmp[2];year=parseInt(tmp[0])+1900}dt=new Date(month+"/"+day+"/"+year);if(typeof month=="undefined")return false;if(dt=="Invalid Date")return false;if(dt.getMonth()+1!=month||dt.getDate()!=day||dt.getFullYear()!=year)return false;if(retDate===true)return dt;else return true}function isTime(val){if(String(val)=="undefined")return false;var max;val=val.toUpperCase();if(val.indexOf("PM")>=0||val.indexOf("AM")>=0)max=12;else max=23;val=$.trim(val.replace("AM",""));val=$.trim(val.replace("PM",""));var tmp=val.split(":");if(tmp.length!=2){return false}if(tmp[0]==""||parseInt(tmp[0])<0||parseInt(tmp[0])>max||!this.isInt(tmp[0])){return false}if(tmp[1]==""||parseInt(tmp[1])<0||parseInt(tmp[1])>59||!this.isInt(tmp[1])){return false}return true}function age(timeStr){if(timeStr==""||typeof timeStr=="undefined"||timeStr==null)return"";if(w2utils.isInt(timeStr))timeStr=Number(timeStr);var d1=new Date(timeStr);if(w2utils.isInt(timeStr))d1=new Date(Number(timeStr));var tmp=String(timeStr).split("-");if(tmp.length==3)d1=new Date(tmp[0],Number(tmp[1])-1,tmp[2]);var tmp=String(timeStr).split("/");if(tmp.length==3)d1=new Date(tmp[2],Number(tmp[0])-1,tmp[1]);if(d1=="Invalid Time")return"";var d2=new Date;var sec=(d2.getTime()-d1.getTime())/1e3;var amount="";var type="";if(sec<60){amount=Math.floor(sec);type="sec";if(sec<0){amount=0;type="sec"}}else if(sec<60*60){amount=Math.floor(sec/60);type="min"}else if(sec<24*60*60){amount=Math.floor(sec/60/60);type="hour"}else if(sec<30*24*60*60){amount=Math.floor(sec/24/60/60);type="day"}else if(sec<12*30*24*60*60){amount=Math.floor(sec/30/24/60/60*10)/10;type="month"}else if(sec>=12*30*24*60*60){amount=Math.floor(sec/12/30/24/60/60*10)/10;type="year"}return amount+" "+type+(amount>1?"s":"")}function date(dateStr){var months=w2utils.settings.shortmonths;if(dateStr==""||typeof dateStr=="undefined"||dateStr==null)return"";if(w2utils.isInt(dateStr))dateStr=Number(dateStr);var d1=new Date(dateStr);if(w2utils.isInt(dateStr))d1=new Date(Number(dateStr));var tmp=String(dateStr).split("-");if(tmp.length==3)d1=new Date(tmp[0],Number(tmp[1])-1,tmp[2]);var tmp=String(dateStr).split("/");if(tmp.length==3)d1=new Date(tmp[2],Number(tmp[0])-1,tmp[1]);if(d1=="Invalid Date")return"";var d2=new Date;var d3=new Date;d3.setTime(d3.getTime()-864e5);var dd1=months[d1.getMonth()]+" "+d1.getDate()+", "+d1.getFullYear();var dd2=months[d2.getMonth()]+" "+d2.getDate()+", "+d2.getFullYear();var dd3=months[d3.getMonth()]+" "+d3.getDate()+", "+d3.getFullYear();var time=d1.getHours()-(d1.getHours()>12?12:0)+":"+(d1.getMinutes()<10?"0":"")+d1.getMinutes()+" "+(d1.getHours()>=12?"pm":"am");var time2=d1.getHours()-(d1.getHours()>12?12:0)+":"+(d1.getMinutes()<10?"0":"")+d1.getMinutes()+":"+(d1.getSeconds()<10?"0":"")+d1.getSeconds()+" "+(d1.getHours()>=12?"pm":"am");var dsp=dd1;if(dd1==dd2)dsp=time;if(dd1==dd3)dsp=w2utils.lang("Yesterday");return''+dsp+""}function size(sizeStr){if(!w2utils.isFloat(sizeStr)||sizeStr=="")return"";sizeStr=parseFloat(sizeStr);if(sizeStr==0)return 0;var sizes=["Bt","KB","MB","GB","TB"];var i=parseInt(Math.floor(Math.log(sizeStr)/Math.log(1024)));return(Math.floor(sizeStr/Math.pow(1024,i)*10)/10).toFixed(i==0?0:1)+" "+sizes[i]}function formatNumber(val){var ret="";if(w2utils.isFloat(val)||w2utils.isInt(val)||w2utils.isMoney(val)){ret=String(val).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")}return ret}function formatDate(dateStr,format){var months=w2utils.settings.shortmonths;var fullMonths=w2utils.settings.fullmonths;if(typeof format=="undefined")format=this.settings.date_format;if(typeof dateStr=="undefined"||dateStr==""||dateStr==null)return"";var dt=new Date(dateStr);if(w2utils.isInt(dateStr))dt=new Date(Number(dateStr));var tmp=String(dateStr).split("-");if(tmp.length==3)dt=new Date(tmp[0],Number(tmp[1])-1,tmp[2]);var tmp=String(dateStr).split("/");if(tmp.length==3)dt=new Date(tmp[2],Number(tmp[0])-1,tmp[1]);if(dt=="Invalid Date")return"";var year=dt.getFullYear();var month=dt.getMonth();var date=dt.getDate();return format.toLowerCase().replace("month",w2utils.settings.fullmonths[month]).replace("mon",w2utils.settings.shortmonths[month]).replace(/yyyy/g,year).replace(/yyy/g,year).replace(/yy/g,year>2e3?100+parseInt(String(year).substr(2)):String(year).substr(2)).replace(/(^|[^a-z$])y/g,"$1"+year).replace(/mm/g,(month+1<10?"0":"")+(month+1)).replace(/dd/g,(date<10?"0":"")+date).replace(/(^|[^a-z$])m/g,"$1"+(month+1)).replace(/(^|[^a-z$])d/g,"$1"+date)}function formatTime(dateStr,format){var months=w2utils.settings.shortmonths;var fullMonths=w2utils.settings.fullmonths;if(typeof format=="undefined")format=this.settings.time_format;if(typeof dateStr=="undefined"||dateStr==""||dateStr==null)return"";var dt=new Date(dateStr);if(w2utils.isInt(dateStr))dt=new Date(Number(dateStr));if(dt=="Invalid Date")return"";var type="am";var hour=dt.getHours();var h24=dt.getHours();var min=dt.getMinutes();var sec=dt.getSeconds();if(min<10)min="0"+min;if(sec<10)sec="0"+sec;if(format.indexOf("am")!=-1||format.indexOf("pm")!=-1){if(hour>=12)type="pm";if(hour>12)hour=hour-12}return format.toLowerCase().replace("am",type).replace("pm",type).replace("hh",hour).replace("h24",h24).replace("mm",min).replace("mi",min).replace("ss",sec).replace(/(^|[^a-z$])h/g,"$1"+hour).replace(/(^|[^a-z$])m/g,"$1"+min).replace(/(^|[^a-z$])s/g,"$1"+sec)}function formatDateTime(dateStr,format){var fmt;if(typeof format!="string"){var fmt=[this.settings.date_format,this.settings.time_format]}else{var fmt=format.split("|")}return this.formatDate(dateStr,fmt[0])+" "+this.formatTime(dateStr,fmt[1])}function stripTags(html){if(html==null)return html;switch(typeof html){case"number":break;case"string":html=$.trim(String(html).replace(/(<([^>]+)>)/gi,""));break;case"object":for(var a in html)html[a]=this.stripTags(html[a]);break}return html}function encodeTags(html){if(html==null)return html;switch(typeof html){case"number":break;case"string":html=String(html).replace(/&/g,"&").replace(/>/g,">").replace(/\|\/? {}\\])/g,"\\$1")}function base64encode(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;var keyStr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";input=utf8_encode(input);while(i' + this.header + '
' : '') +
+ ' ' +
+ ' ' +
+ this.formHTML +
+ ''+'
";$("body").append(html);tmp.scrollBarSize=100-$("#_scrollbar_width > div").width();$("#_scrollbar_width").remove();if(String(navigator.userAgent).indexOf("MSIE")>=0)tmp.scrollBarSize=tmp.scrollBarSize/2;return tmp.scrollBarSize}}();w2utils.event={on:function(eventData,handler){if(!$.isPlainObject(eventData))eventData={type:eventData};eventData=$.extend({type:null,execute:"before",target:null,onComplete:null},eventData);if(typeof eventData.type=="undefined"){console.log("ERROR: You must specify event type when calling .on() method of "+this.name);return}if(typeof handler=="undefined"){console.log("ERROR: You must specify event handler function when calling .on() method of "+this.name);return}this.handlers.push({event:eventData,handler:handler})},off:function(eventData,handler){if(!$.isPlainObject(eventData))eventData={type:eventData};eventData=$.extend({},{type:null,execute:"before",target:null,onComplete:null},eventData);if(typeof eventData.type=="undefined"){console.log("ERROR: You must specify event type when calling .off() method of "+this.name);return}if(typeof handler=="undefined"){handler=null}var newHandlers=[];for(var h in this.handlers){var t=this.handlers[h];if((t.event.type==eventData.type||eventData.type=="*")&&(t.event.target==eventData.target||eventData.target==null)&&(t.handler==handler||handler==null)){}else{newHandlers.push(t)}}this.handlers=newHandlers},trigger:function(eventData){var eventData=$.extend({type:null,phase:"before",target:null,isStopped:false,isCancelled:false},eventData,{preventDefault:function(){this.isCancelled=true},stopPropagation:function(){this.isStopped=true}});if(typeof eventData.target=="undefined")eventData.target=null;for(var h=this.handlers.length-1;h>=0;h--){var item=this.handlers[h];if((item.event.type==eventData.type||item.event.type=="*")&&(item.event.target==eventData.target||item.event.target==null)&&(item.event.execute==eventData.phase||item.event.execute=="*"||item.event.phase=="*")){eventData=$.extend({},item.event,eventData);var args=[];var tmp=RegExp(/\((.*?)\)/).exec(item.handler);if(tmp)args=tmp[1].split(/\s*,\s*/);if(args.length==2){item.handler.call(this,eventData.target,eventData)}else{item.handler.call(this,eventData)}if(eventData.isStopped===true||eventData.stop===true)return eventData}}var funName="on"+eventData.type.substr(0,1).toUpperCase()+eventData.type.substr(1);if(eventData.phase=="before"&&typeof this[funName]=="function"){var fun=this[funName];var args=[];var tmp=RegExp(/\((.*?)\)/).exec(fun);if(tmp)args=tmp[1].split(/\s*,\s*/);if(args.length==2){fun.call(this,eventData.target,eventData)}else{fun.call(this,eventData)}if(eventData.isStopped===true||eventData.stop===true)return eventData}if(typeof eventData.object!="undefined"&&eventData.object!=null&&eventData.phase=="before"&&typeof eventData.object[funName]=="function"){var fun=eventData.object[funName];var args=[];var tmp=RegExp(/\((.*?)\)/).exec(fun);if(tmp)args=tmp[1].split(/\s*,\s*/);if(args.length==2){fun.call(this,eventData.target,eventData)}else{fun.call(this,eventData)}if(eventData.isStopped===true||eventData.stop===true)return eventData}if(eventData.phase=="after"&&eventData.onComplete!=null)eventData.onComplete.call(this,eventData);return eventData}};w2utils.keyboard=function(obj){var w2ui_name=null;obj.active=active;obj.clear=clear;obj.register=register;init();return obj;function init(){$(document).on("keydown",keydown);$(document).on("mousedown",mousedown)}function keydown(event){var tag=event.target.tagName;if($.inArray(tag,["INPUT","SELECT","TEXTAREA"])!=-1)return;if($(event.target).prop("contenteditable")=="true")return;if(!w2ui_name)return;if(w2ui[w2ui_name]&&typeof w2ui[w2ui_name].keydown=="function"){w2ui[w2ui_name].keydown.call(w2ui[w2ui_name],event)}}function mousedown(event){var tag=event.target.tagName;var obj=$(event.target).parents(".w2ui-reset");if(obj.length>0){w2ui_name=obj.attr("name")}}function active(new_w2ui_name){if(typeof new_w2ui_name=="undefined")return w2ui_name;w2ui_name=new_w2ui_name}function clear(){w2ui_name=null}function register(){}}({});(function(){$.fn.w2render=function(name){if($(this).length>0){if(typeof name=="string"&&w2ui[name])w2ui[name].render($(this)[0]);if(typeof name=="object")name.render($(this)[0])}};$.fn.w2destroy=function(name){if(!name&&this.length>0)name=this.attr("name");if(typeof name=="string"&&w2ui[name])w2ui[name].destroy();if(typeof name=="object")name.destroy()};$.fn.w2marker=function(str){if(str==""||typeof str=="undefined"){return $(this).each(function(index,el){el.innerHTML=el.innerHTML.replace(/\(.*)\<\/span\>/gi,"$1")})}else{return $(this).each(function(index,el){if(typeof str=="string")str=[str];el.innerHTML=el.innerHTML.replace(/\(.*)\<\/span\>/gi,"$1");for(var s in str){var tmp=str[s];if(typeof tmp!="string")tmp=String(tmp);tmp=tmp.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&").replace(/&/g,"&").replace(//g,"<");var regex=new RegExp(tmp+"(?!([^<]+)?>)","gi");el.innerHTML=el.innerHTML.replace(regex,function(matched){return''+matched+""})}})}};$.fn.w2tag=function(text,options){if(!$.isPlainObject(options))options={};if(!$.isPlainObject(options.css))options.css={};if(typeof options["class"]=="undefined")options["class"]="";if($(this).length==0){$(".w2ui-tag").each(function(index,elem){var opt=$(elem).data("options");if(typeof opt=="undefined")opt={};$($(elem).data("taged-el")).removeClass(opt["class"]);clearInterval($(elem).data("timer"));$(elem).remove()});return}return $(this).each(function(index,el){var tagOrigID=el.id;var tagID=w2utils.escapeId(el.id);if(text==""||text==null||typeof text=="undefined"){$("#w2ui-tag-"+tagID).css("opacity",0);setTimeout(function(){clearInterval($("#w2ui-tag-"+tagID).data("timer"));$("#w2ui-tag-"+tagID).remove()},300)}else{clearInterval($("#w2ui-tag-"+tagID).data("timer"));$("#w2ui-tag-"+tagID).remove();$("body").append('1
'+"0?"w2ui-tag-popup":"")+'" '+' style="">
');var timer=setInterval(function(){if($(el).length==0||$(el).offset().left==0&&$(el).offset().top==0){clearInterval($("#w2ui-tag-"+tagID).data("timer"));tmp_hide();return}if($("#w2ui-tag-"+tagID).data("position")!=$(el).offset().left+el.offsetWidth+"x"+$(el).offset().top){$("#w2ui-tag-"+tagID).css({"-webkit-transition":".2s","-moz-transition":".2s","-ms-transition":".2s","-o-transition":".2s",left:$(el).offset().left+el.offsetWidth+"px",top:$(el).offset().top+"px"}).data("position",$(el).offset().left+el.offsetWidth+"x"+$(el).offset().top)}},100);setTimeout(function(){if(!$(el).offset())return;$("#w2ui-tag-"+tagID).css({opacity:"1",left:$(el).offset().left+el.offsetWidth+"px",top:$(el).offset().top+"px"}).html(''+text+"
| "+mitem.text+" | "+"
'+(rg.name=="selection"?'':"")+"
")}else{$("#grid_"+this.name+"_"+rg.name).attr("style",rg.style)}if(td1.length>0&&td2.length>0){$("#grid_"+this.name+"_"+rg.name).css({left:td1.position().left-1+rec.scrollLeft()+"px",top:td1.position().top-1+rec.scrollTop()+"px",width:td2.position().left-td1.position().left+td2.width()+3+"px",height:td2.position().top-td1.position().top+td2.height()+3+"px"})}}$(this.box).find("#grid_"+this.name+"_resizer").off("mousedown").on("mousedown",mouseStart);var eventData={phase:"before",type:"selectionExtend",target:obj.name,originalRange:null,newRange:null};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)}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;var recid,column;var tmp=event.originalEvent.target;if(tmp.tagName!="TD")tmp=$(tmp).parents("td")[0];if(typeof $(tmp).attr("col")!="undefined")column=parseInt($(tmp).attr("col"));tmp=$(tmp).parents("tr")[0];recid=$(tmp).attr("recid");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}];eventData=obj.trigger($.extend(eventData,{originalRange:mv.originalRange,newRange:mv.newRange}));if(eventData.isCancelled===true){mv.newRange=prevNewRange;eventData.newRange=prevNewRange;return}else{obj.removeRange("grid-selection-expand");obj.addRange({name:"grid-selection-expand",range:eventData.newRange,style:"background-color: rgba(100,100,100,0.1); border: 2px dotted rgba(100,100,100,0.5);"})}}function mouseStop(event){obj.removeRange("grid-selection-expand");delete obj.last.move;$(document).off("mousemove",mouseMove);$(document).off("mouseup",mouseStop);obj.trigger($.extend(eventData,{phase:"after"}))}return(new Date).getTime()-time},select:function(){var selected=0;for(var a=0;a| "+" | "+search.caption+" | "+"" +}html+="
'+this.getRecordsHTML()+"
"+''+" "+this.getColumnsHTML()+"
"+"
";$("#grid_"+this.name+"_body").html(bodyHTML);if(this.summary.length>0){$("#grid_"+this.name+"_summary").html(this.getSummaryHTML()).show()}else{$("#grid_"+this.name+"_summary").hide()}if(this.show.footer){$("#grid_"+this.name+"_footer").html(this.getFooterHTML()).show()}else{$("#grid_"+this.name+"_footer").hide()}if(this.last.selected.length>0)for(var s in this.last.selected){if(this.get(this.last.selected[s])!=null){this.select(this.get(this.last.selected[s]).recid)}}if(this.searchData.length>0){$("#grid_"+this.name+"_searchClear").show()}else{$("#grid_"+this.name+"_searchClear").hide()}$("#grid_"+this.name+"_check_all").prop("checked",true);if($("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length!=0&&$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]").length==$("#grid_"+this.name+"_records").find(".grid_select_check[type=checkbox]:checked").length){$("#grid_"+this.name+"_check_all").prop("checked",true)}else{$("#grid_"+this.name+"_check_all").prop("checked",false)}this.status();var rows=obj.find({expanded:true},true);for(var r in rows)obj.records[rows[r]].expanded=false;setTimeout(function(){var str=$.trim($("#grid_"+obj.name+"_search_all").val());if(str!="")$(obj.box).find(".w2ui-grid-data > div").w2marker(str)},50);this.trigger($.extend(eventData,{phase:"after"}));obj.resize();obj.addRange("selection");setTimeout(function(){obj.resize();obj.scroll()},1);return(new Date).getTime()-time},render:function(box){var obj=this;var time=(new Date).getTime();if(window.getSelection)window.getSelection().removeAllRanges();if(typeof box!="undefined"&&box!=null){if($(this.box).find("#grid_"+this.name+"_body").length>0){$(this.box).removeAttr("name").removeClass("w2ui-reset w2ui-grid").html("")}this.box=box}if(!this.box)return;if(this.last.sortData==null)this.last.sortData=this.sortData;var eventData=this.trigger({phase:"before",target:this.name,type:"render",box:box});if(eventData.isCancelled===true)return false;$(this.box).attr("name",this.name).addClass("w2ui-reset w2ui-grid").html(""+' '+' '+' '+' '+' '+"
");if(this.selectType!="row")$(this.box).addClass("w2ui-ss");if($(this.box).length>0)$(this.box)[0].style.cssText+=this.style;this.initToolbar();if(this.toolbar!=null)this.toolbar.render($("#grid_"+this.name+"_toolbar")[0]);$("#grid_"+this.name+"_footer").html(this.getFooterHTML());this.refresh();this.reload();$(this.box).on("mousedown",mouseStart);$(this.box).on("selectstart",function(){return false});this.trigger($.extend(eventData,{phase:"after"}));if($(".w2ui-layout").length==0){this.tmp_resize=function(event){w2ui[obj.name].resize()};$(window).off("resize",this.tmp_resize).on("resize",this.tmp_resize)}return(new Date).getTime()-time;function mouseStart(event){if(obj.last.move&&obj.last.move.type=="expand")return;obj.last.move={x:event.screenX,y:event.screenY,divX:0,divY:0,recid:$(event.target).parents("tr").attr("recid"),column:event.target.tagName=="TD"?$(event.target).attr("col"):$(event.target).parents("td").attr("col"),type:"select",start:true};$(document).on("mousemove",mouseMove);$(document).on("mouseup",mouseStop)}function mouseMove(event){if(!obj.last.move||obj.last.move.type!="select")return;obj.last.move.divX=event.screenX-obj.last.move.x;obj.last.move.divY=event.screenY-obj.last.move.y;if(Math.abs(obj.last.move.divX)<=1&&Math.abs(obj.last.move.divY)<=1)return;if(obj.last.move.start&&obj.last.move.recid){obj.selectNone();obj.last.move.start=false}var newSel=[];var recid=event.target.tagName=="TR"?$(event.target).attr("recid"):$(event.target).parents("tr").attr("recid");if(typeof recid=="undefined")return;var ind1=obj.get(obj.last.move.recid,true);var ind2=obj.get(recid,true);var col1=parseInt(obj.last.move.column);var col2=parseInt(event.target.tagName=="TD"?$(event.target).attr("col"):$(event.target).parents("td").attr("col"));if(ind1>ind2){var tmp=ind1;ind1=ind2;ind2=tmp}var tmp="ind1:"+ind1+",ind2;"+ind2+",col1:"+col1+",col2:"+col2;if(obj.last.move.range==tmp)return;obj.last.move.range=tmp;for(var i=ind1;i<=ind2;i++){if(obj.last.searchIds.length>0&&obj.last.searchIds.indexOf(i)==-1)continue;if(obj.selectType!="row"){if(col1>col2){var tmp=col1;col1=col2;col2=tmp}var tmp=[];for(var c=col1;c<=col2;c++){if(obj.columns[c].hidden)continue;newSel.push({recid:obj.records[i].recid,column:parseInt(c)})}}else{newSel.push(obj.records[i].recid)}}if(obj.selectType!="row"){var sel=obj.getSelection();var tmp=[];for(var ns in newSel){var flag=false;for(var s in sel)if(newSel[ns].recid==sel[s].recid&&newSel[ns].column==sel[s].column)flag=true;if(!flag)tmp.push({recid:newSel[ns].recid,column:newSel[ns].column})}obj.select.apply(obj,tmp);var tmp=[];for(var s in sel){var flag=false;for(var ns in newSel)if(newSel[ns].recid==sel[s].recid&&newSel[ns].column==sel[s].column)flag=true;if(!flag)tmp.push({recid:sel[s].recid,column:sel[s].column})}obj.unselect.apply(obj,tmp)}else{if(obj.multiSelect){var sel=obj.getSelection();for(var ns in newSel)if(sel.indexOf(newSel[ns])==-1)obj.select(newSel[ns]);for(var s in sel)if(newSel.indexOf(sel[s])==-1)obj.unselect(sel[s])}}}function mouseStop(event){if(!obj.last.move||obj.last.move.type!="select")return;delete obj.last.move;$(document).off("mousemove",mouseMove);$(document).off("mouseup",mouseStop)}},destroy:function(){var eventData=this.trigger({phase:"before",target:this.name,type:"destroy"});if(eventData.isCancelled===true)return false;$(window).off("resize",this.tmp_resize);if(typeof this.toolbar=="object"&&this.toolbar.destroy)this.toolbar.destroy();if($(this.box).find("#grid_"+this.name+"_body").length>0){$(this.box).removeAttr("name").removeClass("w2ui-reset w2ui-grid").html("")}delete w2ui[this.name];this.trigger($.extend(eventData,{phase:"after"}))},initColumnOnOff:function(){if(!this.show.toolbarColumns)return;var obj=this;var col_html=''+"";for(var c in this.columns){var col=this.columns[c];col_html+="
";this.toolbar.get("column-on-off").html=col_html},columnOnOff:function(el,event,field,value){var eventData=this.trigger({phase:"before",target:this.name,type:"columnOnOff",checkbox:el,field:field,originalEvent:event});if(eventData.isCancelled===true)return false;var obj=this;for(var r in this.records){if(this.records[r].expanded===true)this.records[r].expanded=false}var hide=true;if(field=="line-numbers"){this.show.lineNumbers=!this.show.lineNumbers;this.refresh()}else if(field=="skip"){if(!w2utils.isInt(value))value=0;obj.skip(value)}else if(field=="resize"){for(var c in this.columns){if(typeof this.columns[c].sizeOriginal!="undefined"){this.columns[c].size=this.columns[c].sizeOriginal}}this.initResize();this.resize()}else{var col=this.getColumn(field);if(col.hidden){$(el).prop("checked",true);this.showColumn(col.field)}else{$(el).prop("checked",false);this.hideColumn(col.field)}hide=false}this.initColumnOnOff();if(hide){setTimeout(function(){$().w2overlay();obj.toolbar.uncheck("column-on-off")},100)}this.trigger($.extend(eventData,{phase:"after"}))},initToolbar:function(){if(typeof this.toolbar["render"]=="undefined"){var tmp_items=this.toolbar.items;this.toolbar.items=[];this.toolbar=$().w2toolbar($.extend(true,{},this.toolbar,{name:this.name+"_toolbar",owner:this}));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"]));this.initColumnOnOff()}if(this.show.toolbarReload||this.show.toolbarColumn){this.toolbar.items.push({type:"break",id:"break0"})}if(this.show.toolbarSearch){var html='";this.toolbar.items.push({type:"html",id:"search",html:html});if(this.multiSearch&&this.searches.length>0){this.toolbar.items.push($.extend(true,{},this.buttons["search-go"]))}}if(this.show.toolbarSearch&&(this.show.toolbarAdd||this.show.toolbarEdit||this.show.toolbarDelete||this.show.toolbarSave)){this.toolbar.items.push({type:"break",id:"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:"break2"})}this.toolbar.items.push($.extend(true,{},this.buttons["save"]))}for(var i in tmp_items)this.toolbar.items.push(tmp_items[i]);var obj=this;this.toolbar.on("click",function(event){var eventData=obj.trigger({phase:"before",type:"toolbar",target:event.target,originalEvent:event});if(eventData.isCancelled===true)return false;var id=event.target;switch(id){case"reload":var eventData2=obj.trigger({phase:"before",type:"reload",target:obj.name});if(eventData2.isCancelled===true)return false;var url=typeof obj.url!="object"?obj.url:obj.url.get;if(url){obj.clear(true)}else{obj.last.scrollTop=0;obj.last.scrollLeft=0;obj.last.range_start=null;obj.last.range_end=null}obj.reload();obj.trigger($.extend(eventData2,{phase:"after"}));break;case"column-on-off":for(var c in obj.columns){if(obj.columns[c].hidden){$("#grid_"+obj.name+"_column_"+c+"_check").prop("checked",false)}else{$("#grid_"+obj.name+"_column_"+c+"_check").prop("checked",true)}}obj.initResize();obj.resize();break;case"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(){tb.uncheck(id);$(document).off("click","body",tmp_close)}$(document).on("click","body",tmp_close)}break;case"add":var eventData=obj.trigger({phase:"before",target:obj.name,type:"add",recid:null});obj.trigger($.extend(eventData,{phase:"after"}));break;case"edit":var sel=obj.getSelection();var recid=null;if(sel.length==1)recid=sel[0];var eventData=obj.trigger({phase:"before",target:obj.name,type:"edit",recid:recid});obj.trigger($.extend(eventData,{phase:"after"}));break;case"delete":obj.delete();break;case"save":obj.save();break}obj.trigger($.extend(eventData,{phase:"after"}))})}return},initSearches:function(){var obj=this;for(var s in this.searches){var search=this.searches[s];var sdata=this.getSearchData(search.field);switch(String(search.type).toLowerCase()){case"alphaNumeric":case"text":$("#grid_"+this.name+"_operator_"+s).val("begins with");break;case"int":case"float":case"hex":case"money":case"date":$("#grid_"+this.name+"_field_"+s).w2field("clear").w2field(search.type);$("#grid_"+this.name+"_field2_"+s).w2field("clear").w2field(search.type);break;case"list":var options='';for(var i in search.items){if($.isPlainObject(search.items[i])){var val=search.items[i].id;var txt=search.items[i].text;if(typeof val=="undefined"&&typeof search.items[i].value!="undefined")val=search.items[i].value;if(typeof txt=="undefined"&&typeof search.items[i].caption!="undefined")txt=search.items[i].caption;if(val==null)val="";options+='"}else{options+='"}}$("#grid_"+this.name+"_field_"+s).html(options);break}if(sdata!=null){$("#grid_"+this.name+"_operator_"+s).val(sdata.operator).trigger("change");if(!$.isArray(sdata.value)){if(typeof sdata.value!="udefined")$("#grid_"+this.name+"_field_"+s).val(sdata.value).trigger("change")}else{if(sdata.operator=="in"){$("#grid_"+this.name+"_field_"+s).val(sdata.value).trigger("change")}else{$("#grid_"+this.name+"_field_"+s).val(sdata.value[0]).trigger("change");$("#grid_"+this.name+"_field2_"+s).val(sdata.value[1]).trigger("change")}}}}$("#w2ui-overlay .w2ui-grid-searches *[rel=search]").on("keypress",function(evnt){if(evnt.keyCode==13){obj.search()}})},initResize:function(){var obj=this;$(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;if(!window.addEventListener){window.document.attachEvent("onselectstart",function(){return false})}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();for(var c in obj.columns){if(typeof obj.columns[c].sizeOriginal=="undefined")obj.columns[c].sizeOriginal=obj.columns[c].size;obj.columns[c].size=obj.columns[c].sizeCalculated}var eventData={phase:"before",type:"columnResize",target:obj.name,column:obj.last.tmp.col,field:obj.columns[obj.last.tmp.col].field};eventData=obj.trigger($.extend(eventData,{resizeBy:0,originalEvent:event}));var mouseMove=function(event){if(obj.resizing!=true)return;if(!event)event=window.event;eventData=obj.trigger($.extend(eventData,{resizeBy:event.screenX-obj.last.tmp.gx,originalEvent:event}));if(eventData.isCancelled===true){eventData.isCancelled=false;return}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.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.trigger($.extend(eventData,{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(){var main=$(this.box).find("> div");var header=$("#grid_"+this.name+"_header");var toolbar=$("#grid_"+this.name+"_toolbar");var summary=$("#grid_"+this.name+"_summary");var footer=$("#grid_"+this.name+"_footer");var body=$("#grid_"+this.name+"_body");var columns=$("#grid_"+this.name+"_columns");var records=$("#grid_"+this.name+"_records");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.show.footer){footer.css({bottom:"0px",left:"0px",right:"0px"})}if(this.summary.length>0){summary.css({bottom:0+(this.show.footer?w2utils.getSize(footer,"height"):0)+"px",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;$(this.box).find(".w2ui-empty-record").remove();var box=$(this.box);var grid=$(this.box).find("> div");var header=$("#grid_"+this.name+"_header");var toolbar=$("#grid_"+this.name+"_toolbar");var summary=$("#grid_"+this.name+"_summary");var footer=$("#grid_"+this.name+"_footer");var body=$("#grid_"+this.name+"_body");var columns=$("#grid_"+this.name+"_columns");var records=$("#grid_"+this.name+"_records");if(!this.fixedBody){setTimeout(function(){var calculatedHeight=w2utils.getSize(columns,"height")+w2utils.getSize($("#grid_"+obj.name+"_records table"),"height");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"))},1)}else{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 bodyOverflowX=false;var bodyOverflowY=false;if(body.width()<$(records).find(">table").width())bodyOverflowX=true;if(body.height()-columns.height()<$(records).find(">table").height()+(bodyOverflowX?w2utils.scrollBarSize():0))bodyOverflowY=true;if(!this.fixedBody){bodyOverflowY=false;bodyOverflowX=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(this.show.emptyRecords&&!bodyOverflowY){var max=Math.floor(records.height()/this.recordHeight)+1;if(this.fixedBody){for(var di=this.buffered;di<=max;di++){var html="";html+='| "+' "+" | "+""+' "+" | "+"
| '+' '+" "+w2utils.lang("Skip")+' "+w2utils.lang("Records")+" "+" | |
| "+' '+w2utils.lang("Toggle Line Numbers")+" "+" | |
| "+' '+w2utils.lang("Reset Column Size")+" "+" | |
| '+btn+" | "+''+s.caption+" | "+''+operator+" | "+'';switch(s.type){case"alphaNumeric":case"text":html+='";break;case"int":case"float":case"hex":case"money":case"date":html+='"+'";break;case"list":html+='";break}html+=s.outTag+" | "+"
| '+" "+' '+' '+" "+" | "+"|||
'+(col.caption==""?" ":col.caption)+"
"+"'+(colg.caption==""?" ":colg.caption)+"
"+"#
"+""+' '+"
"+"'+(col.caption==""?" ":col.caption)+"
"+"| '+" | '+""+'"+" |
| ';if(this.show.selectColumn)rec_html+=' | ';if(this.show.expandColumn)rec_html+=' | ';for(var i in this.columns){if(this.columns[i].hidden)continue;rec_html+=' | '}rec_html+=' | ';rec_html+=" | |||
| '+(summary!==true?" "+lineNum+" ":"")+" | "}if(this.show.selectColumn){rec_html+=''+(summary!==true?" "+' '+" ":"")+" | "}if(this.show.expandColumn){var tmp_img="";if(record.expanded===true)tmp_img="-";else tmp_img="+";if(record.expanded=="none")tmp_img="";if(record.expanded=="spinner")tmp_img='';rec_html+=''+(summary!==true?' '+" "+tmp_img+" ":"")+" | "}var col_ind=0;while(true){var col=this.columns[col_ind];if(col.hidden){col_ind++;if(typeof this.columns[col_ind]=="undefined")break;else continue}var isChanged=record.changed&&record.changes[col.field];var rec_cell=this.getCellHTML(ind,col_ind,summary);var addStyle="";if(typeof col.render=="string"){var tmp=col.render.toLowerCase().split(":");if($.inArray(tmp[0],["number","int","float","money","percent"])!=-1)addStyle="text-align: right";if($.inArray(tmp[0],["date"])!=-1)addStyle="text-align: right"}var isCellSelected=false;if(record.selected&&$.inArray(col_ind,record.selectedColumns)!=-1)isCellSelected=true;rec_html+='"+rec_cell+" | ";col_ind++;if(typeof this.columns[col_ind]=="undefined")break}rec_html+='';rec_html+=" | '+tabHTML+" | ";if(this.get(id,true)!=this.tabs.length-1&&$(this.box).find("#tabs_"+this.name+"_tab_"+w2utils.escapeId(this.tabs[parseInt(this.get(id,true))+1].id)).length>0){$(this.box).find("#tabs_"+this.name+"_tab_"+w2utils.escapeId(this.tabs[parseInt(this.get(id,true))+1].id)).before(html)}else{$(this.box).find("#tabs_"+this.name+"_right").before(html)}}else{jq_el.html(tabHTML);if(tab.hidden){jq_el.css("display","none")}else{jq_el.css("display","")}if(tab.disabled){jq_el.css({opacity:"0.2","-moz-opacity":"0.2","-webkit-opacity":"0.2","-o-opacity":"0.2",filter:"alpha(opacity=20)"})}else{jq_el.css({opacity:"1","-moz-opacity":"1","-webkit-opacity":"1","-o-opacity":"1",filter:"alpha(opacity=100)"})}}this.trigger($.extend(eventData,{phase:"after"}));return(new Date).getTime()-time},render:function(box){var time=(new Date).getTime();var eventData=this.trigger({phase:"before",type:"render",target:this.name,box:box});if(eventData.isCancelled===true)return false;if(window.getSelection)window.getSelection().removeAllRanges();if(String(box)!="undefined"&&box!=null){if($(this.box).find("> table #tabs_"+this.name+"_right").length>0){$(this.box).removeAttr("name").removeClass("w2ui-reset w2ui-tabs").html("")}this.box=box}if(!this.box)return;var html='||
| '+this.right+" |
'+'
"+"
";$("body").append(tmp);tabHTML='| '+(tab.closable?'':"")+' '+tab.text+" "+" |
| '+this.getItemHTML(it)+" | "}}html+=''+this.right+" | ";html+="
"+'
|
| "+item.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;if(this.topHTML!=""){$(this.box).find(".w2ui-sidebar-top").html(this.topHTML);$(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")}this.trigger($.extend(eventData,{phase:"after"}));this.refresh()},refresh:function(id){var time=(new Date).getTime();if(window.getSelection)window.getSelection().removeAllRanges();var eventData=this.trigger({phase:"before",type:"refresh",target:typeof id!="undefined"?id:this.name});if(eventData.isCancelled===true)return false;if(this.topHTML!=""){$(this.box).find(".w2ui-sidebar-top").html(this.topHTML);$(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")}$(this.box).find("> div").css({width:$(this.box).width()+"px",height:$(this.box).height()+"px"});var obj=this;if(typeof id=="undefined"){var node=this;var nm=".w2ui-sidebar-div"}else{var node=this.get(id);if(node==null)return;var nm="#node_"+w2utils.escapeId(node.id)+"_sub"}if(node!=this){var tmp="#node_"+w2utils.escapeId(node.id);var 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()}$(this.box).find(nm).html("");for(var i=0;i';html='
"+'
"+"
"+''}return html}},resize:function(){var time=(new Date).getTime();if(window.getSelection)window.getSelection().removeAllRanges();var eventData=this.trigger({phase:"before",type:"resize",target:this.name});if(eventData.isCancelled===true)return false;$(this.box).css("overflow","hidden");$(this.box).find("> div").css({width:$(this.box).width()+"px",height:$(this.box).height()+"px"});this.trigger($.extend(eventData,{phase:"after"}));return(new Date).getTime()-time},destroy:function(){var eventData=this.trigger({phase:"before",type:"destroy",target:this.name});if(eventData.isCancelled===true)return false;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];this.trigger($.extend(eventData,{phase:"after"}))},lock:function(msg,showSpinner){var box=$(this.box).find("> div:first-child");w2utils.lock(box,msg,showSpinner)},unlock:function(){w2utils.unlock(this.box)}};$.extend(w2sidebar.prototype,w2utils.event);w2obj.sidebar=w2sidebar})();(function($){var w2field=new function(){this.customTypes=[]};$.fn.w2field=function(method){if(w2field[method]){return w2field[method].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof method==="object"){return w2field.init.apply(this,arguments)}else if(typeof method==="string"){return w2field.init.apply(this,[{type:method}])}else{console.log("ERROR: Method "+method+" does not exist on jQuery.w2field")}};$.extend(w2field,{init:function(options){var obj=w2field;return $(this).each(function(field,index){if(typeof w2field.customTypes[options.type.toLowerCase()]=="function"){w2field.customTypes[options.type.toLowerCase()].call(this,options);return}var tp=options.type.toLowerCase();switch(tp){case"clear":$(this).off("focus").off("blur").off("keypress").off("keydown").off("change").removeData();if($(this).prev().hasClass("w2ui-list")){$(this).prev().remove();$(this).removeAttr("tabindex").css("border-color","").show()}if($(this).prev().hasClass("w2ui-upload")){$(this).prev().remove();$(this).removeAttr("tabindex").css("border-color","").show()}if($(this).prev().hasClass("w2ui-field-helper")){$(this).css("padding-left",$(this).css("padding-top"));$(this).prev().remove()}if($(this).next().hasClass("w2ui-field-helper")){$(this).css("padding-right",$(this).css("padding-top"));$(this).next().remove()}if($(this).next().hasClass("w2ui-field-helper")){$(this).next().remove()}break;case"text":case"int":case"float":case"money":case"alphanumeric":case"hex":var el=this;var defaults={min:null,max:null,arrows:false,keyboard:true,suffix:"",prefix:""};options=$.extend({},defaults,options);if(["text","alphanumeric","hex"].indexOf(tp)!=-1){options.arrows=false;options.keyboard=false}$(this).data("options",options).on("keypress",function(event){if(event.metaKey||event.ctrlKey||event.altKey||event.charCode!=event.keyCode&&event.keyCode>0)return;if(event.keyCode==13)$(this).change();var ch=String.fromCharCode(event.charCode);if(!checkType(ch,true)){if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true;return false}}).on("keydown",function(event,extra){if(!options.keyboard)return;var cancel=false;var v=$(el).val();if(!checkType(v))v=options.min||0;else v=parseFloat(v);var key=event.keyCode||extra.keyCode;var inc=1;if(event.ctrlKey||event.metaKey)inc=10;switch(key){case 38:$(el).val(v+inc<=options.max||options.max==null?v+inc:options.max).change();if(tp=="money")$(el).val(Number($(el).val()).toFixed(2));cancel=true;break;case 40:$(el).val(v-inc>=options.min||options.min==null?v-inc:options.min).change();if(tp=="money")$(el).val(Number($(el).val()).toFixed(2));cancel=true;break}if(cancel){event.preventDefault();setTimeout(function(){el.setSelectionRange(el.value.length,el.value.length)},0)}}).on("change",function(event){var v=$(el).val();var cancel=false;if(options.min!=null&&v!=""&&v| '+' "+" | "+''+tmp+(nd.count!==""?' '+nd.count+" ":"")+''+nd.text+" "+" | "+"
'+options.prefix+"
");var helper=$(this).prev();helper.css({color:$(this).css("color"),"font-family":$(this).css("font-family"),"font-size":$(this).css("font-size"),"padding-top":$(this).css("padding-top"),"padding-bottom":$(this).css("padding-bottom"),"padding-left":$(this).css("padding-left"),"padding-right":0,"margin-top":parseInt($(this).css("margin-top"))+1+"px","margin-bottom":parseInt($(this).css("margin-bottom"))+1+"px","margin-left":0,"margin-right":0}).on("click",function(){$(this).next().focus()});$(this).css("padding-left",helper.width()+parseInt($(this).css("padding-left"))+5+"px")}var pr=parseInt($(this).css("padding-right"));if(options.arrows!=""){$(this).after(' '+'
");var height=w2utils.getSize(this,"height");var helper=$(this).next();helper.css({color:$(this).css("color"),"font-family":$(this).css("font-family"),"font-size":$(this).css("font-size"),height:$(this).height()+parseInt($(this).css("padding-top"))+parseInt($(this).css("padding-bottom"))+"px",padding:"0px","margin-top":parseInt($(this).css("margin-top"))+1+"px","margin-bottom":"0px","border-left":"1px solid silver"}).css("margin-left","-"+(helper.width()+parseInt($(this).css("margin-right"))+12)+"px").on("mousedown",function(event){var btn=this;var evt=event;$("body").on("mouseup",tmp);$("body").data("_field_update_timer",setTimeout(update,700));update(false);function tmp(){clearTimeout($("body").data("_field_update_timer"));$("body").off("mouseup",tmp)}function update(notimer){$(el).focus().trigger($.Event("keydown"),{keyCode:$(evt.target).attr("type")=="up"?38:40});if(notimer!==false)$("body").data("_field_update_timer",setTimeout(update,60))}});pr+=helper.width()+12;$(this).css("padding-right",pr+"px")}if(options.suffix!=""){$(this).after(''+' '+"
"+' '+' '+"
"+' '+"'+options.suffix+"
");var helper=$(this).next();helper.css({color:$(this).css("color"),"font-family":$(this).css("font-family"),"font-size":$(this).css("font-size"),"padding-top":$(this).css("padding-top"),"padding-bottom":$(this).css("padding-bottom"),"padding-left":"3px","padding-right":$(this).css("padding-right"),"margin-top":parseInt($(this).css("margin-top"))+1+"px","margin-bottom":parseInt($(this).css("margin-bottom"))+1+"px"}).on("click",function(){$(this).prev().focus()});helper.css("margin-left","-"+(helper.width()+parseInt($(this).css("padding-right"))+5)+"px");pr+=helper.width()+3;$(this).css("padding-right",pr+"px")}function checkType(ch,loose){switch(tp){case"int":if(loose&&["-"].indexOf(ch)!=-1)return true;return w2utils.isInt(ch);break;case"float":if(loose&&["-","."].indexOf(ch)!=-1)return true;return w2utils.isFloat(ch);break;case"money":if(loose&&["-",".","$","€","£","¥"].indexOf(ch)!=-1)return true;return w2utils.isMoney(ch);break;case"hex":return w2utils.isHex(ch);break;case"alphanumeric":return w2utils.isAlphaNumeric(ch);break}return true}break;case"date":var obj=this;var defaults={format:w2utils.settings.date_format,start:"",end:"",blocked:{},colored:{}};options=$.extend({},defaults,options);$(this).css({transition:"none","-webkit-transition":"none","-moz-transition":"none","-ms-transition":"none","-o-transition":"none"}).data("options",options).on("focus",function(){var top=parseFloat($(obj).offset().top)+parseFloat(obj.offsetHeight);var left=parseFloat($(obj).offset().left);clearInterval($(obj).data("mtimer"));$("#global_calendar_div").remove();$("body").append(''+"
");$("#global_calendar_div").html($().w2field("calendar_get",obj.value,options)).css({left:left+"px",top:top+"px"}).data("el",obj).show();var max=$(window).width()+$(document).scrollLeft()-1;if(left+$("#global_calendar_div").width()>max){$("#global_calendar_div").css("left",max-$("#global_calendar_div").width()+"px")}var mtimer=setInterval(function(){var max=$(window).width()+$(document).scrollLeft()-1;var left=$(obj).offset().left;if(left+$("#global_calendar_div").width()>max)left=max-$("#global_calendar_div").width();if($("#global_calendar_div").data("position")!=$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight)){$("#global_calendar_div").css({"-webkit-transition":".2s",left:left+"px",top:$(obj).offset().top+obj.offsetHeight+"px"}).data("position",$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight))}if($(obj).length==0||$(obj).offset().left==0&&$(obj).offset().top==0){clearInterval(mtimer);$("#global_calendar_div").remove();return}},100);$(obj).data("mtimer",mtimer)}).on("blur",function(event){$(obj).val($.trim($(obj).val()));if($.trim($(obj).val())!=""&&!w2utils.isDate($(obj).val(),options.format)){$(this).w2tag(w2utils.lang("Not a valid date")+": "+options.format)}clearInterval($(obj).data("mtimer"));$("#global_calendar_div").remove()}).on("keypress",function(event){var obj=this;setTimeout(function(){$("#global_calendar_div").html($().w2field("calendar_get",obj.value,options))},10)});setTimeout(function(){if(w2utils.isInt(obj.value))obj.value=w2utils.formatDate(obj.value,options.format)},1);break;case"time":break;case"datetime":break;case"color":var obj=this;var defaults={prefix:"#",suffix:''};options=$.extend({},defaults,options);$(this).attr("maxlength",6).on("focus",function(){var top=parseFloat($(obj).offset().top)+parseFloat(obj.offsetHeight);var left=parseFloat($(obj).offset().left);clearInterval($(obj).data("mtimer"));$("#global_color_div").remove();$("body").append(''+"
");$("#global_color_div").html($().w2field("getColorHTML",obj.value)).css({left:left+"px",top:top+"px"}).data("el",obj).show();var max=$(window).width()+$(document).scrollLeft()-1;if(left+$("#global_color_div").width()>max){$("#global_color_div").css("left",max-$("#global_color_div").width()+"px")}var mtimer=setInterval(function(){var max=$(window).width()+$(document).scrollLeft()-1;var left=$(obj).offset().left;if(left+$("#global_color_div").width()>max)left=max-$("#global_color_div").width();if($("#global_color_div").data("position")!=$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight)){$("#global_color_div").css({"-webkit-transition":".2s",left:left+"px",top:$(obj).offset().top+obj.offsetHeight+"px"}).data("position",$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight))}if($(obj).length==0||$(obj).offset().left==0&&$(obj).offset().top==0){clearInterval(mtimer);$("#global_color_div").remove();return}},100);$(obj).data("mtimer",mtimer)}).on("click",function(){$(this).trigger("focus")}).on("blur",function(event){$(obj).val($.trim($(obj).val()));clearInterval($(obj).data("mtimer"));$("#global_color_div").remove()}).on("keydown",function(event){if(event.keyCode==86&&(event.ctrlKey||event.metaKey)){var obj=this;$(this).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)}}).on("keyup",function(event){if(event.keyCode==86&&(event.ctrlKey||event.metaKey))$(this).prop("maxlength",6)}).on("keypress",function(event){if(event.keyCode==13)$(this).change();var ch=String.fromCharCode(event.charCode);if(!w2utils.isHex(ch,true)){if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true;return false}}).on("change",function(event){var color="#"+$(this).val();if($(this).val().length!=6&&$(this).val().length!=3)color="";$(this).next().find("div").css("background-color",color)});if(options.prefix!=""){$(this).before(''+options.prefix+"
");var helper=$(this).prev();helper.css({color:$(this).css("color"),"font-family":$(this).css("font-family"),"font-size":$(this).css("font-size"),"padding-top":$(this).css("padding-top"),"padding-bottom":$(this).css("padding-bottom"),"padding-left":$(this).css("padding-left"),"padding-right":0,"margin-top":parseInt($(this).css("margin-top"))+1+"px","margin-bottom":parseInt($(this).css("margin-bottom"))+1+"px","margin-left":0,"margin-right":0}).on("click",function(){$(this).next().focus()});$(this).css("padding-left",helper.width()+parseInt($(this).css("padding-left"))+2+"px")}if(options.suffix!=""){$(this).after(''+options.suffix+"
");var helper=$(this).next();helper.css({color:$(this).css("color"),"font-family":$(this).css("font-family"),"font-size":$(this).css("font-size"),"padding-top":$(this).css("padding-top"),"padding-bottom":$(this).css("padding-bottom"),"padding-left":"3px","padding-right":$(this).css("padding-right"),"margin-top":parseInt($(this).css("margin-top"))+1+"px","margin-bottom":parseInt($(this).css("margin-bottom"))+1+"px"}).on("click",function(){$(this).prev().focus()});helper.css("margin-left","-"+(helper.width()+parseInt($(this).css("padding-right"))+4)+"px");var pr=helper.width()+parseInt($(this).css("padding-right"))+4;$(this).css("padding-right",pr+"px");helper.find("div").css("background-color","#"+$(obj).val())}break;case"select":case"list":if(this.tagName!="SELECT"){console.log("ERROR: You can only apply $().w2field('list') to a SELECT element");return}var defaults={url:"",items:[],value:null,showNone:true};var obj=this;var settings=$.extend({},defaults,options);$(obj).data("settings",settings);obj.refresh=function(){var settings=$(obj).data("settings");var html="";var items=w2field.cleanItems(settings.items);if(settings.showNone)html='";for(var i in items){if(!settings.showNone&&settings.value==null)settings.value=items[i].id;html+='"}$(obj).html(html);$(obj).val(settings.value);if($(obj).val()!=settings.value)$(obj).change()};if(settings.url!=""){$.ajax({type:"GET",dataType:"text",url:settings.url,complete:function(xhr,status){if(status=="success"){var data=$.parseJSON(xhr.responseText);var settings=$(obj).data("settings");settings.items=w2field.cleanItems(data.items);$(obj).data("settings",settings);obj.refresh()}}})}else{obj.refresh()}break;case"enum":if(this.tagName!="INPUT"){console.log("ERROR: You can only apply $().w2field('enum') to an INPUT element");return}var defaults={url:"",items:[],selected:[],max:0,maxHeight:172,showAll:false,match:"begins with",render:null,maxCache:500,onShow:null,onHide:null,onAdd:null,onRemove:null,onItemOver:null,onItemOut:null,onItemClick:null};var obj=this;var settings=$.extend({},defaults,options);settings.items=w2field.cleanItems(settings.items);settings.selected=w2field.cleanItems(settings.selected);$(this).data("selected",settings.selected);$(this).css({padding:"0px","border-color":"transparent","background-color":"transparent",outline:"none"});this.add=function(item){if($(this).attr("readonly"))return;var selected=$(this).data("selected");var settings=$(this).data("settings");if(typeof settings.onAdd=="function"){var cancel=settings.onAdd(item,settings);if(cancel===false)return}if(!$.isArray(selected))selected=[];if(settings.max!=0&&settings.max<=selected.length){selected.splice(selected.length-1,1)}selected.push(item);$(this).data("last_del",null);$(this).trigger("change")};this.remove=function(index){var settings=$(this).data("settings");if(typeof settings.onRemove=="function"){var cancel=settings.onRemove(index,settings);if(cancel===false)return}if($(this).attr("readonly"))return;$(this).data("selected").splice(index,1);$(this).parent().find("[title=Remove][index="+index+"]").remove();this.refresh();w2field.list_render.call(this);$(this).trigger("change")};this.show=function(){if($(this).attr("readonly"))return;var settings=$(this).data("settings");if($("#w2ui-global-items").length==0){$("body").append('')}else{return}var div=$("#w2ui-global-items");div.css({display:"block",left:$(obj).offset().left+"px",top:$(obj).offset().top+obj.offsetHeight+3+"px"}).width(w2utils.getSize(obj,"width")).data("position",$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight));w2field.list_render.call(obj);var monitor=function(){var div=$("#w2ui-global-items");if($(obj).length==0||$(obj).offset().left==0&&$(obj).offset().top==0){clearInterval($(obj).data("mtimer"));hide();return}if(div.data("position")!=$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight)){div.css({"-webkit-transition":".2s",left:$(obj).offset().left+"px",top:$(obj).offset().top+obj.offsetHeight+3+"px"}).data("position",$(obj).offset().left+"x"+($(obj).offset().top+obj.offsetHeight));setTimeout(function(){w2field.list_render.call(obj,$(obj).data("last_search"))},200)}if(div.length>0)$(obj).data("mtimer",setTimeout(monitor,100))};$(obj).data("mtimer",setTimeout(monitor,100));if(typeof settings.onShow=="function")settings.onShow.call(this,settings)};this.hide=function(){var settings=$(this).data("settings");clearTimeout($(obj).data("mtimer"));$("#w2ui-global-items").remove();if(typeof settings.onHide=="function")settings.onHide.call(this,settings)};this.refresh=function(){var obj=this;$($(this).data("div")).remove();var margin="margin-top: "+$(this).css("margin-top")+"; "+"margin-bottom: "+$(this).css("margin-bottom")+"; "+"margin-left: "+$(this).css("margin-left")+"; "+"margin-right: "+$(this).css("margin-right")+"; "+"width: "+(w2utils.getSize(this,"width")-parseInt($(this).css("margin-left"))-parseInt($(this).css("margin-right")))+"px; ";var html=''+'"+"
";$(this).before(html);var div=$(this).prev()[0];$(this).data("div",div);$(div).find("li").data("mouse","out").on("click",function(event){if($(event.target).hasClass("nomouse"))return;if(event.target.title==w2utils.lang("Remove")){obj.remove($(event.target).attr("index"));return}event.stopPropagation();if(typeof settings.onItemClick=="function")settings.onItemClick.call(this,settings)}).on("mouseover",function(event){var tmp=event.target;if(tmp.tagName!="LI")tmp=tmp.parentNode;if($(tmp).hasClass("nomouse"))return;if($(tmp).data("mouse")=="out"){if(typeof settings.onItemOver=="function")settings.onItemOver.call(this,settings)}$(tmp).data("mouse","over")}).on("mouseout",function(event){var tmp=event.target;if(tmp.tagName!="LI")tmp=tmp.parentNode;if($(tmp).hasClass("nomouse"))return;$(tmp).data("mouse","leaving");setTimeout(function(){if($(tmp).data("mouse")=="leaving"){$(tmp).data("mouse","out");if(typeof settings.onItemOut=="function")settings.onItemOut.call(this,settings)}},0)});$(div).on("click",function(event){$(this).find("input").focus()}).find("input").on("focus",function(event){$(div).css({outline:"auto 5px -webkit-focus-ring-color","outline-offset":"-2px"});obj.show();if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true}).on("blur",function(event){$(div).css("outline","none");obj.hide();if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true});obj.resize()};this.resize=function(){var settings=$(this).data("settings");var div=$(this).prev();var cntHeight=$(div).find(">div").height();if(cntHeight<23)cntHeight=23;if(cntHeight>settings.maxHeight)cntHeight=settings.maxHeight;$(div).height(cntHeight+(cntHeight%23==0?0:23-cntHeight%23));if(div.length>0)div[0].scrollTop=1e3;$(this).height(cntHeight)};$(this).data("settings",settings).attr("tabindex",-1);obj.refresh();break;case"upload":if(this.tagName!="INPUT"){console.log("ERROR: You can only apply $().w2field('upload') to an INPUT element");return}var defaults={url:"",base64:true,hint:w2utils.lang("Attach files by dragging and dropping or Click to Select"),max:0,maxSize:0,maxFileSize:0,onAdd:null,onRemove:null,onItemClick:null,onItemDblClick:null,onItemOver:null,onItemOut:null,onProgress:null,onComplete:null};var obj=this;var settings=$.extend({},defaults,options);if(settings.base64===true){if(settings.maxSize==0)settings.maxSize=20*1024*1024;if(settings.maxFileSize==0)settings.maxFileSize=20*1024*1024}var selected=settings.selected;delete settings.selected;if(!$.isArray(selected))selected=[];$(this).data("selected",selected).data("settings",settings).attr("tabindex",-1);w2field.upload_init.call(this);this.refresh=function(){var obj=this;var div=$(this).data("div");var settings=$(this).data("settings");var selected=$(this).data("selected");$(div).find("li").remove();$(div).find("> span:first-child").css("line-height",$(div).height()-w2utils.getSize(div,"+height")-8+"px");for(var s in selected){var file=selected[s];var cnt=$(div).find(".file-list li").length;$(div).find("> span:first-child").remove();$(div).find(".file-list").append('- ';var selected=$(this).data("selected");for(var s in selected){html+='
- '+' '+selected[s].text+" "}html+='
- '+' '+" "+"
'+' = h && w > 300) $(this).width(300);"+' if (w < h && h > 300) $(this).height(300);"'+" onerror=\"this.style.display = 'none'\""+" >"+"
"}var td1='style="padding: 3px; text-align: right; color: #777;"';var td2='style="padding: 3px"';previewHTML+=''+' '+"
"+"
";li.data("file",file).on("click",function(event){if(typeof settings.onItemClick=="function"){var ret=settings.onItemClick.call(obj,$(this).data("file"));if(ret===false)return}if(!$(event.target).hasClass("file-delete"))event.stopPropagation()}).on("dblclick",function(event){if(typeof settings.onItemDblClick=="function"){var ret=settings.onItemDblClick.call(obj,$(this).data("file"));if(ret===false)return}event.stopPropagation();if(document.selection)document.selection.empty();else document.defaultView.getSelection().removeAllRanges()}).on("mouseover",function(event){if(typeof settings.onItemOver=="function"){var ret=settings.onItemOver.call(obj,$(this).data("file"));if(ret===false)return}var file=$(this).data("file");$(this).w2overlay(previewHTML.replace("##FILE##",file.content?"data:"+file.type+";base64,"+file.content:""),{top:-4})}).on("mouseout",function(){if(typeof settings.onItemOut=="function"){var ret=settings.onItemOut.call(obj,$(this).data("file"));if(ret===false)return}$(this).w2overlay()})}};this.refresh();break;case"slider":break;default:console.log('ERROR: w2field does not recognize "'+options.type+'" field type.');break}})},addType:function(type,handler){w2field.customTypes[String(type).toLowerCase()]=handler},cleanItems:function(items){var newItems=[];for(var i in items){var id="";var text="";var opt=items[i];if(opt==null)continue;if($.isPlainObject(items)){id=i;text=opt}else{if(typeof opt=="object"){if(typeof opt.id!="undefined")id=opt.id;if(typeof opt.value!="undefined")id=opt.value;if(typeof opt.txt!="undefined")text=opt.txt;if(typeof opt.text!="undefined")text=opt.text}if(typeof opt=="string"){if(String(opt)=="")continue;id=opt;text=opt;opt={}}}if(w2utils.isInt(id))id=parseInt(id);if(w2utils.isFloat(id))id=parseFloat(id);newItems.push($.extend({},opt,{id:id,text:text}))}return newItems},upload_init:function(){var obj=this;var settings=$(this).data("settings");var el=$(obj).prev();if(el.length>0&&el[0].tagName=="DIV"&&el.hasClass("w2ui-upload"))el.remove();var margin="margin-top: "+$(obj).css("margin-top")+"; "+"margin-bottom: "+$(obj).css("margin-bottom")+"; "+"margin-left: "+$(obj).css("margin-left")+"; "+"margin-right: "+$(obj).css("margin-right")+"; "+"width: "+(w2utils.getSize(obj,"width")-parseInt($(obj).css("margin-left"))-parseInt($(obj).css("margin-right")))+"px; "+"height: "+(w2utils.getSize(obj,"height")-parseInt($(obj).css("margin-top"))-parseInt($(obj).css("margin-bottom")))+"px; ";
+var html='| Name: | "+file.name+" |
| Size: | "+w2utils.size(file.size)+" |
| Type: | "+' "+" |
| Modified: | "+w2utils.date(file.modified)+" |
'+" "+settings.hint+""+'
";$(obj).css({display1:"none","border-color":"transparent"}).before(html);$(obj).data("div",$(obj).prev()[0]);var div=$(obj).data("div");$(div).find(".file-input").off("change").on("change",function(){if(typeof this.files!=="undefined"){for(var i=0,l=this.files.length;i'+w2utils.lang("No items found")+"
";var noItems=true}div.find(".w2ui-items-list").html(ihtml);$(this).data("last_max",i-1);if(div.find("li.selected").length>0)div.find("li.selected")[0].scrollIntoView(false);div.css({"-webkit-transition":"0s",height:"auto"});var max_height=parseInt($(document).height())-parseInt(div.offset().top)-8;if(parseInt(div.height())>max_height){div.css({height:max_height-5+"px",overflow:"show"});$(div).find(".w2ui-items-list").css({height:max_height-15+"px",overflow:"auto"})}$(div).off("mousedown").on("mousedown",function(event){var target=event.target;if(target.tagName!="LI")target=$(target).parents("li");var id=$(target).attr("index");if(!id)return;var item=settings.items[id];if(typeof id=="undefined"){if(event.preventDefault)event.preventDefault();else return false}obj.add(item);$(obj).data("last_index",0);obj.refresh();w2field.list_render.call(obj,"")});$(obj).prev().find("li > input").val(search).css("max-width",$(div).width()-25+"px").width((search.length+2)*6+"px").focus().on("click",function(event){if(event.stopPropagation)event.stopPropagation();else event.cancelBubble=true}).off("keyup").on("keyup",function(event){var inp=this;setTimeout(function(){var curr=$(obj).data("last_index");switch(event.keyCode){case 38:curr--;if(curr<0)curr=0;$(obj).data("last_index",curr);if(event.preventDefault)event.preventDefault();break;case 40:curr++;if(curr>$(obj).data("last_max"))curr=$(obj).data("last_max");$(obj).data("last_index",curr);if(event.preventDefault)event.preventDefault();break;case 13:if(typeof $(obj).data("last_item")=="undefined"||$(obj).data("last_item")==null||noItems===true)break;var selected=$(obj).data("selected");obj.add($(obj).data("last_item"));if(curr>$(obj).data("last_max")-1)curr=$(obj).data("last_max")-1;$(obj).data("last_index",curr);$(obj).data("last_item",null);$(inp).val("");obj.refresh();if(event.preventDefault)event.preventDefault();break;case 8:if(String(inp.value)==""){if(typeof $(obj).data("last_del")=="undefined"||$(obj).data("last_del")==null){var selected=$(obj).data("selected");if(!$.isArray(selected))selected=[];$(obj).data("last_del",selected.length-1);obj.refresh()}else{var selected=$(obj).data("selected");obj.remove(selected.length-1)}}break;default:$(obj).data("last_index",0);$(obj).data("last_del",null);break}obj.resize();if(!(event.keyCode==8&&String(inp.value)=="")){$(obj).prev().find("li").css("opacity","1");$(obj).data("last_del",null)}if($.inArray(event.keyCode,[16,91,37,39])==-1){w2field.list_render.call(obj,inp.value)}},10)})},calendar_get:function(date,options){var td=new Date;var today=Number(td.getMonth())+1+"/"+td.getDate()+"/"+(String(td.getYear()).length>3?td.getYear():td.getYear()+1900);if(String(date)==""||String(date)=="undefined")date=w2utils.formatDate(today,options.format);if(!w2utils.isDate(date,options.format))date=w2utils.formatDate(today,options.format);var tmp=date.replace(/-/g,"/").replace(/\./g,"/").toLowerCase().split("/");var tmp2=options.format.replace(/-/g,"/").replace(/\./g,"/").toLowerCase();var dt=new Date;if(tmp2=="mm/dd/yyyy")dt=new Date(tmp[0]+"/"+tmp[1]+"/"+tmp[2]);if(tmp2=="m/d/yyyy")dt=new Date(tmp[0]+"/"+tmp[1]+"/"+tmp[2]);if(tmp2=="dd/mm/yyyy")dt=new Date(tmp[1]+"/"+tmp[0]+"/"+tmp[2]);if(tmp2=="d/m/yyyy")dt=new Date(tmp[1]+"/"+tmp[0]+"/"+tmp[2]);if(tmp2=="yyyy/dd/mm")dt=new Date(tmp[2]+"/"+tmp[1]+"/"+tmp[0]);if(tmp2=="yyyy/d/m")dt=new Date(tmp[2]+"/"+tmp[1]+"/"+tmp[0]);if(tmp2=="yyyy/mm/dd")dt=new Date(tmp[1]+"/"+tmp[2]+"/"+tmp[0]);if(tmp2=="yyyy/m/d")dt=new Date(tmp[1]+"/"+tmp[2]+"/"+tmp[0]);if(tmp2=="mm/dd/yy")dt=new Date(tmp[0]+"/"+tmp[1]+"/"+(parseInt(tmp[2])+1900));if(tmp2=="m/d/yy")dt=new Date(tmp[0]+"/"+tmp[1]+"/"+(parseInt(tmp[2])+1900));if(tmp2=="dd/mm/yy")dt=new Date(tmp[1]+"/"+tmp[0]+"/"+(parseInt(tmp[2])+1900));if(tmp2=="d/m/yy")dt=new Date(tmp[1]+"/"+tmp[0]+"/"+(parseInt(tmp[2])+1900));if(tmp2=="yy/dd/mm")dt=new Date(tmp[2]+"/"+tmp[1]+"/"+(parseInt(tmp[0])+1900));if(tmp2=="yy/d/m")dt=new Date(tmp[2]+"/"+tmp[1]+"/"+(parseInt(tmp[0])+1900));if(tmp2=="yy/mm/dd")dt=new Date(tmp[1]+"/"+tmp[2]+"/"+(parseInt(tmp[0])+1900));if(tmp2=="yy/m/d")dt=new Date(tmp[1]+"/"+tmp[2]+"/"+(parseInt(tmp[0])+1900));var html='| "+$().w2field("calendar_month",dt.getMonth()+1,dt.getFullYear(),options)+" | "+"
'+"
"+' <-
"+" ->
"+months[month-1]+", "+year+"| ';ci+=6}else{if(ci | ';if(ci%7==0)html+=" |
| ";if(ci%7==0||weekDay==0&&ci==1)html+=" | |
'+'';var colors=[["000000","444444","666666","999999","CCCCCC","EEEEEE","F3F3F3","FFFFFF"],["FF011B","FF9838","FFFD59","01FD55","00FFFE","0424F3","9B24F4","FF21F5"],["F4CCCC","FCE5CD","FFF2CC","D9EAD3","D0E0E3","CFE2F3","D9D1E9","EAD1DC"],["EA9899","F9CB9C","FEE599","B6D7A8","A2C4C9","9FC5E8","B4A7D6","D5A6BD"],["E06666","F6B26B","FED966","93C47D","76A5AF","6FA8DC","8E7CC3","C27BA0"],["CC0814","E69138","F1C232","6AA84F","45818E","3D85C6","674EA7","A54D79"],["99050C","B45F17","BF901F","37761D","124F5C","0A5394","351C75","741B47"],["660205","783F0B","7F6011","274E12","0C343D","063762","20124D","4C1030"]];for(var i=0;i<8;i++){html+="
";return html}});w2obj.field=w2field})(jQuery);(function(){var w2form=function(options){this.name=null;this.header="";this.box=null;this.url="";this.formURL="";this.formHTML="";this.page=0;this.recid=0;this.fields=[];this.actions={};this.record={};this.original={};this.postData={};this.toolbar={};this.tabs={};this.style="";this.focus=0;this.msgNotJSON=w2utils.lang("Return data is not in JSON format.");this.msgRefresh=w2utils.lang("Refreshing...");this.msgSaving=w2utils.lang("Saving...");this.onRequest=null;this.onLoad=null;this.onValidate=null;this.onSubmit=null;this.onSave=null;this.onChange=null;this.onRender=null;this.onRefresh=null;this.onResize=null;this.onDestroy=null;this.onAction=null;this.onToolbar=null;this.onError=null;this.isGenerated=false;this.last={xhr:null};$.extend(true,this,w2obj.form,options)};$.fn.w2form=function(method){if(typeof method==="object"||!method){var obj=this;if(!method||typeof method.name=="undefined"){console.log('ERROR: The parameter "name" is required but not supplied in $().w2form().');return}if(typeof w2ui[method.name]!="undefined"){console.log('ERROR: The parameter "name" is not unique. There are other objects already created with the same name (obj: '+method.name+").");return}if(!w2utils.isAlphaNumeric(method.name)){console.log('ERROR: The parameter "name" has to be alpha-numeric (a-z, 0-9, dash and underscore). ');return}var record=method.record;var original=method.original;var fields=method.fields;var toolbar=method.toolbar;var tabs=method.tabs;var object=new w2form(method);$.extend(object,{record:{},original:{},fields:[],tabs:{},toolbar:{},handlers:[]});if($.isArray(tabs)){$.extend(true,object.tabs,{tabs:[]});for(var t in tabs){var tmp=tabs[t];if(typeof tmp=="object")object.tabs.tabs.push(tmp);else object.tabs.tabs.push({id:tmp,caption:tmp})}}else{$.extend(true,object.tabs,tabs)}$.extend(true,object.toolbar,toolbar);for(var p in fields)object.fields[p]=$.extend(true,{},fields[p]);for(var p in record){if($.isPlainObject(record[p])){object.record[p]=$.extend(true,{},record[p])}else{object.record[p]=record[p]}}for(var p in original){if($.isPlainObject(original[p])){object.original[p]=$.extend(true,{},original[p])}else{object.original[p]=original[p]}}if(obj.length>0)object.box=obj[0];if(object.formURL!=""){$.get(object.formURL,function(data){object.formHTML=data;object.isGenerated=true;if($(object.box).length!=0||data.length!=0){$(object.box).html(data);object.render(object.box)}})}else if(object.formHTML!=""){}else if($(this).length!=0&&$.trim($(this).html())!=""){object.formHTML=$(this).html()}else{object.formHTML=object.generateHTML()}w2ui[object.name]=object;if(object.formURL==""){if(String(object.formHTML).indexOf("w2ui-page")==-1){object.formHTML='| "+" '+" "+(color==colors[i][j]?"•":" ")+" "+" | "}html+="|||||||
'+object.formHTML+"
"}$(object.box).html(object.formHTML);object.isGenerated=true;object.render(object.box)}return object}else if(w2ui[$(this).attr("name")]){var obj=w2ui[$(this).attr("name")];obj[method].apply(obj,Array.prototype.slice.call(arguments,1));return this}else{console.log("ERROR: Method "+method+" does not exist on jQuery.w2form")}};w2form.prototype={get:function(field,returnIndex){for(var f in this.fields){if(this.fields[f].name==field){if(returnIndex===true)return f;else return this.fields[f]}}return null},set:function(field,obj){for(var f in this.fields){if(this.fields[f].name==field){$.extend(this.fields[f],obj);this.refresh();return true}}return false},reload:function(callBack){var url=typeof this.url!="object"?this.url:this.url.get;if(url&&this.recid!=0){this.request(callBack)}else{this.refresh();if(typeof callBack=="function")callBack()}},clear:function(){this.recid=0;this.record={};for(var f in this.fields){var field=this.fields[f]}$().w2tag();this.refresh()},error:function(msg){var obj=this;var eventData=this.trigger({target:this.name,type:"error",message:msg,xhr:this.last.xhr});if(eventData.isCancelled===true){if(typeof callBack=="function")callBack();return false}setTimeout(function(){w2alert(msg,"Error")},1);this.trigger($.extend(eventData,{phase:"after"}))},validate:function(showErrors){if(typeof showErrors=="undefined")showErrors=true;var errors=[];for(var f in this.fields){var field=this.fields[f];if(this.record[field.name]==null)this.record[field.name]="";switch(field.type){case"int":if(this.record[field.name]&&!w2utils.isInt(this.record[field.name])){errors.push({field:field,error:w2utils.lang("Not an integer")})}break;case"float":if(this.record[field.name]&&!w2utils.isFloat(this.record[field.name])){errors.push({field:field,error:w2utils.lang("Not a float")})}break;case"money":if(this.record[field.name]&&!w2utils.isMoney(this.record[field.name])){errors.push({field:field,error:w2utils.lang("Not in money format")})}break;case"color":case"hex":if(this.record[field.name]&&!w2utils.isHex(this.record[field.name])){errors.push({field:field,error:w2utils.lang("Not a hex number")})}break;case"email":if(this.record[field.name]&&!w2utils.isEmail(this.record[field.name])){errors.push({field:field,error:w2utils.lang("Not a valid email")})}break;case"checkbox":if(this.record[field.name]==true)this.record[field.name]=1;else this.record[field.name]=0;break;case"date":if(this.record[field.name]&&!w2utils.isDate(this.record[field.name],field.options.format)){errors.push({field:field,error:w2utils.lang("Not a valid date")+": "+field.options.format})}else{}break;case"select":case"list":break;case"enum":break}var val=this.record[field.name];if(field.required&&(val===""||$.isArray(val)&&val.length==0)){errors.push({field:field,error:w2utils.lang("Required field")})}if(field.equalto&&this.record[field.name]!=this.record[field.equalto]){errors.push({field:field,error:w2utils.lang("Field should be equal to ")+field.equalto})}}var eventData=this.trigger({phase:"before",target:this.name,type:"validate",errors:errors});if(eventData.isCancelled===true)return errors;if(showErrors)for(var e in eventData.errors){var err=eventData.errors[e];$(err.field.el).w2tag(err.error,{"class":"w2ui-error"})}this.trigger($.extend(eventData,{phase:"after"}));return errors},request:function(postData,callBack){var obj=this;if(typeof postData=="function"){callBack=postData;postData=null}if(typeof postData=="undefined"||postData==null)postData={};if(!this.url||typeof this.url=="object"&&!this.url.get)return;if(this.recid==null||typeof this.recid=="undefined")this.recid=0;var params={};params["cmd"]="get-record";params["name"]=this.name;params["recid"]=this.recid;$.extend(params,this.postData);$.extend(params,postData);var eventData=this.trigger({phase:"before",type:"request",target:this.name,url:this.url,postData:params});if(eventData.isCancelled===true){if(typeof callBack=="function")callBack({status:"error",message:"Request aborted."});return false}this.record={};this.original={};this.lock(this.msgRefresh);var url=eventData.url;if(typeof eventData.url=="object"&&eventData.url.get)url=eventData.url.get;if(this.last.xhr)try{this.last.xhr.abort()}catch(e){}this.last.xhr=$.ajax({type:"GET",url:url,data:String($.param(eventData.postData,false)).replace(/%5B/g,"[").replace(/%5D/g,"]"),dataType:"text",complete:function(xhr,status){obj.unlock();var eventData=obj.trigger({phase:"before",target:obj.name,type:"load",xhr:xhr,status:status});if(eventData.isCancelled===true){if(typeof callBack=="function")callBack({status:"error",message:"Request aborted."});return false}var responseText=obj.last.xhr.responseText;if(status!="error"){if(typeof responseText!="undefined"&&responseText!=""){var data;if(typeof responseText=="object"){data=responseText}else{try{eval("data = "+responseText)}catch(e){}}if(typeof data=="undefined"){data={status:"error",message:obj.msgNotJSON,responseText:responseText}}if(data["status"]=="error"){obj.error(data["message"])}else{obj.record=$.extend({},data.record);obj.original=$.extend({},data.record)}}}else{obj.error("AJAX Error "+xhr.status+": "+xhr.statusText)}obj.trigger($.extend(eventData,{phase:"after"}));obj.refresh();if(typeof callBack=="function")callBack(data)}});this.trigger($.extend(eventData,{phase:"after"}))},submit:function(postData,callBack){return this.save(postData,callBack)},save:function(postData,callBack){var obj=this;if(typeof postData=="function"){callBack=postData;postData=null}var errors=obj.validate(true);if(errors.length!==0){obj.goto(errors[0].field.page);return}if(typeof postData=="undefined"||postData==null)postData={};if(!obj.url||typeof obj.url=="object"&&!obj.url.save){console.log("ERROR: Form cannot be saved because no url is defined.");return}obj.lock(obj.msgSaving+' ');setTimeout(function(){var params={};params["cmd"]="save-record";params["name"]=obj.name;params["recid"]=obj.recid;$.extend(params,obj.postData);$.extend(params,postData);params.record=$.extend(true,{},obj.record);for(var f in obj.fields){var field=obj.fields[f];switch(String(field.type).toLowerCase()){case"date":var dt=params.record[field.name];var tmp=field.options.format.toLowerCase().replace("-","/").replace(".","/");if(["dd/mm/yyyy","d/m/yyyy","dd/mm/yy","d/m/yy"].indexOf(tmp)!=-1){var tmp=dt.replace(/-/g,"/").replace(/\./g,"/").split("/");var dt=new Date(tmp[2],tmp[1]-1,tmp[0])}params.record[field.name]=w2utils.formatDate(dt,"yyyy-mm-dd");break}}var eventData=obj.trigger({phase:"before",type:"submit",target:obj.name,url:obj.url,postData:params});if(eventData.isCancelled===true){if(typeof callBack=="function")callBack({status:"error",message:"Saving aborted."});return false}var url=eventData.url;if(typeof eventData.url=="object"&&eventData.url.save)url=eventData.url.save;if(obj.last.xhr)try{obj.last.xhr.abort()}catch(e){}obj.last.xhr=$.ajax({type:w2utils.settings.RESTfull?obj.recid==0?"POST":"PUT":"POST",url:url,data:String($.param(eventData.postData,false)).replace(/%5B/g,"[").replace(/%5D/g,"]"),dataType:"text",xhr:function(){var xhr=new window.XMLHttpRequest;xhr.upload.addEventListener("progress",function(evt){if(evt.lengthComputable){var percent=Math.round(evt.loaded/evt.total*100);$("#"+obj.name+"_progress").text(""+percent+"%")}},false);return xhr},complete:function(xhr,status){obj.unlock();var eventData=obj.trigger({phase:"before",target:obj.name,type:"save",xhr:xhr,status:status});if(eventData.isCancelled===true){if(typeof callBack=="function")callBack({status:"error",message:"Saving aborted."});return false}var responseText=xhr.responseText;if(status!="error"){if(typeof responseText!="undefined"&&responseText!=""){var data;if(typeof responseText=="object"){data=responseText}else{try{eval("data = "+responseText)}catch(e){}}if(typeof data=="undefined"){data={status:"error",message:obj.msgNotJSON,responseText:responseText}}if(data["status"]=="error"){obj.error(data["message"])}else{obj.original=$.extend({},obj.record)}}}else{obj.error("AJAX Error "+xhr.status+": "+xhr.statusText)}obj.trigger($.extend(eventData,{phase:"after"}));obj.refresh();if(typeof callBack=="function")callBack(data)}});obj.trigger($.extend(eventData,{phase:"after"}))},50)},lock:function(msg,showSpinner){var box=$(this.box).find("> div:first-child");w2utils.lock(box,msg,showSpinner)},unlock:function(){var obj=this;setTimeout(function(){w2utils.unlock(obj.box)},25)},"goto":function(page){if(typeof page!="undefined")this.page=page;if($(this.box).data("auto-size")===true)$(this.box).height(0);this.refresh()},generateHTML:function(){var pages=[];for(var f in this.fields){var html="";var field=this.fields[f];if(typeof field.html=="undefined")field.html={};field.html=$.extend(true,{caption:"",span:6,attr:"",text:"",page:0},field.html);if(field.html.caption=="")field.html.caption=field.name;var input='";if(field.type=="list")input='";if(field.type=="checkbox")input='";if(field.type=="textarea")input='";html+='\n '+field.html.caption+":
"+'\n '+input+field.html.text+"
";if(typeof pages[field.html.page]=="undefined")pages[field.html.page]='';pages[field.html.page]+=html}for(var p in pages)pages[p]+="\n
";var buttons="";if(!$.isEmptyObject(this.actions)){buttons+='\n"}return pages.join("")+buttons},action:function(action,event){var eventData=this.trigger({phase:"before",target:action,type:"action",originalEvent:event});if(eventData.isCancelled===true)return false;if(typeof this.actions[action]=="function"){this.actions[action].call(this,event)}this.trigger($.extend(eventData,{phase:"after"}))},resize:function(){var obj=this;var eventData=this.trigger({phase:"before",target:this.name,type:"resize"});if(eventData.isCancelled===true)return false;var main=$(this.box).find("> div");var header=$(this.box).find("> div .w2ui-form-header");var toolbar=$(this.box).find("> div .w2ui-form-toolbar");var tabs=$(this.box).find("> div .w2ui-form-tabs");var page=$(this.box).find("> div .w2ui-page");var cpage=$(this.box).find("> div .w2ui-page.page-"+this.page);var dpage=$(this.box).find("> div .w2ui-page.page-"+this.page+" > div");var buttons=$(this.box).find("> div .w2ui-buttons");resizeElements();if(parseInt($(this.box).height())==0||$(this.box).data("auto-size")===true){$(this.box).height((header.length>0?w2utils.getSize(header,"height"):0)+(this.tabs.tabs.length>0?w2utils.getSize(tabs,"height"):0)+(this.toolbar.items.length>0?w2utils.getSize(toolbar,"height"):0)+(page.length>0?w2utils.getSize(dpage,"height")+w2utils.getSize(cpage,"+height")+12:0)+(buttons.length>0?w2utils.getSize(buttons,"height"):0));$(this.box).data("auto-size",true)}resizeElements();obj.trigger($.extend(eventData,{phase:"after"}));function resizeElements(){main.width($(obj.box).width()).height($(obj.box).height());toolbar.css("top",obj.header!=""?w2utils.getSize(header,"height"):0);tabs.css("top",(obj.header!=""?w2utils.getSize(header,"height"):0)+(obj.toolbar.items.length>0?w2utils.getSize(toolbar,"height"):0));page.css("top",(obj.header!=""?w2utils.getSize(header,"height"):0)+(obj.toolbar.items.length>0?w2utils.getSize(toolbar,"height")+5:0)+(obj.tabs.tabs.length>0?w2utils.getSize(tabs,"height")+5:0));page.css("bottom",buttons.length>0?w2utils.getSize(buttons,"height"):0)}},refresh:function(){var obj=this;if(!this.box)return;if(!this.isGenerated||typeof $(this.box).html()=="undefined")return;$(this.box).find("input, textarea, select").each(function(index,el){var name=typeof $(el).attr("name")!="undefined"?$(el).attr("name"):$(el).attr("id");var field=obj.get(name);if(field){var div=$(el).parents(".w2ui-page");if(div.length>0){for(var i=0;i<100;i++){if(div.hasClass("page-"+i)){field.page=i;break}}}}});var eventData=this.trigger({phase:"before",target:this.name,type:"refresh",page:this.page});if(eventData.isCancelled===true)return false;$(this.box).find(".w2ui-page").hide();$(this.box).find(".w2ui-page.page-"+this.page).show();$(this.box).find(".w2ui-form-header").html(this.header);if(typeof this.tabs=="object"&&this.tabs.tabs.length>0){$("#form_"+this.name+"_tabs").show();this.tabs.active=this.tabs.tabs[this.page].id;this.tabs.refresh()}else{$("#form_"+this.name+"_tabs").hide()}if(typeof this.toolbar=="object"&&this.toolbar.items.length>0){$("#form_"+this.name+"_toolbar").show();this.toolbar.refresh()}else{$("#form_"+this.name+"_toolbar").hide()}for(var f in this.fields){var field=this.fields[f];field.el=$(this.box).find('[name="'+String(field.name).replace(/\\/g,"\\\\")+'"]')[0];if(typeof field.el=="undefined"){console.log('ERROR: Cannot associate field "'+field.name+'" with html control. Make sure html control exists with the same name.')}if(field.el)field.el.id=field.name;$(field.el).w2field("clear").off("change").on("change",function(){var value_new=this.value;var value_previous=obj.record[this.name]?obj.record[this.name]:"";var field=obj.get(this.name);if((field.type=="enum"||field.type=="upload")&&$(this).data("selected")){var new_arr=$(this).data("selected");var cur_arr=obj.record[this.name];var value_new=[];var value_previous=[];if($.isArray(new_arr))for(var i in new_arr)value_new[i]=$.extend(true,{},new_arr[i]);if($.isArray(cur_arr))for(var i in cur_arr)value_previous[i]=$.extend(true,{},cur_arr[i])}var eventData=obj.trigger({phase:"before",target:this.name,type:"change",value_new:value_new,value_previous:value_previous});
+if(eventData.isCancelled===true){$(this).val(obj.record[this.name]);return false}var val=this.value;if(this.type=="checkbox")val=this.checked?true:false;if(this.type=="radio")val=this.checked?true:false;if(field.type=="enum")val=value_new;if(field.type=="upload")val=value_new;obj.record[this.name]=val;obj.trigger($.extend(eventData,{phase:"after"}))});if(field.required){$(field.el).parent().addClass("w2ui-required")}else{$(field.el).parent().removeClass("w2ui-required")}}$(this.box).find("button, input[type=button]").each(function(index,el){$(el).off("click").on("click",function(event){var action=this.value;if(this.name)action=this.name;if(this.id)action=this.id;obj.action(action,event)})});for(var f in this.fields){var field=this.fields[f];var value=typeof this.record[field.name]!="undefined"?this.record[field.name]:"";if(!field.el)continue;switch(String(field.type).toLowerCase()){case"email":case"text":case"textarea":field.el.value=value;break;case"date":if(!field.options)field.options={};if(!field.options.format)field.options.format=w2utils.settings.date_format;field.el.value=value;this.record[field.name]=value;$(field.el).w2field($.extend({},field.options,{type:"date"}));break;case"int":field.el.value=value;$(field.el).w2field("int");break;case"float":field.el.value=value;$(field.el).w2field("float");break;case"money":field.el.value=value;$(field.el).w2field("money");break;case"hex":field.el.value=value;$(field.el).w2field("hex");break;case"alphanumeric":field.el.value=value;$(field.el).w2field("alphaNumeric");break;case"checkbox":if(this.record[field.name]==true||this.record[field.name]==1||this.record[field.name]=="t"){$(field.el).prop("checked",true)}else{$(field.el).prop("checked",false)}break;case"password":field.el.value=value;break;case"select":case"list":$(field.el).w2field($.extend({},field.options,{type:"list",value:value}));break;case"enum":if(typeof field.options=="undefined"||typeof field.options.url=="undefined"&&typeof field.options.items=="undefined"){console.log("ERROR: (w2form."+obj.name+") the field "+field.name+" defined as enum but not field.options.url or field.options.items provided.");break}this.record[field.name]=w2obj.field.cleanItems(value);value=this.record[field.name];$(field.el).w2field($.extend({},field.options,{type:"enum",selected:value}));break;case"upload":$(field.el).w2field($.extend({},field.options,{type:"upload",selected:value}));break;case"color":field.el.value=value;$(field.el).w2field("color");break;default:console.log('ERROR: field type "'+field.type+'" is not recognized.');break}}var tmp=$(this.box).find(".w2ui-page");for(var i=0;i"+(this.header!=""?'
";$(this.box).attr("name",this.name).addClass("w2ui-reset w2ui-form").html(html);if($(this.box).length>0)$(this.box)[0].style.cssText+=this.style;if(typeof this.toolbar["render"]=="undefined"){this.toolbar=$().w2toolbar($.extend({},this.toolbar,{name:this.name+"_toolbar",owner:this}));this.toolbar.on("click",function(event){var eventData=obj.trigger({phase:"before",type:"toolbar",target:event.target,originalEvent:event});if(eventData.isCancelled===true)return false;obj.trigger($.extend(eventData,{phase:"after"}))})}if(typeof this.toolbar=="object"&&typeof this.toolbar.render=="function"){this.toolbar.render($("#form_"+this.name+"_toolbar")[0])}if(typeof this.tabs["render"]=="undefined"){this.tabs=$().w2tabs($.extend({},this.tabs,{name:this.name+"_tabs",owner:this}));this.tabs.on("click",function(event){obj.goto(this.get(event.target,true))})}if(typeof this.tabs=="object"&&typeof this.tabs.render=="function"){this.tabs.render($("#form_"+this.name+"_tabs")[0])}this.trigger($.extend(eventData,{phase:"after"}));this.resize();var url=typeof this.url!="object"?this.url:this.url.get;if(url&&this.recid!=0){this.request()}else{this.refresh()}if($(".w2ui-layout").length==0){this.tmp_resize=function(event){w2ui[obj.name].resize()};$(window).off("resize","body").on("resize","body",this.tmp_resize)}setTimeout(function(){obj.resize();obj.refresh()},150);function focusEl(){var inputs=$(obj.box).find("input, select, textarea");if(inputs.length>obj.focus)inputs[obj.focus].focus()}if(this.focus>=0)setTimeout(focusEl,500)},destroy:function(){var eventData=this.trigger({phase:"before",target:this.name,type:"destroy"});if(eventData.isCancelled===true)return false;if(typeof this.toolbar=="object"&&this.toolbar.destroy)this.toolbar.destroy();if(typeof this.tabs=="object"&&this.tabs.destroy)this.tabs.destroy();if($(this.box).find("#form_"+this.name+"_tabs").length>0){$(this.box).removeAttr("name").removeClass("w2ui-reset w2ui-form").html("")}delete w2ui[this.name];this.trigger($.extend(eventData,{phase:"after"}));$(window).off("resize","body")}};$.extend(w2form.prototype,w2utils.event);w2obj.form=w2form})();
\ No newline at end of file
diff --git a/w2ui.jquery.json b/w2ui.jquery.json
index 7d951fbe6..45ec4cfcd 100644
--- a/w2ui.jquery.json
+++ b/w2ui.jquery.json
@@ -1,6 +1,6 @@
{
"name": "w2ui",
- "version": "1.3.0",
+ "version": "1.3.1",
"title": "W2UI: New JavaScript UI Library",
"description": "Complete set of JavaScript UI widget for development of data-driven web applications. Includes layout, grid, toolbar, sidebar, tabs, forms, fields, popup, overlay",
"keywords": [
@@ -44,7 +44,7 @@
"bugs" : "https://github.com/vitmalina/w2ui/issues",
"homepage" : "http://w2ui.com/web",
"docs" : "http://w2ui.com/web/docs",
- "download" : "http://w2ui.com/web/downloads/w2ui-1.3.zip",
+ "download" : "http://w2ui.com/web/downloads/w2ui-1.3.1.zip",
"dependencies": {
"jquery": ">=1.9"
}
'+this.header+"
":"")+' '+' '+this.formHTML+"