'+\n (rg.name == 'selection' ? '' : '')+\n '
');\n $range = $('#grid_'+ this.name +'_f'+ rg.name);\n } else {\n $range.attr('style', rg.style);\n $range.find('.w2ui-selection-resizer').show();\n }\n if (td2f.length === 0) {\n td2f = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(last.recid) +' td:last-child');\n if (td2f.length === 0) td2f = $('#grid_'+ this.name +'_frec_bottom td:first-child');\n $range.css('border-right', '0px');\n $range.find('.w2ui-selection-resizer').hide();\n }\n if (first.recid != null && last.recid != null && td1f.length > 0 && td2f.length > 0) {\n var _left = (td1f.position().left - 0 + rec1.scrollLeft());\n var _top = (td1f.position().top - 0 + rec1.scrollTop());\n $range.show().css({\n left : (_left > 0 ? _left : 0) + 'px',\n top : (_top > 0 ? _top : 0) + 'px',\n width : (td2f.position().left - td1f.position().left + td2f.width() + 2) + 'px',\n height : (td2f.position().top - td1f.position().top + td2f.height() + 1) + 'px'\n });\n } else {\n $range.hide();\n }\n } else {\n $range.hide();\n }\n // regular columns range\n var $range = $('#grid_'+ this.name +'_'+ rg.name);\n if (td1.length > 0 || td2.length > 0) {\n if ($range.length === 0) {\n rec2.append(''+\n (rg.name == 'selection' ? '' : '')+\n '
');\n $range = $('#grid_'+ this.name +'_'+ rg.name);\n } else {\n $range.attr('style', rg.style);\n }\n if (td1.length === 0) {\n td1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(first.recid) +' td:first-child');\n if (td1.length === 0) td1 = $('#grid_'+ this.name +'_rec_top td:first-child');\n }\n if (td2f.length !== 0) {\n $range.css('border-left', '0px');\n }\n if (first.recid != null && last.recid != null && td1.length > 0 && td2.length > 0) {\n var _left = (td1.position().left - 0 + rec2.scrollLeft());\n var _top = (td1.position().top - 0 + rec2.scrollTop());\n $range.show().css({\n left : (_left > 0 ? _left : 0) + 'px',\n top : (_top > 0 ? _top : 0) + 'px',\n width : (td2.position().left - td1.position().left + td2.width() + 2) + 'px',\n height : (td2.position().top - td1.position().top + td2.height() + 1) + 'px'\n });\n } else {\n $range.hide();\n }\n } else {\n $range.hide();\n }\n }\n\n // add resizer events\n $(this.box).find('.w2ui-selection-resizer')\n .off('mousedown').on('mousedown', mouseStart)\n .off('dblclick').on('dblclick', function (event) {\n var edata = obj.trigger({ phase: 'before', type: 'resizerDblClick', target: obj.name, originalEvent: event });\n if (edata.isCancelled === true) return;\n obj.trigger($.extend(edata, { phase: 'after' }));\n });\n var edata = { phase: 'before', type: 'selectionExtend', target: obj.name, originalRange: null, newRange: null };\n\n return (new Date()).getTime() - time;\n\n function mouseStart (event) {\n var sel = obj.getSelection();\n obj.last.move = {\n type : 'expand',\n x : event.screenX,\n y : event.screenY,\n divX : 0,\n divY : 0,\n recid : sel[0].recid,\n column : sel[0].column,\n originalRange : [{ recid: sel[0].recid, column: sel[0].column }, { recid: sel[sel.length-1].recid, column: sel[sel.length-1].column }],\n newRange : [{ recid: sel[0].recid, column: sel[0].column }, { recid: sel[sel.length-1].recid, column: sel[sel.length-1].column }]\n };\n $(document)\n .off('.w2ui-' + obj.name)\n .on('mousemove.w2ui-' + obj.name, mouseMove)\n .on('mouseup.w2ui-' + obj.name, mouseStop);\n // do not blur grid\n event.preventDefault();\n }\n\n function mouseMove (event) {\n var mv = obj.last.move;\n if (!mv || mv.type != 'expand') return;\n mv.divX = (event.screenX - mv.x);\n mv.divY = (event.screenY - mv.y);\n // find new cell\n var recid, column;\n var tmp = event.originalEvent.target;\n if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];\n if ($(tmp).attr('col') != null) column = parseInt($(tmp).attr('col'));\n tmp = $(tmp).parents('tr')[0];\n recid = $(tmp).attr('recid');\n // new range\n if (mv.newRange[1].recid == recid && mv.newRange[1].column == column) return;\n var prevNewRange = $.extend({}, mv.newRange);\n mv.newRange = [{ recid: mv.recid, column: mv.column }, { recid: recid, column: column }];\n // event before\n edata = obj.trigger($.extend(edata, { originalRange: mv.originalRange, newRange : mv.newRange }));\n if (edata.isCancelled === true) {\n mv.newRange = prevNewRange;\n edata.newRange = prevNewRange;\n return;\n } else {\n // default behavior\n obj.removeRange('grid-selection-expand');\n obj.addRange({\n name : 'grid-selection-expand',\n range : edata.newRange,\n style : 'background-color: rgba(100,100,100,0.1); border: 2px dotted rgba(100,100,100,0.5);'\n });\n }\n }\n\n function mouseStop (event) {\n // default behavior\n obj.removeRange('grid-selection-expand');\n delete obj.last.move;\n $(document).off('.w2ui-' + obj.name);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n },\n\n select: function () {\n if (arguments.length === 0) return 0;\n var time = (new Date).getTime();\n var selected = 0;\n var sel = this.last.selection;\n if (!this.multiSelect) this.selectNone();\n // if too manu arguments > 150k, then it errors off\n var args = Array.prototype.slice.call(arguments)\n if (Array.isArray(args[0])) args = args[0]\n // event before\n var tmp = { phase: 'before', type: 'select', target: this.name };\n if (args.length == 1) {\n tmp.multiple = false;\n if ($.isPlainObject(args[0])) {\n tmp.recid = args[0].recid;\n tmp.column = args[0].column;\n } else {\n tmp.recid = args[0];\n }\n } else {\n tmp.multiple = true;\n tmp.recids = args;\n }\n var edata = this.trigger(tmp);\n if (edata.isCancelled === true) return 0;\n\n // default action\n if (this.selectType == 'row') {\n for (var a = 0; a < args.length; a++) {\n var recid = typeof args[a] == 'object' ? args[a].recid : args[a];\n var index = this.get(recid, true);\n if (index == null) continue;\n var recEl1 = null;\n var recEl2 = null;\n if (this.searchData.length !== 0 || (index + 1 >= this.last.range_start && index + 1 <= this.last.range_end)) {\n recEl1 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));\n recEl2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));\n }\n if (this.selectType == 'row') {\n if (sel.indexes.indexOf(index) != -1) continue;\n sel.indexes.push(index);\n if (recEl1 && recEl2) {\n recEl1.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');\n recEl2.addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');\n recEl1.find('.w2ui-grid-select-check').prop(\"checked\", true);\n }\n selected++;\n }\n }\n } else {\n // normalize for performance\n var new_sel = {};\n for (var a = 0; a < args.length; a++) {\n var recid = typeof args[a] == 'object' ? args[a].recid : args[a];\n var column = typeof args[a] == 'object' ? args[a].column : null;\n new_sel[recid] = new_sel[recid] || [];\n if ($.isArray(column)) {\n new_sel[recid] = column;\n } else if (w2utils.isInt(column)) {\n new_sel[recid].push(column);\n } else {\n for (var i = 0; i < this.columns.length; i++) { if (this.columns[i].hidden) continue; new_sel[recid].push(parseInt(i)); }\n }\n }\n // add all\n var col_sel = [];\n for (var recid in new_sel) {\n var index = this.get(recid, true);\n if (index == null) continue;\n var recEl1 = null;\n var recEl2 = null;\n if (index + 1 >= this.last.range_start && index + 1 <= this.last.range_end) {\n recEl1 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));\n recEl2 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));\n }\n var s = sel.columns[index] || [];\n // default action\n if (sel.indexes.indexOf(index) == -1) {\n sel.indexes.push(index);\n }\n // anly only those that are new\n for (var t = 0; t < new_sel[recid].length; t++) {\n if (s.indexOf(new_sel[recid][t]) == -1) s.push(new_sel[recid][t]);\n }\n s.sort(function(a, b) { return a-b; }); // sort function must be for numerical sort\n for (var t = 0; t < new_sel[recid].length; t++) {\n var col = new_sel[recid][t];\n if (col_sel.indexOf(col) == -1) col_sel.push(col);\n if (recEl1) {\n recEl1.find('#grid_'+ this.name +'_data_'+ index +'_'+ col).addClass('w2ui-selected');\n recEl1.find('.w2ui-col-number').addClass('w2ui-row-selected');\n recEl1.data('selected', 'yes');\n recEl1.find('.w2ui-grid-select-check').prop(\"checked\", true);\n }\n if (recEl2) {\n recEl2.find('#grid_'+ this.name +'_data_'+ index +'_'+ col).addClass('w2ui-selected');\n recEl2.find('.w2ui-col-number').addClass('w2ui-row-selected');\n recEl2.data('selected', 'yes');\n recEl2.find('.w2ui-grid-select-check').prop(\"checked\", true);\n }\n selected++;\n }\n // save back to selection object\n sel.columns[index] = s;\n }\n // select columns (need here for speed)\n for (var c = 0; c < col_sel.length; c++) {\n $(this.box).find('#grid_'+ this.name +'_column_'+ col_sel[c] +' .w2ui-col-header').addClass('w2ui-col-selected');\n }\n }\n // need to sort new selection for speed\n sel.indexes.sort(function(a, b) { return a-b; });\n // all selected?\n var areAllSelected = (this.records.length > 0 && sel.indexes.length == this.records.length),\n areAllSearchedSelected = (sel.indexes.length > 0 && this.searchData.length !== 0 && sel.indexes.length == this.last.searchIds.length);\n if (areAllSelected || areAllSearchedSelected) {\n $('#grid_'+ this.name +'_check_all').prop('checked', true);\n } else {\n $('#grid_'+ this.name +'_check_all').prop('checked', false);\n }\n this.status();\n this.addRange('selection');\n this.updateToolbar(sel, areAllSelected);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return selected;\n },\n\n unselect: function () {\n var unselected = 0;\n var sel = this.last.selection;\n // if too manu arguments > 150k, then it errors off\n var args = Array.prototype.slice.call(arguments)\n if (Array.isArray(args[0])) args = args[0]\n // event before\n var tmp = { phase: 'before', type: 'unselect', target: this.name };\n if (args.length == 1) {\n tmp.multiple = false;\n if ($.isPlainObject(args[0])) {\n tmp.recid = args[0].recid;\n tmp.column = args[0].column;\n } else {\n tmp.recid = args[0];\n }\n } else {\n tmp.multiple = true;\n tmp.recids = args\n }\n var edata = this.trigger(tmp);\n if (edata.isCancelled === true) return 0;\n\n for (var a = 0; a < args.length; a++) {\n var recid = typeof args[a] == 'object' ? args[a].recid : args[a];\n var record = this.get(recid);\n if (record == null) continue;\n var index = this.get(record.recid, true);\n var recEl1 = $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid));\n var recEl2 = $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid));\n if (this.selectType == 'row') {\n if (sel.indexes.indexOf(index) == -1) continue;\n // default action\n sel.indexes.splice(sel.indexes.indexOf(index), 1);\n recEl1.removeClass('w2ui-selected w2ui-inactive').removeData('selected').find('.w2ui-col-number').removeClass('w2ui-row-selected');\n recEl2.removeClass('w2ui-selected w2ui-inactive').removeData('selected').find('.w2ui-col-number').removeClass('w2ui-row-selected');\n if (recEl1.length != 0) {\n recEl1[0].style.cssText = 'height: '+ this.recordHeight +'px; ' + recEl1.attr('custom_style');\n recEl2[0].style.cssText = 'height: '+ this.recordHeight +'px; ' + recEl2.attr('custom_style');\n }\n recEl1.find('.w2ui-grid-select-check').prop(\"checked\", false);\n unselected++;\n } else {\n var col = args[a].column;\n if (!w2utils.isInt(col)) { // unselect all columns\n var cols = [];\n for (var i = 0; i < this.columns.length; i++) { if (this.columns[i].hidden) continue; cols.push({ recid: recid, column: i }); }\n return this.unselect(cols);\n }\n var s = sel.columns[index];\n if (!$.isArray(s) || s.indexOf(col) == -1) continue;\n // default action\n s.splice(s.indexOf(col), 1);\n $('#grid_'+ this.name +'_rec_'+ w2utils.escapeId(recid)).find(' > td[col='+ col +']').removeClass('w2ui-selected w2ui-inactive');\n $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid)).find(' > td[col='+ col +']').removeClass('w2ui-selected w2ui-inactive');\n // check if any row/column still selected\n var isColSelected = false;\n var isRowSelected = false;\n var tmp = this.getSelection();\n for (var i = 0; i < tmp.length; i++) {\n if (tmp[i].column == col) isColSelected = true;\n if (tmp[i].recid == recid) isRowSelected = true;\n }\n if (!isColSelected) {\n $(this.box).find('.w2ui-grid-columns td[col='+ col +'] .w2ui-col-header, .w2ui-grid-fcolumns td[col='+ col +'] .w2ui-col-header').removeClass('w2ui-col-selected');\n }\n if (!isRowSelected) {\n $('#grid_'+ this.name +'_frec_'+ w2utils.escapeId(recid)).find('.w2ui-col-number').removeClass('w2ui-row-selected');\n }\n unselected++;\n if (s.length === 0) {\n delete sel.columns[index];\n sel.indexes.splice(sel.indexes.indexOf(index), 1);\n recEl1.removeData('selected');\n recEl1.find('.w2ui-grid-select-check').prop(\"checked\", false);\n recEl2.removeData('selected');\n }\n }\n }\n // all selected?\n var areAllSelected = (this.records.length > 0 && sel.indexes.length == this.records.length),\n areAllSearchedSelected = (sel.indexes.length > 0 && this.searchData.length !== 0 && sel.indexes.length == this.last.searchIds.length);\n if (areAllSelected || areAllSearchedSelected) {\n $('#grid_'+ this.name +'_check_all').prop('checked', true);\n } else {\n $('#grid_'+ this.name +'_check_all').prop('checked', false);\n }\n // show number of selected\n this.status();\n this.addRange('selection');\n this.updateToolbar(sel, areAllSelected);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return unselected;\n },\n\n selectAll: function () {\n var time = (new Date()).getTime();\n if (this.multiSelect === false) return;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'select', target: this.name, all: true });\n if (edata.isCancelled === true) return;\n // default action\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n var sel = this.last.selection;\n var cols = [];\n for (var i = 0; i < this.columns.length; i++) cols.push(i);\n // if local data source and searched\n sel.indexes = [];\n if (!url && this.searchData.length !== 0) {\n // local search applied\n for (var i = 0; i < this.last.searchIds.length; i++) {\n sel.indexes.push(this.last.searchIds[i]);\n if (this.selectType != 'row') sel.columns[this.last.searchIds[i]] = cols.slice(); // .slice makes copy of the array\n }\n } else {\n var buffered = this.records.length;\n if (this.searchData.length != 0 && !url) buffered = this.last.searchIds.length;\n for (var i = 0; i < buffered; i++) {\n sel.indexes.push(i);\n if (this.selectType != 'row') sel.columns[i] = cols.slice(); // .slice makes copy of the array\n }\n }\n // add selected class\n if (this.selectType == 'row') {\n $(this.box).find('.w2ui-grid-records tr').not('.w2ui-empty-record')\n .addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-frecords tr').not('.w2ui-empty-record')\n .addClass('w2ui-selected').data('selected', 'yes').find('.w2ui-col-number').addClass('w2ui-row-selected');\n $(this.box).find('input.w2ui-grid-select-check').prop('checked', true);\n } else {\n $(this.box).find('.w2ui-grid-columns td .w2ui-col-header, .w2ui-grid-fcolumns td .w2ui-col-header').addClass('w2ui-col-selected');\n $(this.box).find('.w2ui-grid-records tr .w2ui-col-number').addClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-records tr').not('.w2ui-empty-record')\n .find('.w2ui-grid-data').not('.w2ui-col-select').addClass('w2ui-selected').data('selected', 'yes');\n $(this.box).find('.w2ui-grid-frecords tr .w2ui-col-number').addClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-frecords tr').not('.w2ui-empty-record')\n .find('.w2ui-grid-data').not('.w2ui-col-select').addClass('w2ui-selected').data('selected', 'yes');\n $(this.box).find('input.w2ui-grid-select-check').prop('checked', true);\n }\n // enable/disable toolbar buttons\n var sel = this.getSelection(true);\n if (sel.length == 1) this.toolbar.enable('w2ui-edit'); else this.toolbar.disable('w2ui-edit');\n if (sel.length >= 1) this.toolbar.enable('w2ui-delete'); else this.toolbar.disable('w2ui-delete');\n this.addRange('selection');\n $('#grid_'+ this.name +'_check_all').prop('checked', true);\n this.status();\n this.updateToolbar({ indexes: sel }, true);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n selectNone: function () {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'unselect', target: this.name, all: true });\n if (edata.isCancelled === true) return;\n // default action\n var sel = this.last.selection;\n // remove selected class\n if (this.selectType == 'row') {\n $(this.box).find('.w2ui-grid-records tr.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected')\n .find('.w2ui-col-number').removeClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-frecords tr.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected')\n .find('.w2ui-col-number').removeClass('w2ui-row-selected');\n $(this.box).find('input.w2ui-grid-select-check').prop('checked', false);\n } else {\n $(this.box).find('.w2ui-grid-columns td .w2ui-col-header, .w2ui-grid-fcolumns td .w2ui-col-header').removeClass('w2ui-col-selected');\n $(this.box).find('.w2ui-grid-records tr .w2ui-col-number').removeClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-frecords tr .w2ui-col-number').removeClass('w2ui-row-selected');\n $(this.box).find('.w2ui-grid-data.w2ui-selected').removeClass('w2ui-selected w2ui-inactive').removeData('selected');\n $(this.box).find('input.w2ui-grid-select-check').prop('checked', false);\n }\n sel.indexes = [];\n sel.columns = {};\n this.toolbar.disable('w2ui-edit', 'w2ui-delete');\n this.removeRange('selection');\n $('#grid_'+ this.name +'_check_all').prop('checked', false);\n this.status();\n this.updateToolbar(sel, false);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n updateToolbar: function (sel, areAllSelected) {\n var obj = this\n var cnt = sel && sel.indexes ? sel.indexes.length : 0\n this.toolbar.items.forEach(function (item) {\n _checkItem(item, '')\n if (Array.isArray(item.items)) {\n item.items.forEach(function (it) {\n _checkItem(it, item.id + ':')\n })\n }\n })\n\n function _checkItem(item, prefix) {\n if (item.batch === 0) {\n if (cnt > 0) obj.toolbar.enable(prefix + item.id); else obj.toolbar.disable(prefix + item.id)\n }\n if (item.batch != null && !isNaN(item.batch) && item.batch > 0) {\n if (cnt == item.batch) obj.toolbar.enable(prefix + item.id); else obj.toolbar.disable(prefix + item.id)\n }\n if (typeof item.batch == 'function') {\n item.batch(obj.selectType == 'cell' ? sel : (sel ? sel.indexes : null))\n }\n }\n },\n\n getSelection: function (returnIndex) {\n var ret = [];\n var sel = this.last.selection;\n if (this.selectType == 'row') {\n for (var i = 0; i < sel.indexes.length; i++) {\n if (!this.records[sel.indexes[i]]) continue;\n if (returnIndex === true) ret.push(sel.indexes[i]); else ret.push(this.records[sel.indexes[i]].recid);\n }\n return ret;\n } else {\n for (var i = 0; i < sel.indexes.length; i++) {\n var cols = sel.columns[sel.indexes[i]];\n if (!this.records[sel.indexes[i]]) continue;\n for (var j = 0; j < cols.length; j++) {\n ret.push({ recid: this.records[sel.indexes[i]].recid, index: parseInt(sel.indexes[i]), column: cols[j] });\n }\n }\n return ret;\n }\n },\n\n search: function (field, value) {\n var obj = this;\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n var searchData = [];\n var last_multi = this.last.multi;\n var last_logic = this.last.logic;\n var last_field = this.last.field;\n var last_search = this.last.search;\n var hasHiddenSearches = false;\n // add hidden searches\n for (var i = 0; i < this.searches.length; i++) {\n if (!this.searches[i].hidden || this.searches[i].value == null) continue;\n searchData.push({\n field : this.searches[i].field,\n operator : this.searches[i].operator || 'is',\n type : this.searches[i].type,\n value : this.searches[i].value || ''\n });\n hasHiddenSearches = true;\n }\n // 1: search() - advanced search (reads from popup)\n if (arguments.length === 0) {\n last_search = '';\n // advanced search\n for (var i = 0; i < this.searches.length; i++) {\n var search = this.searches[i];\n var operator = $('#grid_'+ this.name + '_operator_'+ i).val();\n var field1 = $('#grid_'+ this.name + '_field_'+ i);\n var field2 = $('#grid_'+ this.name + '_field2_'+ i);\n var value1 = field1.val();\n var value2 = field2.val();\n var svalue = null;\n var text = null;\n\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1) {\n var fld1 = field1.data('w2field');\n var fld2 = field2.data('w2field');\n if (fld1) value1 = fld1.clean(value1);\n if (fld2) value2 = fld2.clean(value2);\n }\n if (['list', 'enum'].indexOf(search.type) != -1) {\n value1 = field1.data('selected') || {};\n if ($.isArray(value1)) {\n svalue = [];\n for (var j = 0; j < value1.length; j++) {\n svalue.push(w2utils.isFloat(value1[j].id) ? parseFloat(value1[j].id) : String(value1[j].id).toLowerCase());\n delete value1[j].hidden;\n }\n if ($.isEmptyObject(value1)) value1 = '';\n } else {\n text = value1.text || '';\n value1 = value1.id || '';\n }\n }\n if ((value1 !== '' && value1 != null) || (value2 != null && value2 !== '')) {\n var tmp = {\n field : search.field,\n type : search.type,\n operator : operator\n };\n if (operator == 'between') {\n $.extend(tmp, { value: [value1, value2] });\n } else if (operator == 'in' && typeof value1 == 'string') {\n $.extend(tmp, { value: value1.split(',') });\n } else if (operator == 'not in' && typeof value1 == 'string') {\n $.extend(tmp, { value: value1.split(',') });\n } else {\n $.extend(tmp, { value: value1 });\n }\n if (svalue) $.extend(tmp, { svalue: svalue });\n if (text) $.extend(tmp, { text: text });\n\n // conver date to unix time\n try {\n if (search.type == 'date' && operator == 'between') {\n tmp.value[0] = value1; // w2utils.isDate(value1, w2utils.settings.dateFormat, true).getTime();\n tmp.value[1] = value2; // w2utils.isDate(value2, w2utils.settings.dateFormat, true).getTime();\n }\n if (search.type == 'date' && operator == 'is') {\n tmp.value = value1; // w2utils.isDate(value1, w2utils.settings.dateFormat, true).getTime();\n }\n } catch (e) {\n\n }\n searchData.push(tmp);\n last_multi = true; // if only hidden searches, then do not set\n }\n }\n last_logic = 'AND';\n }\n // 2: search(field, value) - regular search\n if (typeof field == 'string') {\n // if only one argument - search all\n if (arguments.length == 1) {\n value = field;\n field = 'all';\n }\n last_field = field;\n last_search = value;\n last_multi = false;\n last_logic = (hasHiddenSearches ? 'AND' : 'OR');\n // loop through all searches and see if it applies\n if (value != null) {\n if (field.toLowerCase() == 'all') {\n // if there are search fields loop thru them\n if (this.searches.length > 0) {\n for (var i = 0; i < this.searches.length; i++) {\n var search = this.searches[i];\n if (search.type == 'text' || (search.type == 'alphanumeric' && w2utils.isAlphaNumeric(value))\n || (search.type == 'int' && w2utils.isInt(value)) || (search.type == 'float' && w2utils.isFloat(value))\n || (search.type == 'percent' && w2utils.isFloat(value)) || ((search.type == 'hex' || search.type == 'color') && w2utils.isHex(value))\n || (search.type == 'currency' && w2utils.isMoney(value)) || (search.type == 'money' && w2utils.isMoney(value))\n || (search.type == 'date' && w2utils.isDate(value)) || (search.type == 'time' && w2utils.isTime(value))\n || (search.type == 'datetime' && w2utils.isDateTime(value)) || (search.type == 'datetime' && w2utils.isDate(value))\n || (search.type == 'enum' && w2utils.isAlphaNumeric(value)) || (search.type == 'list' && w2utils.isAlphaNumeric(value))\n ) {\n var tmp = {\n field : search.field,\n type : search.type,\n operator : (search.operator != null ? search.operator : (search.type == 'text' ? this.textSearch : 'is')),\n value : value\n };\n if ($.trim(value) != '') searchData.push(tmp);\n }\n // range in global search box\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(search.type) != -1 && $.trim(String(value)).split('-').length == 2) {\n var t = $.trim(String(value)).split('-');\n var tmp = {\n field : search.field,\n type : search.type,\n operator : (search.operator != null ? search.operator : 'between'),\n value : [t[0], t[1]]\n };\n searchData.push(tmp);\n }\n // lists fiels\n if (['list', 'enum'].indexOf(search.type) != -1) {\n var new_values = [];\n if (search.options == null) search.options = {};\n if (!Array.isArray(search.options.items)) search.options.items = [];\n for (var j = 0; j < search.options.items; j++) {\n var tmp = search.options.items[j];\n try {\n var re = new RegExp(value, 'i');\n if (re.test(tmp)) new_values.push(j);\n if (tmp.text && re.test(tmp.text)) new_values.push(tmp.id);\n } catch (e) {}\n }\n if (new_values.length > 0) {\n var tmp = {\n field : search.field,\n type : search.type,\n operator : (search.operator != null ? search.operator : 'in'),\n value : new_values\n };\n searchData.push(tmp);\n }\n }\n }\n } else {\n // no search fields, loop thru columns\n for (var i = 0; i < this.columns.length; i++) {\n var tmp = {\n field : this.columns[i].field,\n type : 'text',\n operator : this.textSearch,\n value : value\n };\n searchData.push(tmp);\n }\n }\n } else {\n var el = $('#grid_'+ this.name +'_search_all');\n var search = this.getSearch(field);\n if (search == null) search = { field: field, type: 'text' };\n if (search.field == field) this.last.label = search.label;\n if (value !== '') {\n var op = this.textSearch;\n var val = value;\n if (['date', 'time', 'datetime'].indexOf(search.type) != -1) op = 'is';\n if (['list', 'enum'].indexOf(search.type) != -1) {\n op = 'is';\n var tmp = el.data('selected');\n if (tmp && !$.isEmptyObject(tmp)) val = tmp.id; else val = '';\n }\n if (search.type == 'int' && value !== '') {\n op = 'is';\n if (String(value).indexOf('-') != -1) {\n var tmp = value.split('-');\n if (tmp.length == 2) {\n op = 'between';\n val = [parseInt(tmp[0]), parseInt(tmp[1])];\n }\n }\n if (String(value).indexOf(',') != -1) {\n var tmp = value.split(',');\n op = 'in';\n val = [];\n for (var i = 0; i < tmp.length; i++) val.push(tmp[i]);\n }\n }\n if (search.operator != null) op = search.operator;\n var tmp = {\n field : search.field,\n type : search.type,\n operator : op,\n value : val\n };\n searchData.push(tmp);\n }\n }\n }\n }\n // 3: search([ { field, value, [operator,] [type] }, { field, value, [operator,] [type] } ], logic) - submit whole structure\n if ($.isArray(field)) {\n var logic = 'AND';\n if (typeof value == 'string') {\n logic = value.toUpperCase();\n if (logic != 'OR' && logic != 'AND') logic = 'AND';\n }\n last_search = '';\n last_multi = true;\n last_logic = logic;\n for (var i = 0; i < field.length; i++) {\n var data = field[i];\n var search = this.getSearch(data.field);\n if (search == null) search = { type: 'text', operator: this.textSearch };\n if ($.isArray(data.value)) {\n for (var j = 0; j < data.value.length; j++) {\n if (typeof data.value[j] == 'string') data.value[j] = data.value[j].toLowerCase();\n }\n }\n // merge current field and search if any\n searchData.push($.extend(true, {}, search, data));\n }\n }\n // event before\n var edata = this.trigger({\n phase: 'before', type: 'search', target: this.name, multi: (arguments.length === 0 ? true : false),\n searchField: (field ? field : 'multi'), searchValue: (field ? value : 'multi'),\n searchData: searchData, searchLogic: last_logic });\n if (edata.isCancelled === true) return;\n // default action\n this.searchData = edata.searchData;\n this.last.field = last_field;\n this.last.search = last_search;\n this.last.multi = last_multi;\n this.last.logic = edata.searchLogic;\n this.last.scrollTop = 0;\n this.last.scrollLeft = 0;\n this.last.selection.indexes = [];\n this.last.selection.columns = {};\n // -- clear all search field\n this.searchClose();\n // apply search\n if (url) {\n this.last.xhr_offset = 0;\n this.reload();\n } else {\n // local search\n this.localSearch();\n this.refresh();\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n searchOpen: function () {\n if (!this.box) return;\n if (this.searches.length === 0) return;\n var obj = this;\n var it = obj.toolbar.get('w2ui-search-advanced');\n var btn = '#tb_'+ obj.toolbar.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button';\n // event before\n var edata = this.trigger({ phase: 'before', type: 'searchOpen', target: this.name });\n if (edata.isCancelled === true) {\n setTimeout(function () { obj.toolbar.uncheck('w2ui-search-advanced'); }, 1);\n return;\n }\n // show search\n $('#tb_'+ this.name +'_toolbar_item_w2ui-search-advanced').w2overlay({\n html : this.getSearchesHTML(),\n name : this.name + '-searchOverlay',\n left : -10,\n 'class' : 'w2ui-grid-searches',\n onShow : function () {\n obj.initSearches();\n $('#w2ui-overlay-'+ obj.name +'-searchOverlay .w2ui-grid-searches').data('grid-name', obj.name);\n var sfields = $('#w2ui-overlay-'+ this.name +'-searchOverlay .w2ui-grid-searches *[rel=search]');\n if (sfields.length > 0) sfields[0].focus();\n if (!it.checked) {\n it.checked = true;\n $(btn).addClass('checked');\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n },\n onHide: function () {\n it.checked = false;\n $(btn).removeClass('checked');\n }\n });\n },\n\n searchClose: function () {\n var obj = this;\n if (!this.box) return;\n if (this.searches.length === 0) return;\n if (this.toolbar) this.toolbar.uncheck('w2ui-search-advanced', 'w2ui-column-on-off');\n // hide search\n $().w2overlay({ name: this.name + '-searchOverlay' });\n },\n\n searchReset: function (noRefresh) {\n var searchData = [];\n var hasHiddenSearches = false;\n // add hidden searches\n for (var i = 0; i < this.searches.length; i++) {\n if (!this.searches[i].hidden || this.searches[i].value == null) continue;\n searchData.push({\n field : this.searches[i].field,\n operator : this.searches[i].operator || 'is',\n type : this.searches[i].type,\n value : this.searches[i].value || ''\n });\n hasHiddenSearches = true;\n }\n // event before\n var edata = this.trigger({ phase: 'before', type: 'search', reset: true, target: this.name, searchData: searchData });\n if (edata.isCancelled === true) return;\n // default action\n this.searchData = edata.searchData;\n this.last.search = '';\n this.last.logic = (hasHiddenSearches ? 'AND' : 'OR');\n // --- do not reset to All Fields (I think)\n if (this.searches.length > 0) {\n if (!this.multiSearch || !this.show.searchAll) {\n var tmp = 0;\n while (tmp < this.searches.length && (this.searches[tmp].hidden || this.searches[tmp].simple === false)) tmp++;\n if (tmp >= this.searches.length) {\n // all searches are hidden\n this.last.field = '';\n this.last.label = '';\n } else {\n this.last.field = this.searches[tmp].field;\n this.last.label = this.searches[tmp].label;\n }\n } else {\n this.last.field = 'all';\n this.last.label = w2utils.lang('All Fields');\n }\n }\n this.last.multi = false;\n this.last.xhr_offset = 0;\n // reset scrolling position\n this.last.scrollTop = 0;\n this.last.scrollLeft = 0;\n this.last.selection.indexes = [];\n this.last.selection.columns = {};\n // -- clear all search field\n this.searchClose();\n $('#grid_'+ this.name +'_search_all').val('').removeData('selected');\n // apply search\n if (!noRefresh) this.reload();\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n searchShowFields: function (forceHide) {\n var obj = this;\n var el = $('#grid_'+ this.name +'_search_all');\n if (forceHide === true) {\n $(el).w2overlay({ name: obj.name + '-searchFields' });\n return;\n }\n var html = '| '+\n ' '+\n ' | '+\n ''+ search.label +' | '+\n '
' +\n w2utils.lang(obj.msgDelete).replace('NN', recs.length).replace('records', (recs.length == 1 ? 'record' : 'records')) +\n '
',\n buttons : (w2utils.settings.macButtonOrder\n ? '' +\n ''\n : '' +\n ''\n ),\n onOpen: function (event) {\n var inputs = $(this.box).find('input, textarea, select, button');\n inputs.off('.message')\n .on('blur.message', function (evt) {\n // last input\n if (inputs.index(evt.target) + 1 === inputs.length) {\n inputs.get(0).focus();\n evt.preventDefault();\n }\n })\n .on('keydown.message', function (evt) {\n if (evt.keyCode == 27) obj.message(); // esc\n });\n setTimeout(function () {\n $(this.box).find('.w2ui-btn.btn-default').focus();\n clearTimeout(obj.last.kbd_timer);\n }.bind(this), 50);\n }\n });\n return;\n }\n // call delete script\n var url = (typeof this.url != 'object' ? this.url : this.url.remove);\n if (url) {\n this.request('delete');\n } else {\n if (typeof recs[0] != 'object') {\n this.selectNone();\n this.remove.apply(this, recs);\n } else {\n // clear cells\n for (var r = 0; r < recs.length; r++) {\n var fld = this.columns[recs[r].column].field;\n var ind = this.get(recs[r].recid, true);\n var rec = this.records[ind];\n if (ind != null && fld != 'recid') {\n this.records[ind][fld] = '';\n if (rec.w2ui && rec.w2ui.changes) delete rec.w2ui.changes[fld];\n // -- style should not be deleted\n // if (rec.style != null && $.isPlainObject(rec.style) && rec.style[recs[r].column]) {\n // delete rec.style[recs[r].column];\n // }\n }\n }\n this.update();\n }\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n click: function (recid, event) {\n var time = (new Date()).getTime();\n var column = null;\n var obj = this;\n if (this.last.cancelClick == true || (event && event.altKey)) return;\n if ((typeof recid == 'object') && (recid !== null)) {\n column = recid.column;\n recid = recid.recid;\n }\n if (event == null) event = {};\n // check for double click\n if (time - parseInt(this.last.click_time) < 350 && this.last.click_recid == recid && event.type == 'click') {\n this.dblClick(recid, event);\n return;\n }\n // hide bubble\n if (this.last.bubbleEl) {\n $(this.last.bubbleEl).w2tag();\n this.last.bubbleEl = null;\n }\n this.last.click_time = time;\n var last_recid = this.last.click_recid;\n this.last.click_recid = recid;\n // column user clicked on\n if (column == null && event.target) {\n var tmp = event.target;\n if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];\n if ($(tmp).attr('col') != null) column = parseInt($(tmp).attr('col'));\n }\n // event before\n var edata = this.trigger({ phase: 'before', target: this.name, type: 'click', recid: recid, column: column, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n var obj = this;\n var sel = this.getSelection();\n $('#grid_'+ this.name +'_check_all').prop(\"checked\", false);\n var ind = this.get(recid, true);\n var record = this.records[ind];\n var selectColumns = [];\n obj.last.sel_ind = ind;\n obj.last.sel_col = column;\n obj.last.sel_recid = recid;\n obj.last.sel_type = 'click';\n // multi select with shif key\n if (event.shiftKey && sel.length > 0 && obj.multiSelect) {\n if (sel[0].recid) {\n var start = this.get(sel[0].recid, true);\n var end = this.get(recid, true);\n if (column > sel[0].column) {\n var t1 = sel[0].column;\n var t2 = column;\n } else {\n var t1 = column;\n var t2 = sel[0].column;\n }\n for (var c = t1; c <= t2; c++) selectColumns.push(c);\n } else {\n var start = this.get(last_recid, true);\n var end = this.get(recid, true);\n }\n var sel_add = [];\n if (start > end) { var tmp = start; start = end; end = tmp; }\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n for (var i = start; i <= end; i++) {\n if (this.searchData.length > 0 && !url && $.inArray(i, this.last.searchIds) == -1) continue;\n if (this.selectType == 'row') {\n sel_add.push(this.records[i].recid);\n } else {\n for (var sc = 0; sc < selectColumns.length; sc++) {\n sel_add.push({ recid: this.records[i].recid, column: selectColumns[sc] });\n }\n }\n //sel.push(this.records[i].recid);\n }\n this.select(sel_add);\n } else {\n var last = this.last.selection;\n var flag = (last.indexes.indexOf(ind) != -1 ? true : false);\n var fselect = false;\n // if clicked on the checkbox\n if ($(event.target).parents('td').hasClass('w2ui-col-select')) fselect = true;\n // clear other if necessary\n if (((!event.ctrlKey && !event.shiftKey && !event.metaKey && !fselect) || !this.multiSelect) && !this.showSelectColumn) {\n if (this.selectType != 'row' && $.inArray(column, last.columns[ind]) == -1) flag = false;\n if (sel.length > 300) this.selectNone(); else this.unselect(sel);\n if (flag === true && sel.length == 1) {\n this.unselect({ recid: recid, column: column });\n } else {\n this.select({ recid: recid, column: column });\n }\n } else {\n var isChecked = $(event.target).parents('tr').find('.w2ui-grid-select-check').is(':checked');\n if (this.selectType != 'row' && $.inArray(column, last.columns[ind]) == -1 && !isChecked) flag = false;\n if (flag === true) {\n this.unselect({ recid: recid, column: column });\n } else {\n this.select({ recid: recid, column: column });\n }\n }\n }\n this.status();\n obj.initResize();\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n columnClick: function (field, event) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'columnClick', target: this.name, field: field, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default behaviour\n if (this.selectType == 'row') {\n var column = this.getColumn(field);\n if (column && column.sortable) this.sort(field, null, (event && (event.ctrlKey || event.metaKey) ? true : false) );\n if (edata.field == 'line-number') {\n if (this.getSelection().length >= this.records.length) {\n this.selectNone();\n } else {\n this.selectAll();\n }\n }\n } else {\n if (event.altKey){\n var column = this.getColumn(field);\n if (column && column.sortable) this.sort(field, null, (event && (event.ctrlKey || event.metaKey) ? true : false) );\n }\n // select entire column\n if (edata.field == 'line-number') {\n if (this.getSelection().length >= this.records.length) {\n this.selectNone();\n } else {\n this.selectAll();\n }\n } else {\n if (!event.shiftKey && !event.metaKey && !event.ctrlKey) {\n this.selectNone();\n }\n var tmp = this.getSelection();\n var column = this.getColumn(edata.field, true);\n var sel = [];\n var cols = [];\n // check if there was a selection before\n if (tmp.length != 0 && event.shiftKey) {\n var start = column;\n var end = tmp[0].column;\n if (start > end) {\n start = tmp[0].column;\n end = column;\n }\n for (var i=start; i<=end; i++) cols.push(i);\n } else {\n cols.push(column);\n }\n var edata = this.trigger({ phase: 'before', type: 'columnSelect', target: this.name, columns: cols });\n if (edata.isCancelled !== true) {\n for (var i = 0; i < this.records.length; i++) {\n sel.push({ recid: this.records[i].recid, column: cols });\n }\n this.select(sel);\n }\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n columnDblClick: function (field, event) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'columnDblClick', target: this.name, field: field, originalEvent: event });\n if (edata.isCancelled === true) return;\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n focus: function (event) {\n var obj = this;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'focus', target: this.name, originalEvent: event });\n if (edata.isCancelled === true) return false;\n // default behaviour\n this.hasFocus = true;\n $(this.box).removeClass('w2ui-inactive').find('.w2ui-inactive').removeClass('w2ui-inactive');\n setTimeout(function () {\n var $input = $(obj.box).find('#grid_'+ obj.name + '_focus');\n if (!$input.is(':focus')) $input.focus();\n }, 10);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n blur: function (event) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'blur', target: this.name, originalEvent: event });\n if (edata.isCancelled === true) return false;\n // default behaviour\n this.hasFocus = false;\n $(this.box).addClass('w2ui-inactive').find('.w2ui-selected').addClass('w2ui-inactive');\n $(this.box).find('.w2ui-selection').addClass('w2ui-inactive');\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n keydown: function (event) {\n // this method is called from w2utils\n var obj = this;\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n if (obj.keyboard !== true) return;\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'keydown', target: obj.name, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default behavior\n if ($(this.box).find('>.w2ui-message').length > 0) {\n // if there are messages\n if (event.keyCode == 27) this.message();\n return\n }\n var empty = false;\n var records = $('#grid_'+ obj.name +'_records');\n var sel = obj.getSelection();\n if (sel.length === 0) empty = true;\n var recid = sel[0] || null;\n var columns = [];\n var recid2 = sel[sel.length-1];\n if (typeof recid == 'object' && recid != null) {\n recid = sel[0].recid;\n columns = [];\n var ii = 0;\n while (true) {\n if (!sel[ii] || sel[ii].recid != recid) break;\n columns.push(sel[ii].column);\n ii++;\n }\n recid2 = sel[sel.length-1].recid;\n }\n var ind = obj.get(recid, true);\n var ind2 = obj.get(recid2, true);\n var rec = obj.get(recid);\n var recEL = $('#grid_'+ obj.name +'_rec_'+ (ind != null ? w2utils.escapeId(obj.records[ind].recid) : 'none'));\n var cancel = false;\n var key = event.keyCode;\n var shiftKey = event.shiftKey;\n\n switch (key) {\n case 8: // backspace\n case 46: // delete\n // delete if button is visible\n obj[\"delete\"]();\n cancel = true;\n event.stopPropagation();\n break;\n\n case 27: // escape\n obj.selectNone();\n cancel = true;\n break;\n\n case 65: // cmd + A\n if (!event.metaKey && !event.ctrlKey) break;\n obj.selectAll();\n cancel = true;\n break;\n\n case 13: // enter\n // if expandable columns - expand it\n if (this.selectType == 'row' && obj.show.expandColumn === true) {\n if (recEL.length <= 0) break;\n obj.toggle(recid, event);\n cancel = true;\n } else { // or enter edit\n for (var c = 0; c < this.columns.length; c++) {\n var edit = this.getCellEditable(ind, c);\n if (edit) {\n columns.push(parseInt(c));\n break;\n }\n }\n // edit last column that was edited\n if (this.selectType == 'row' && this.last._edit && this.last._edit.column) {\n columns = [this.last._edit.column];\n }\n if (columns.length > 0) {\n obj.editField(recid, columns[0], null, event);\n cancel = true;\n }\n }\n break;\n\n case 37: // left\n if (empty) { // no selection\n selectTopRecord();\n break;\n }\n if (this.selectType == 'row') {\n if (recEL.length <= 0) break;\n var tmp = this.records[ind].w2ui || {};\n if (tmp && tmp.parent_recid != null && (!Array.isArray(tmp.children) || tmp.children.length === 0 || !tmp.expanded)) {\n obj.unselect(recid);\n obj.collapse(tmp.parent_recid, event);\n obj.select(tmp.parent_recid);\n } else {\n obj.collapse(recid, event);\n }\n } else {\n var prev = obj.prevCell(ind, columns[0]);\n if (!shiftKey && prev == null) {\n this.selectNone();\n prev = 0;\n }\n if (prev != null) {\n if (shiftKey && obj.multiSelect) {\n if (tmpUnselect()) return;\n var tmp = [];\n var newSel = [];\n var unSel = [];\n if (columns.indexOf(this.last.sel_col) === 0 && columns.length > 1) {\n for (var i = 0; i < sel.length; i++) {\n if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);\n unSel.push({ recid: sel[i].recid, column: columns[columns.length-1] });\n }\n obj.unselect(unSel);\n obj.scrollIntoView(ind, columns[columns.length-1], true);\n } else {\n for (var i = 0; i < sel.length; i++) {\n if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);\n newSel.push({ recid: sel[i].recid, column: prev });\n }\n obj.select(newSel);\n obj.scrollIntoView(ind, prev, true);\n }\n } else {\n event.metaKey = false;\n obj.click({ recid: recid, column: prev }, event);\n obj.scrollIntoView(ind, prev, true);\n }\n } else {\n // if selected more then one, then select first\n if (!shiftKey) {\n if (sel.length > 1) {\n obj.selectNone();\n } else {\n for (var s = 1; s < sel.length; s++) obj.unselect(sel[s]);\n }\n }\n }\n }\n cancel = true;\n break;\n\n case 39: // right\n if (empty) {\n selectTopRecord();\n break;\n }\n if (this.selectType == 'row') {\n if (recEL.length <= 0) break;\n obj.expand(recid, event);\n } else {\n var next = obj.nextCell(ind, columns[columns.length-1]); // columns is an array of selected columns\n if (!shiftKey && next == null) {\n this.selectNone();\n next = this.columns.length-1;\n }\n if (next != null) {\n if (shiftKey && key == 39 && obj.multiSelect) {\n if (tmpUnselect()) return;\n var tmp = [];\n var newSel = [];\n var unSel = [];\n if (columns.indexOf(this.last.sel_col) == columns.length-1 && columns.length > 1) {\n for (var i = 0; i < sel.length; i++) {\n if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);\n unSel.push({ recid: sel[i].recid, column: columns[0] });\n }\n obj.unselect(unSel);\n obj.scrollIntoView(ind, columns[0], true);\n } else {\n for (var i = 0; i < sel.length; i++) {\n if (tmp.indexOf(sel[i].recid) == -1) tmp.push(sel[i].recid);\n newSel.push({ recid: sel[i].recid, column: next });\n }\n obj.select(newSel);\n obj.scrollIntoView(ind, next, true);\n }\n } else {\n event.metaKey = false;\n obj.click({ recid: recid, column: next }, event);\n obj.scrollIntoView(ind, next, true);\n }\n } else {\n // if selected more then one, then select first\n if (!shiftKey) {\n if (sel.length > 1) {\n obj.selectNone();\n } else {\n for (var s = 0; s < sel.length-1; s++) obj.unselect(sel[s]);\n }\n }\n }\n }\n cancel = true;\n break;\n\n case 38: // up\n if (empty) selectTopRecord();\n if (recEL.length <= 0) break;\n // move to the previous record\n var prev = obj.prevRow(ind, columns[0]);\n if (!shiftKey && prev == null) {\n if (this.searchData.length != 0 && !url) {\n prev = this.last.searchIds[0];\n } else {\n prev = 0;\n }\n }\n if (prev != null) {\n if (shiftKey && obj.multiSelect) { // expand selection\n if (tmpUnselect()) return;\n if (obj.selectType == 'row') {\n if (obj.last.sel_ind > prev && obj.last.sel_ind != ind2) {\n obj.unselect(obj.records[ind2].recid);\n } else {\n obj.select(obj.records[prev].recid);\n }\n } else {\n if (obj.last.sel_ind > prev && obj.last.sel_ind != ind2) {\n prev = ind2;\n var tmp = [];\n for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[prev].recid, column: columns[c] });\n obj.unselect(tmp);\n } else {\n var tmp = [];\n for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[prev].recid, column: columns[c] });\n obj.select(tmp);\n }\n }\n } else { // move selected record\n if (sel.length > 300) this.selectNone(); else this.unselect(sel);\n obj.click({ recid: obj.records[prev].recid, column: columns[0] }, event);\n }\n obj.scrollIntoView(prev);\n if (event.preventDefault) event.preventDefault();\n } else {\n // if selected more then one, then select first\n if (!shiftKey) {\n if (sel.length > 1) {\n obj.selectNone();\n } else {\n for (var s = 1; s < sel.length; s++) obj.unselect(sel[s]);\n }\n }\n }\n break;\n\n case 40: // down\n if (empty) selectTopRecord();\n if (recEL.length <= 0) break;\n // move to the next record\n var next = obj.nextRow(ind2, columns[0]);\n if (!shiftKey && next == null) {\n if (this.searchData.length != 0 && !url) {\n next = this.last.searchIds[this.last.searchIds.length - 1];\n } else {\n next = this.records.length - 1;\n }\n }\n if (next != null) {\n if (shiftKey && obj.multiSelect) { // expand selection\n if (tmpUnselect()) return;\n if (obj.selectType == 'row') {\n if (this.last.sel_ind < next && this.last.sel_ind != ind) {\n obj.unselect(obj.records[ind].recid);\n } else {\n obj.select(obj.records[next].recid);\n }\n } else {\n if (this.last.sel_ind < next && this.last.sel_ind != ind) {\n next = ind;\n var tmp = [];\n for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[next].recid, column: columns[c] });\n obj.unselect(tmp);\n } else {\n var tmp = [];\n for (var c = 0; c < columns.length; c++) tmp.push({ recid: obj.records[next].recid, column: columns[c] });\n obj.select(tmp);\n }\n }\n } else { // move selected record\n if (sel.length > 300) this.selectNone(); else this.unselect(sel);\n obj.click({ recid: obj.records[next].recid, column: columns[0] }, event);\n }\n obj.scrollIntoView(next);\n cancel = true;\n } else {\n // if selected more then one, then select first\n if (!shiftKey) {\n if (sel.length > 1) {\n obj.selectNone();\n } else {\n for (var s = 0; s < sel.length-1; s++) obj.unselect(sel[s]);\n }\n }\n }\n break;\n\n // copy & paste\n\n case 17: // ctrl key\n case 91: // cmd key\n // SLOW: 10k records take 7.0\n if (empty) break;\n // in Safari need to copy to buffer on cmd or ctrl key (otherwise does not work)\n if (obj.last.isSafari) {\n obj.last.copy_event = obj.copy(false, event);\n $('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();\n }\n break;\n\n case 67: // - c\n // this fill trigger event.onComplete\n if (event.metaKey || event.ctrlKey) {\n if (obj.last.isSafari) {\n obj.copy(obj.last.copy_event, event);\n } else {\n obj.last.copy_event = obj.copy(false, event);\n $('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();\n obj.copy(obj.last.copy_event, event);\n }\n }\n break;\n\n case 88: // x - cut\n if (empty) break;\n if (event.ctrlKey || event.metaKey) {\n if (obj.last.isSafari) {\n obj.copy(obj.last.copy_event, event);\n } else {\n obj.last.copy_event = obj.copy(false, event);\n $('#grid_'+ obj.name + '_focus').val(obj.last.copy_event.text).select();\n obj.copy(obj.last.copy_event, event);\n }\n }\n break;\n }\n var tmp = [32, 187, 189, 192, 219, 220, 221, 186, 222, 188, 190, 191]; // other typable chars\n for (var i=48; i<=111; i++) tmp.push(i); // 0-9,a-z,A-Z,numpad\n if (tmp.indexOf(key) != -1 && !event.ctrlKey && !event.metaKey && !cancel) {\n if (columns.length === 0) columns.push(0);\n cancel = false;\n // move typed key into edit\n setTimeout(function () {\n var focus = $('#grid_'+ obj.name + '_focus');\n var key = focus.val();\n focus.val('');\n obj.editField(recid, columns[0], key, event);\n }, 1);\n }\n if (cancel) { // cancel default behaviour\n if (event.preventDefault) event.preventDefault();\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n\n function selectTopRecord() {\n var ind = Math.floor(records[0].scrollTop / obj.recordHeight) + 1;\n if (!obj.records[ind] || ind < 2) ind = 0;\n obj.select({ recid: obj.records[ind].recid, column: 0});\n }\n\n function tmpUnselect () {\n if (obj.last.sel_type != 'click') return false;\n if (obj.selectType != 'row') {\n obj.last.sel_type = 'key';\n if (sel.length > 1) {\n for (var s = 0; s < sel.length; s++) {\n if (sel[s].recid == obj.last.sel_recid && sel[s].column == obj.last.sel_col) {\n sel.splice(s, 1);\n break;\n }\n }\n obj.unselect(sel);\n return true;\n }\n return false;\n } else {\n obj.last.sel_type = 'key';\n if (sel.length > 1) {\n sel.splice(sel.indexOf(obj.records[obj.last.sel_ind].recid), 1);\n obj.unselect(sel);\n return true;\n }\n return false;\n }\n }\n },\n\n scrollIntoView: function (ind, column, instant) {\n var buffered = this.records.length;\n if (this.searchData.length != 0 && !this.url) buffered = this.last.searchIds.length;\n if (buffered === 0) return;\n if (ind == null) {\n var sel = this.getSelection();\n if (sel.length === 0) return;\n if ($.isPlainObject(sel[0])) {\n ind = sel[0].index;\n column = sel[0].column;\n } else {\n ind = this.get(sel[0], true);\n }\n }\n var records = $('#grid_'+ this.name +'_records');\n // if all records in view\n var len = this.last.searchIds.length;\n if (len > 0) ind = this.last.searchIds.indexOf(ind); // if search is applied\n\n // vertical\n if (records.height() < this.recordHeight * (len > 0 ? len : buffered) && records.length > 0) {\n // scroll to correct one\n var t1 = Math.floor(records[0].scrollTop / this.recordHeight);\n var t2 = t1 + Math.floor(records.height() / this.recordHeight);\n if (ind == t1) {\n if (instant === true) {\n records.prop({ 'scrollTop': records.scrollTop() - records.height() / 1.3 });\n } else {\n records.stop();\n records.animate({ 'scrollTop': records.scrollTop() - records.height() / 1.3 }, 250, 'linear');\n }\n }\n if (ind == t2) {\n if (instant === true) {\n records.prop({ 'scrollTop': records.scrollTop() + records.height() / 1.3 });\n } else {\n records.stop();\n records.animate({ 'scrollTop': records.scrollTop() + records.height() / 1.3 }, 250, 'linear');\n }\n }\n if (ind < t1 || ind > t2) {\n if (instant === true) {\n records.prop({ 'scrollTop': (ind - 1) * this.recordHeight });\n } else {\n records.stop();\n records.animate({ 'scrollTop': (ind - 1) * this.recordHeight }, 250, 'linear');\n }\n }\n }\n\n // horizontal\n if (column != null) {\n var x1 = 0;\n var x2 = 0;\n var sb = w2utils.scrollBarSize();\n for (var i = 0; i <= column; i++) {\n var col = this.columns[i];\n if (col.frozen || col.hidden) continue;\n x1 = x2;\n x2 += parseInt(col.sizeCalculated);\n }\n if (records.width() < x2 - records.scrollLeft()) { // right\n if (instant === true) {\n records.prop({ 'scrollLeft': x1 - sb });\n } else {\n records.animate({ 'scrollLeft': x1 - sb }, 250, 'linear');\n }\n } else if (x1 < records.scrollLeft()) { // left\n if (instant === true) {\n records.prop({ 'scrollLeft': x2 - records.width() + sb * 2 });\n } else {\n records.animate({ 'scrollLeft': x2 - records.width() + sb * 2 }, 250, 'linear');\n }\n }\n }\n },\n\n dblClick: function (recid, event) {\n // find columns\n var column = null;\n if ((typeof recid == 'object') && (recid !== null)) {\n column = recid.column;\n recid = recid.recid;\n }\n if (event == null) event = {};\n // column user clicked on\n if (column == null && event.target) {\n var tmp = event.target;\n if (tmp.tagName.toUpperCase() != 'TD') tmp = $(tmp).parents('td')[0];\n column = parseInt($(tmp).attr('col'));\n }\n var index = this.get(recid, true);\n var rec = this.records[index];\n // event before\n var edata = this.trigger({ phase: 'before', target: this.name, type: 'dblClick', recid: recid, column: column, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n this.selectNone();\n var edit = this.getCellEditable(index, column);\n if (edit) {\n this.editField(recid, column, null, event);\n } else {\n this.select({ recid: recid, column: column });\n if (this.show.expandColumn || (rec.w2ui && Array.isArray(rec.w2ui.children))) this.toggle(recid);\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n contextMenu: function (recid, column, event) {\n var obj = this;\n if (obj.last.userSelect == 'text') return;\n if (event == null) event = { offsetX: 0, offsetY: 0, target: $('#grid_'+ obj.name +'_rec_'+ recid)[0] };\n if (event.offsetX == null) {\n event.offsetX = event.layerX - event.target.offsetLeft;\n event.offsetY = event.layerY - event.target.offsetTop;\n }\n if (w2utils.isFloat(recid)) recid = parseFloat(recid);\n var sel = this.getSelection();\n if (this.selectType == 'row') {\n if (sel.indexOf(recid) == -1) obj.click(recid);\n } else {\n var $tmp = $(event.target);\n if ($tmp[0].tagName.toUpperCase() != 'TD') $tmp = $(event.target).parents('td');\n var selected = false;\n column = $tmp.attr('col');\n // check if any selected sel in the right row/column\n for (var i=0; i'+\n recHTML[0] +\n '
'+\n '' +\n recHTML[1] +\n '
'+\n ''+\n // Columns need to be after to be able to overlap\n ''+\n ' '+ colHTML[0] +'
'+\n '
'+\n ''+\n ' '+ colHTML[1] +'
'+\n '
';\n\n var gridBody = $('#grid_'+ this.name +'_body', obj.box).html(bodyHTML),\n records = $('#grid_'+ this.name +'_records', obj.box);\n var frecords = $('#grid_'+ this.name +'_frecords', obj.box);\n var self = this;\n if (this.selectType == 'row') {\n records\n .on('mouseover mouseout', 'tr', function(event) {\n $('#grid_'+ self.name +'_frec_' + w2utils.escapeId($(this).attr('recid'))).toggleClass('w2ui-record-hover', event.type == 'mouseover')\n })\n frecords\n .on('mouseover mouseout', 'tr', function(event) {\n $('#grid_'+ self.name +'_rec_' + w2utils.escapeId($(this).attr('recid'))).toggleClass('w2ui-record-hover', event.type == 'mouseover')\n })\n }\n if(w2utils.isIOS)\n records.add(frecords)\n .on('click', 'tr', function(ev) {\n self.dblClick($(this).attr('recid'), ev);\n })\n else\n records.add(frecords)\n .on('click', 'tr', function(ev) {\n self.click($(this).attr('recid'), ev);\n })\n .on('contextmenu', 'tr', function(ev) {\n self.contextMenu($(this).attr('recid'), null, ev);\n })\n\n // enable scrolling on frozen records,\n gridBody.data('scrolldata', { lastTime: 0, lastDelta: 0, time: 0 })\n .find('.w2ui-grid-frecords')\n .on(\"mousewheel DOMMouseScroll \", function(event) {\n event.preventDefault();\n\n var e = event.originalEvent,\n scrolldata = gridBody.data('scrolldata'),\n recordsContainer = $(this).siblings('.w2ui-grid-records').addBack().filter('.w2ui-grid-records'),\n amount = typeof e.wheelDelta != null ? e.wheelDelta * -1 / 120 : (e.detail || e.deltaY) / 3, // normalizing scroll speed\n newScrollTop = recordsContainer.scrollTop();\n\n scrolldata.time = +new Date();\n\n if (scrolldata.lastTime < scrolldata.time - 150) {\n scrolldata.lastDelta = 0;\n }\n\n scrolldata.lastTime = scrolldata.time;\n scrolldata.lastDelta += amount;\n\n if (Math.abs(scrolldata.lastDelta) < 1) {\n amount = 0;\n } else {\n amount = Math.round(scrolldata.lastDelta);\n }\n gridBody.data('scrolldata', scrolldata);\n\n // make scroll amount dependent on visible rows\n amount *= (Math.round(records.height() / obj.recordHeight) - 1) * obj.recordHeight / 4;\n recordsContainer.stop().animate({ 'scrollTop': newScrollTop + amount }, 250, 'linear');\n });\n\n if (this.records.length === 0 && this.msgEmpty) {\n $('#grid_'+ this.name +'_body')\n .append(''+ this.msgEmpty +'
'+\n ' '+\n ' '+\n ' '+\n ' '+\n ' '+\n ' '+\n ' '+ // readonly needed on android not to open keyboard\n '
');\n if (this.selectType != 'row') $(this.box).addClass('w2ui-ss');\n if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;\n // init toolbar\n this.initToolbar();\n if (this.toolbar != null) this.toolbar.render($('#grid_'+ this.name +'_toolbar')[0]);\n // reinit search_all\n if (this.last.field && this.last.field != 'all') {\n var sd = this.searchData;\n setTimeout(function () { obj.initAllField(obj.last.field, (sd.length == 1 ? sd[0].value : null)); }, 1);\n }\n // init footer\n $('#grid_'+ this.name +'_footer').html(this.getFooterHTML());\n // refresh\n if (!this.last.state) this.last.state = this.stateSave(true); // initial default state\n this.stateRestore();\n if (url) { this.clear(); this.refresh(); } // show empty grid (need it) - should it be only for remote data source\n // if hidden searches - apply it\n var hasHiddenSearches = false;\n for (var i = 0; i < this.searches.length; i++) {\n if (this.searches[i].hidden) { hasHiddenSearches = true; break; }\n }\n if (hasHiddenSearches) {\n this.searchReset(false); // will call reload\n if (!url) setTimeout(function () { obj.searchReset(); }, 1);\n } else {\n this.reload();\n }\n // focus\n $(this.box).find('#grid_'+ this.name + '_focus')\n .on('focus', function (event) {\n clearTimeout(obj.last.kbd_timer);\n if (!obj.hasFocus) obj.focus();\n })\n .on('blur', function (event) {\n clearTimeout(obj.last.kbd_timer);\n obj.last.kbd_timer = setTimeout(function () {\n if (obj.hasFocus) { obj.blur(); }\n }, 100); // need this timer to be 100 ms\n })\n .on('paste', function (event) {\n var cd = (event.originalEvent.clipboardData ? event.originalEvent.clipboardData : null)\n if (cd && cd.types && cd.types.indexOf('text/plain') != -1) {\n event.preventDefault()\n var text = cd.getData('text/plain');\n if (text.indexOf('\\r') != -1 && text.indexOf('\\n') == -1) {\n text = text.replace(/\\r/g, '\\n');\n }\n w2ui[obj.name].paste(text);\n } else {\n // for older browsers\n var el = this;\n setTimeout(function () { w2ui[obj.name].paste(el.value); el.value = ''; }, 1)\n }\n })\n .on('keydown', function (event) {\n w2ui[obj.name].keydown.call(w2ui[obj.name], event);\n });\n // init mouse events for mouse selection\n var edataCol; // event for column select\n $(this.box).on('mousedown', mouseStart);\n this.updateToolbar()\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n // attach to resize event\n if ($('.w2ui-layout').length === 0) { // if there is layout, it will send a resize event\n $(window)\n .off('resize.w2ui-'+ obj.name)\n .on('resize.w2ui-'+ obj.name, function (event) {\n if (w2ui[obj.name] == null) {\n $(window).off('resize.w2ui-'+ obj.name)\n } else {\n w2ui[obj.name].resize();\n }\n });\n }\n return (new Date()).getTime() - time;\n\n function mouseStart (event) {\n if (event.which != 1) return; // if not left mouse button\n // restore css user-select\n if (obj.last.userSelect == 'text') {\n delete obj.last.userSelect;\n $(obj.box).find('.w2ui-grid-body').css(w2utils.cssPrefix('user-select', 'none'));\n }\n // regular record select\n if (obj.selectType == 'row' && ($(event.target).parents().hasClass('w2ui-head') || $(event.target).hasClass('w2ui-head'))) return;\n if (obj.last.move && obj.last.move.type == 'expand') return;\n // if altKey - alow text selection\n if (event.altKey) {\n $(obj.box).find('.w2ui-grid-body').css(w2utils.cssPrefix('user-select', 'text'));\n obj.selectNone();\n obj.last.move = { type: 'text-select' };\n obj.last.userSelect = 'text';\n } else {\n var tmp = event.target;\n var pos = {\n x: event.offsetX - 10,\n y: event.offsetY - 10\n }\n var tmps = false;\n while (tmp) {\n if (tmp.classList && tmp.classList.contains('w2ui-grid')) break;\n if (tmp.tagName && tmp.tagName.toUpperCase() == 'TD') tmps = true;\n if (tmp.tagName && tmp.tagName.toUpperCase() != 'TR' && tmps == true) {\n pos.x += tmp.offsetLeft;\n pos.y += tmp.offsetTop;\n }\n tmp = tmp.parentNode;\n }\n\n obj.last.move = {\n x : event.screenX,\n y : event.screenY,\n divX : 0,\n divY : 0,\n focusX : pos.x,\n focusY : pos.y,\n recid : $(event.target).parents('tr').attr('recid'),\n column : parseInt(event.target.tagName.toUpperCase() == 'TD' ? $(event.target).attr('col') : $(event.target).parents('td').attr('col')),\n type : 'select',\n ghost : false,\n start : true\n };\n if (obj.last.move.recid == null) obj.last.move.type = 'select-column';\n // set focus to grid\n var target = event.target;\n var $input = $(obj.box).find('#grid_'+ obj.name + '_focus');\n // move input next to cursor so screen does not jump\n if (obj.last.move) {\n var sLeft = obj.last.move.focusX;\n var sTop = obj.last.move.focusY;\n var $owner = $(target).parents('table').parent();\n if ($owner.hasClass('w2ui-grid-records') || $owner.hasClass('w2ui-grid-frecords')\n || $owner.hasClass('w2ui-grid-columns') || $owner.hasClass('w2ui-grid-fcolumns')\n || $owner.hasClass('w2ui-grid-summary')) {\n sLeft = obj.last.move.focusX - $(obj.box).find('#grid_'+ obj.name +'_records').scrollLeft();\n sTop = obj.last.move.focusY - $(obj.box).find('#grid_'+ obj.name +'_records').scrollTop();\n }\n if ($(target).hasClass('w2ui-grid-footer') || $(target).parents('div.w2ui-grid-footer').length > 0) {\n sTop = $(obj.box).find('#grid_'+ obj.name +'_footer').position().top;\n }\n // if clicked on toolbar\n if ($owner.hasClass('w2ui-scroll-wrapper') && $owner.parent().hasClass('w2ui-toolbar')) {\n sLeft = obj.last.move.focusX - $owner.scrollLeft();\n }\n $input.css({\n left: sLeft - 10,\n top : sTop\n });\n }\n // if toolbar input is clicked\n setTimeout(function () {\n if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(target.tagName.toUpperCase()) != -1) {\n $(target).focus();\n } else {\n if (!$input.is(':focus')) $input.focus();\n }\n }, 50);\n // disable click select for this condition\n if (!obj.multiSelect && !obj.reorderRows && obj.last.move.type == 'drag') {\n delete obj.last.move;\n }\n }\n if (obj.reorderRows == true) {\n var el = event.target;\n if (el.tagName.toUpperCase() != 'TD') el = $(el).parents('td')[0];\n if ($(el).hasClass('w2ui-col-number') || $(el).hasClass('w2ui-col-order')) {\n obj.selectNone();\n obj.last.move.reorder = true;\n // supress hover\n var eColor = $(obj.box).find('.w2ui-even.w2ui-empty-record').css('background-color');\n var oColor = $(obj.box).find('.w2ui-odd.w2ui-empty-record').css('background-color');\n $(obj.box).find('.w2ui-even td').not('.w2ui-col-number').css('background-color', eColor);\n $(obj.box).find('.w2ui-odd td').not('.w2ui-col-number').css('background-color', oColor);\n // display empty record and ghost record\n var mv = obj.last.move;\n if (!mv.ghost) {\n var row = $('#grid_'+ obj.name + '_rec_'+ mv.recid);\n var tmp = row.parents('table').find('tr:first-child').clone();\n mv.offsetY = event.offsetY;\n mv.from = mv.recid;\n mv.pos = row.position();\n mv.ghost = $(row).clone(true);\n mv.ghost.removeAttr('id');\n row.find('td').remove();\n row.append(''+\n ''+\n '
\";\n this.toolbar.get('w2ui-column-on-off').html = col_html;\n },\n\n /**\n *\n * @param box, grid object\n * @returns {{remove: Function}} contains a closure around all events to ensure they are removed from the dom\n */\n initColumnDrag: function ( box ) {\n //throw error if using column groups\n if ( this.columnGroups && this.columnGroups.length ) throw 'Draggable columns are not currently supported with column groups.';\n\n var obj = this,\n _dragData = {};\n _dragData.lastInt = null;\n _dragData.pressed = false;\n _dragData.timeout = null;_dragData.columnHead = null;\n\n //attach original event listener\n $(obj.box).on('mousedown', dragColStart);\n $(obj.box).on('mouseup', catchMouseup);\n\n function catchMouseup(){\n _dragData.pressed = false;\n clearTimeout( _dragData.timeout );\n }\n /**\n *\n * @param event, mousedown\n * @returns {boolean} false, preventsDefault\n */\n function dragColStart ( event ) {\n if ( _dragData.timeout ) clearTimeout( _dragData.timeout );\n var self = this;\n _dragData.pressed = true;\n\n _dragData.timeout = setTimeout(function(){\n // When dragging a column for reordering, a quick release and a secondary\n // click may result in a bug where the column is ghosted to the screen,\n // but can no longer be docked back into the header. It simply floats and you\n // can no longer interact with it.\n // The erronius event thats fired will have _dragData.numberPreColumnsPresent === 0\n // populated, wheras a valid event will not.\n // if we see the erronius event, dont allow that second click to register, which results\n // in the floating column remaining under the mouse's control.\n if ( !_dragData.pressed || _dragData.numberPreColumnsPresent === 0 ) return;\n\n var edata,\n columns,\n selectedCol,\n origColumn,\n origColumnNumber,\n invalidPreColumns = [ 'w2ui-col-number', 'w2ui-col-expand', 'w2ui-col-select' ],\n invalidPostColumns = [ 'w2ui-head-last' ],\n invalidColumns = invalidPreColumns.concat( invalidPostColumns ),\n preColumnsSelector = '.w2ui-col-number, .w2ui-col-expand, .w2ui-col-select',\n preColHeadersSelector = '.w2ui-head.w2ui-col-number, .w2ui-head.w2ui-col-expand, .w2ui-head.w2ui-col-select';\n\n // do nothing if it is not a header\n if ( !$( event.originalEvent.target ).parents().hasClass( 'w2ui-head' ) ) return;\n\n // do nothing if it is an invalid column\n for ( var i = 0, l = invalidColumns.length; i < l; i++ ){\n if ( $( event.originalEvent.target ).parents().hasClass( invalidColumns[ i ] ) ) return;\n }\n\n _dragData.numberPreColumnsPresent = $( obj.box ).find( preColHeadersSelector ).length;\n\n //start event for drag start\n _dragData.columnHead = origColumn = $( event.originalEvent.target ).parents( '.w2ui-head' );\n _dragData.originalPos = origColumnNumber = parseInt( origColumn.attr( 'col' ), 10);\n edata = obj.trigger({ type: 'columnDragStart', phase: 'before', originalEvent: event, origColumnNumber: origColumnNumber, target: origColumn[0] });\n if ( edata.isCancelled === true ) return false;\n\n columns = _dragData.columns = $( obj.box ).find( '.w2ui-head:not(.w2ui-head-last)' );\n\n //add events\n $( document ).on( 'mouseup', dragColEnd );\n $( document ).on( 'mousemove', dragColOver );\n\n //_dragData.columns.css({ overflow: 'visible' }).children( 'div' ).css({ overflow: 'visible' });\n\n //configure and style ghost image\n _dragData.ghost = $( self ).clone( true );\n\n //hide other elements on ghost except the grid body\n $( _dragData.ghost ).find( '[col]:not([col=\"' + _dragData.originalPos + '\"]), .w2ui-toolbar, .w2ui-grid-header' ).remove();\n $( _dragData.ghost ).find( preColumnsSelector ).remove();\n $( _dragData.ghost ).find( '.w2ui-grid-body' ).css({ top: 0 });\n\n selectedCol = $( _dragData.ghost ).find( '[col=\"' + _dragData.originalPos + '\"]' );\n $( document.body ).append( _dragData.ghost );\n\n $( _dragData.ghost ).css({\n width: 0,\n height: 0,\n margin: 0,\n position: 'fixed',\n zIndex: 999999,\n opacity: 0\n }).addClass( '.w2ui-grid-ghost' ).animate({\n width: selectedCol.width(),\n height: $(obj.box).find('.w2ui-grid-body:first').height(),\n left : event.pageX,\n top : event.pageY,\n opacity: 0.8\n }, 0 );\n\n //establish current offsets\n _dragData.offsets = [];\n for ( var i = 0, l = columns.length; i < l; i++ ) {\n _dragData.offsets.push( $( columns[ i ] ).offset().left );\n }\n\n //conclude event\n obj.trigger( $.extend( edata, { phase: 'after' } ) );\n }, 150 );//end timeout wrapper\n }\n\n function dragColOver ( event ) {\n if ( !_dragData.pressed ) return;\n\n var cursorX = event.originalEvent.pageX,\n cursorY = event.originalEvent.pageY,\n offsets = _dragData.offsets,\n lastWidth = $( '.w2ui-head:not(.w2ui-head-last)' ).width();\n\n _dragData.targetInt = Math.max(_dragData.numberPreColumnsPresent,targetIntersection( cursorX, offsets, lastWidth ));\n\n markIntersection( _dragData.targetInt );\n trackGhost( cursorX, cursorY );\n }\n\n function dragColEnd ( event ) {\n _dragData.pressed = false;\n\n var edata,\n target,\n selected,\n columnConfig,\n targetColumn,\n ghosts = $( '.w2ui-grid-ghost' );\n\n //start event for drag start\n edata = obj.trigger({ type: 'columnDragEnd', phase: 'before', originalEvent: event, target: _dragData.columnHead[0] });\n if ( edata.isCancelled === true ) return false;\n\n selected = obj.columns[ _dragData.originalPos ];\n columnConfig = obj.columns;\n targetColumn = $( _dragData.columns[ Math.min(_dragData.lastInt, _dragData.columns.length - 1) ] );\n target = (_dragData.lastInt < _dragData.columns.length) ? parseInt(targetColumn.attr('col')) : columnConfig.length;\n\n if ( target !== _dragData.originalPos + 1 && target !== _dragData.originalPos && targetColumn && targetColumn.length ) {\n $( _dragData.ghost ).animate({\n top: $( obj.box ).offset().top,\n left: targetColumn.offset().left,\n width: 0,\n height: 0,\n opacity: 0.2\n }, 300, function(){\n $( this ).remove();\n ghosts.remove();\n });\n\n columnConfig.splice( target, 0, $.extend( {}, selected ) );\n columnConfig.splice( columnConfig.indexOf( selected ), 1);\n\n } else {\n $( _dragData.ghost ).remove();\n ghosts.remove();\n }\n\n //_dragData.columns.css({ overflow: '' }).children( 'div' ).css({ overflow: '' });\n\n $( document ).off( 'mouseup', dragColEnd );\n $( document ).off( 'mousemove', dragColOver );\n if ( _dragData.marker ) _dragData.marker.remove();\n _dragData = {};\n\n obj.refresh();\n\n //conclude event\n obj.trigger( $.extend( edata, { phase: 'after', targetColumnNumber: target - 1 } ) );\n }\n\n function markIntersection( intersection ){\n if ( !_dragData.marker && !_dragData.markerLeft ) {\n _dragData.marker = $('| '+\n ' '+\n ' | '+\n ''+\n ' '+\n ' | '+\n '
| '+\n ' '+\n ' | '+\n ''+\n ' '+\n ' | '+\n '
| '+\n ' '+ w2utils.lang('Skip') +\n ' '+ w2utils.lang('Records')+\n ' '+\n ' | |
| '+\n ' '+ w2utils.lang('Save Grid State') + ' '+\n ' | |
| '+\n ' '+ w2utils.lang('Restore Default State') + ' '+\n ' |
' +\n '' +\n '' +\n '
');\n _dragData.markerLeft = $('' +\n '' +\n '' +\n '
');\n }\n\n if ( !_dragData.lastInt || _dragData.lastInt !== intersection ){\n _dragData.lastInt = intersection;\n _dragData.marker.remove();\n _dragData.markerLeft.remove();\n $('.w2ui-head').removeClass('w2ui-col-intersection');\n\n //if the current intersection is greater than the number of columns add the marker to the end of the last column only\n if ( intersection >= _dragData.columns.length ) {\n $( _dragData.columns[ _dragData.columns.length - 1 ] ).children( 'div:last' ).append( _dragData.marker.addClass( 'right' ).removeClass( 'left' ) );\n $( _dragData.columns[ _dragData.columns.length - 1 ] ).addClass('w2ui-col-intersection');\n } else if ( intersection <= _dragData.numberPreColumnsPresent ) {\n //if the current intersection is on the column numbers place marker on first available column only\n $( _dragData.columns[ _dragData.numberPreColumnsPresent ] ).prepend( _dragData.marker.addClass( 'left' ).removeClass( 'right' ) ).css({ position: 'relative' });\n $( _dragData.columns[ _dragData.numberPreColumnsPresent ] ).prev().addClass('w2ui-col-intersection');\n } else {\n //otherwise prepend the marker to the targeted column and append it to the previous column\n $( _dragData.columns[intersection] ).children( 'div:last' ).prepend( _dragData.marker.addClass( 'left' ).removeClass( 'right' ) );\n $( _dragData.columns[intersection] ).prev().children( 'div:last' ).append( _dragData.markerLeft.addClass( 'right' ).removeClass( 'left' ) ).css({ position: 'relative' });\n $( _dragData.columns[intersection - 1] ).addClass('w2ui-col-intersection');\n }\n }\n }\n\n function targetIntersection( cursorX, offsets, lastWidth ){\n if ( cursorX <= offsets[0] ) {\n return 0;\n } else if ( cursorX >= offsets[offsets.length - 1] + lastWidth ) {\n return offsets.length;\n } else {\n for ( var i = 0, l = offsets.length; i < l; i++ ) {\n var thisOffset = offsets[ i ];\n var nextOffset = offsets[ i + 1 ] || offsets[ i ] + lastWidth;\n var midpoint = ( nextOffset - offsets[ i ]) / 2 + offsets[ i ];\n\n if ( cursorX > thisOffset && cursorX <= midpoint ) {\n return i;\n } else if ( cursorX > midpoint && cursorX <= nextOffset ) {\n return i + 1;\n }\n }\n return intersection;\n }\n }\n\n function trackGhost( cursorX, cursorY ){\n $( _dragData.ghost ).css({\n left: cursorX - 10,\n top: cursorY - 10\n });\n }\n\n //return an object to remove drag if it has ever been enabled\n return {\n remove: function(){\n $( obj.box ).off( 'mousedown', dragColStart );\n $( obj.box ).off( 'mouseup', catchMouseup );\n $( obj.box ).find( '.w2ui-head' ).removeAttr( 'draggable' );\n obj.last.columnDrag = false;\n }\n };\n },\n\n columnOnOff: function (event, field) {\n var $el = $(event.target).parents('tr').find('.w2ui-column-check');\n // event before\n var edata = this.trigger({ phase: 'before', target: this.name, type: 'columnOnOff', field: field, originalEvent: event });\n if (edata.isCancelled === true) return;\n // regular processing\n var obj = this;\n var hide = (!event.shiftKey && !event.metaKey && !event.ctrlKey && !$(event.target).hasClass('w2ui-column-check'));\n // collapse expanded rows\n var rows = obj.find({ 'w2ui.expanded': true }, true);\n for (var r = 0; r < rows.length; r++) {\n var tmp = this.records[r].w2ui;\n if (tmp && !Array.isArray(tmp.children)) {\n this.records[r].w2ui.expanded = false;\n }\n }\n // show/hide\n if (field == 'line-numbers') {\n this.show.lineNumbers = !this.show.lineNumbers;\n if (this.show.lineNumbers) {\n $el.addClass('w2ui-icon-check').removeClass('w2ui-icon-empty');\n } else {\n $el.addClass('w2ui-icon-empty').removeClass('w2ui-icon-check');\n }\n this.refreshBody();\n this.resizeRecords();\n } else {\n var col = this.getColumn(field);\n if (col.hidden) {\n $el.addClass('w2ui-icon-check').removeClass('w2ui-icon-empty');\n setTimeout(function () {\n obj.showColumn(col.field);\n }, hide ? 0 : 50);\n } else {\n $el.addClass('w2ui-icon-empty').removeClass('w2ui-icon-check');\n setTimeout(function () {\n obj.hideColumn(col.field);\n }, hide ? 0 : 50);\n }\n }\n if (hide) {\n setTimeout(function () {\n $().w2overlay({ name: obj.name + '_toolbar' });\n }, 40);\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n scrollToColumn: function (field) {\n if (field == null)\n return;\n var sWidth = 0;\n var found = false;\n for (var i = 0; i < this.columns.length; i++) {\n var col = this.columns[i];\n if (col.field == field) {\n found = true;\n break;\n }\n if (col.frozen || col.hidden)\n continue;\n var cSize = parseInt(col.sizeCalculated ? col.sizeCalculated : col.size);\n sWidth += cSize;\n }\n if (!found)\n return;\n this.last.scrollLeft = sWidth+1;\n this.scroll();\n },\n\n initToolbar: function () {\n var obj = this;\n // -- if toolbar is true\n if (this.toolbar['render'] == null) {\n var tmp_items = this.toolbar.items || [];\n this.toolbar.items = [];\n this.toolbar = $().w2toolbar($.extend(true, {}, this.toolbar, { name: this.name +'_toolbar', owner: this }));\n\n // =============================================\n // ------ Toolbar Generic buttons\n\n if (this.show.toolbarReload) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['reload']));\n }\n if (this.show.toolbarColumns) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['columns']));\n }\n if (this.show.toolbarReload || this.show.toolbarColumns) {\n this.toolbar.items.push({ type: 'break', id: 'w2ui-break0' });\n }\n if (this.show.toolbarInput) {\n var html =\n '';\n this.toolbar.items.push({ type: 'html', id: 'w2ui-search', html: html });\n }\n if (this.show.toolbarSearch && this.multiSearch && this.searches.length > 0) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['search-go']));\n }\n if ((this.show.toolbarSearch || this.show.toolbarInput)\n && (this.show.toolbarAdd || this.show.toolbarEdit || this.show.toolbarDelete || this.show.toolbarSave)) {\n this.toolbar.items.push({ type: 'break', id: 'w2ui-break1' });\n }\n if (this.show.toolbarAdd && Array.isArray(tmp_items)\n && tmp_items.map(function (item) { return item.id }).indexOf(this.buttons['add'].id) == -1) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['add']));\n }\n if (this.show.toolbarEdit && Array.isArray(tmp_items)\n && tmp_items.map(function (item) { return item.id }).indexOf(this.buttons['edit'].id) == -1) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['edit']));\n }\n if (this.show.toolbarDelete && Array.isArray(tmp_items)\n && tmp_items.map(function (item) { return item.id }).indexOf(this.buttons['delete'].id) == -1) {\n this.toolbar.items.push($.extend(true, {}, this.buttons['delete']));\n }\n if (this.show.toolbarSave && Array.isArray(tmp_items)\n && tmp_items.map(function (item) { return item.id }).indexOf(this.buttons['save'].id) == -1) {\n if (this.show.toolbarAdd || this.show.toolbarDelete || this.show.toolbarEdit) {\n this.toolbar.items.push({ type: 'break', id: 'w2ui-break2' });\n }\n this.toolbar.items.push($.extend(true, {}, this.buttons['save']));\n }\n // add original buttons\n if (tmp_items) for (var i = 0; i < tmp_items.length; i++) this.toolbar.items.push(tmp_items[i]);\n\n // =============================================\n // ------ Toolbar onClick processing\n\n var obj = this;\n this.toolbar.on('click', function (event) {\n var edata = obj.trigger({ phase: 'before', type: 'toolbar', target: event.target, originalEvent: event });\n if (edata.isCancelled === true) return;\n var id = event.target;\n switch (id) {\n case 'w2ui-reload':\n var edata2 = obj.trigger({ phase: 'before', type: 'reload', target: obj.name });\n if (edata2.isCancelled === true) return false;\n obj.reload();\n obj.trigger($.extend(edata2, { phase: 'after' }));\n break;\n case 'w2ui-column-on-off':\n obj.initColumnOnOff();\n obj.initResize();\n obj.resize();\n break;\n case 'w2ui-search-advanced':\n var it = this.get(id);\n if (it.checked) {\n obj.searchClose();\n } else {\n obj.searchOpen();\n }\n // need to cancel event in order to user custom searchOpen/close functions\n obj.toolbar.tooltipHide('w2ui-search-advanced');\n event.preventDefault();\n break;\n case 'w2ui-add':\n // events\n var edata2 = obj.trigger({ phase: 'before', target: obj.name, type: 'add', recid: null });\n if (edata2.isCancelled === true) return false;\n obj.trigger($.extend(edata2, { phase: 'after' }));\n // hide all tooltips\n setTimeout(function () { $().w2tag(); }, 20);\n break;\n case 'w2ui-edit':\n var sel = obj.getSelection();\n var recid = null;\n if (sel.length == 1) recid = sel[0];\n // events\n var edata2 = obj.trigger({ phase: 'before', target: obj.name, type: 'edit', recid: recid });\n if (edata2.isCancelled === true) return false;\n obj.trigger($.extend(edata2, { phase: 'after' }));\n // hide all tooltips\n setTimeout(function () { $().w2tag(); }, 20);\n break;\n case 'w2ui-delete':\n obj[\"delete\"]();\n break;\n case 'w2ui-save':\n obj.save();\n break;\n }\n // no default action\n obj.trigger($.extend(edata, { phase: 'after' }));\n })\n this.toolbar.on('refresh', function (event) {\n if (event.target == 'w2ui-search') {\n var sd = obj.searchData;\n setTimeout(function () {\n obj.initAllField(obj.last.field, (sd.length == 1 ? sd[0].value : null));\n }, 1);\n }\n })\n }\n },\n\n initResize: function () {\n var obj = this;\n //if (obj.resizing === true) return;\n $(this.box).find('.w2ui-resizer')\n .off('.grid-col-resize')\n .on('click.grid-col-resize', function (event) {\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n if (event.preventDefault) event.preventDefault();\n })\n .on('mousedown.grid-col-resize', function (event) {\n if (!event) event = window.event;\n obj.resizing = true;\n obj.last.tmp = {\n x : event.screenX,\n y : event.screenY,\n gx : event.screenX,\n gy : event.screenY,\n col : parseInt($(this).attr('name'))\n };\n // find tds that will be resized\n obj.last.tmp.tds = $('#grid_'+ obj.name +'_body table tr:first-child td[col='+ obj.last.tmp.col +']')\n\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n if (event.preventDefault) event.preventDefault();\n // fix sizes\n for (var c = 0; c < obj.columns.length; c++) {\n if (obj.columns[c].hidden) continue;\n if (obj.columns[c].sizeOriginal == null) obj.columns[c].sizeOriginal = obj.columns[c].size;\n obj.columns[c].size = obj.columns[c].sizeCalculated;\n }\n var edata = { phase: 'before', type: 'columnResize', target: obj.name, column: obj.last.tmp.col, field: obj.columns[obj.last.tmp.col].field };\n edata = obj.trigger($.extend(edata, { resizeBy: 0, originalEvent: event }));\n // set move event\n var timer;\n var mouseMove = function (event) {\n if (obj.resizing != true) return;\n if (!event) event = window.event;\n // event before\n edata = obj.trigger($.extend(edata, { resizeBy: (event.screenX - obj.last.tmp.gx), originalEvent: event }));\n if (edata.isCancelled === true) { edata.isCancelled = false; return; }\n // default action\n obj.last.tmp.x = (event.screenX - obj.last.tmp.x);\n obj.last.tmp.y = (event.screenY - obj.last.tmp.y);\n var newWidth =(parseInt(obj.columns[obj.last.tmp.col].size) + obj.last.tmp.x) + 'px'\n obj.columns[obj.last.tmp.col].size = newWidth;\n if (timer) clearTimeout(timer)\n timer = setTimeout(function () {\n obj.resizeRecords()\n obj.scroll()\n }, 100)\n // quick resize\n obj.last.tmp.tds.css({ width: newWidth })\n // reset\n obj.last.tmp.x = event.screenX;\n obj.last.tmp.y = event.screenY;\n };\n var mouseUp = function (event) {\n delete obj.resizing;\n $(document).off('.grid-col-resize');\n obj.resizeRecords();\n obj.scroll();\n // event after\n obj.trigger($.extend(edata, { phase: 'after', originalEvent: event }));\n };\n\n $(document)\n .off('.grid-col-resize')\n .on('mousemove.grid-col-resize', mouseMove)\n .on('mouseup.grid-col-resize', mouseUp);\n })\n .on('dblclick.grid-col-resize', function(event) {\n var colId = parseInt($(this).attr('name')),\n col = obj.columns[colId],\n maxDiff = 0;\n\n if (col.autoResize === false) {\n return true;\n }\n\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n if (event.preventDefault) event.preventDefault();\n $('.w2ui-grid-records td[col=\"' + colId + '\"] > div', obj.box).each(function() {\n var thisDiff = this.offsetWidth - this.scrollWidth;\n\n if (thisDiff < maxDiff) {\n maxDiff = thisDiff - 3; // 3px buffer needed for Firefox\n }\n });\n\n // event before\n var edata = { phase: 'before', type: 'columnAutoResize', target: obj.name, column: col, field: col.field };\n edata = obj.trigger($.extend(edata, { resizeBy: Math.abs(maxDiff), originalEvent: event }));\n if (edata.isCancelled === true) { edata.isCancelled = false; return; }\n\n if (maxDiff < 0) {\n col.size = Math.min(parseInt(col.size) + Math.abs(maxDiff), col.max || Infinity) + 'px';\n obj.resizeRecords();\n obj.resizeRecords(); // Why do we have to call it twice in order to show the scrollbar?\n obj.scroll();\n }\n\n // event after\n obj.trigger($.extend(edata, { phase: 'after', originalEvent: event }));\n })\n .each(function (index, el) {\n var td = $(el).parent();\n $(el).css({\n \"height\" : td.height(),\n \"margin-left\" : (td.width() - 3) + 'px'\n });\n });\n },\n\n resizeBoxes: function () {\n // elements\n var header = $('#grid_'+ this.name +'_header');\n var toolbar = $('#grid_'+ this.name +'_toolbar');\n var fsummary = $('#grid_'+ this.name +'_fsummary');\n var summary = $('#grid_'+ this.name +'_summary');\n var footer = $('#grid_'+ this.name +'_footer');\n var body = $('#grid_'+ this.name +'_body');\n\n if (this.show.header) {\n header.css({\n top: '0px',\n left: '0px',\n right: '0px'\n });\n }\n\n if (this.show.toolbar) {\n toolbar.css({\n top: ( 0 + (this.show.header ? w2utils.getSize(header, 'height') : 0) ) + 'px',\n left: '0px',\n right: '0px'\n });\n }\n if (this.summary.length > 0) {\n fsummary.css({\n bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) ) + 'px'\n });\n summary.css({\n bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) ) + 'px',\n right: '0px'\n });\n }\n if (this.show.footer) {\n footer.css({\n bottom: '0px',\n left: '0px',\n right: '0px'\n });\n }\n body.css({\n top: ( 0 + (this.show.header ? w2utils.getSize(header, 'height') : 0) + (this.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0) ) + 'px',\n bottom: ( 0 + (this.show.footer ? w2utils.getSize(footer, 'height') : 0) + (this.summary.length > 0 ? w2utils.getSize(summary, 'height') : 0) ) + 'px',\n left: '0px',\n right: '0px'\n });\n },\n\n resizeRecords: function () {\n var obj = this;\n // remove empty records\n $(this.box).find('.w2ui-empty-record').remove();\n // -- Calculate Column size in PX\n var box = $(this.box);\n var grid = $(this.box).find('> div.w2ui-grid-box');\n var header = $('#grid_'+ this.name +'_header');\n var toolbar = $('#grid_'+ this.name +'_toolbar');\n var summary = $('#grid_'+ this.name +'_summary');\n var fsummary = $('#grid_'+ this.name +'_fsummary');\n var footer = $('#grid_'+ this.name +'_footer');\n var body = $('#grid_'+ this.name +'_body');\n var columns = $('#grid_'+ this.name +'_columns');\n var fcolumns = $('#grid_'+ this.name +'_fcolumns');\n var records = $('#grid_'+ this.name +'_records');\n var frecords = $('#grid_'+ this.name +'_frecords');\n var scroll1 = $('#grid_'+ this.name +'_scroll1');\n var lineNumberWidth = String(this.total).length * 8 + 10;\n if (lineNumberWidth < 34) lineNumberWidth = 34; // 3 digit width\n if (this.lineNumberWidth != null) lineNumberWidth = this.lineNumberWidth;\n\n var bodyOverflowX = false;\n var bodyOverflowY = false;\n var sWidth = 0;\n for (var i = 0; i < obj.columns.length; i++) {\n if (obj.columns[i].frozen || obj.columns[i].hidden) continue;\n var cSize = parseInt(obj.columns[i].sizeCalculated ? obj.columns[i].sizeCalculated : obj.columns[i].size);\n sWidth += cSize;\n }\n if (records.width() < sWidth) bodyOverflowX = true;\n if (body.height() - columns.height() < $(records).find('>table').height() + (bodyOverflowX ? w2utils.scrollBarSize() : 0)) bodyOverflowY = true;\n\n // body might be expanded by data\n if (!this.fixedBody) {\n // allow it to render records, then resize\n var calculatedHeight = w2utils.getSize(columns, 'height')\n + w2utils.getSize($('#grid_'+ obj.name +'_records table'), 'height')\n + (bodyOverflowX ? w2utils.scrollBarSize() : 0);\n obj.height = calculatedHeight\n + w2utils.getSize(grid, '+height')\n + (obj.show.header ? w2utils.getSize(header, 'height') : 0)\n + (obj.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0)\n + (summary.css('display') != 'none' ? w2utils.getSize(summary, 'height') : 0)\n + (obj.show.footer ? w2utils.getSize(footer, 'height') : 0);\n grid.css('height', obj.height);\n body.css('height', calculatedHeight);\n box.css('height', w2utils.getSize(grid, 'height') + w2utils.getSize(box, '+height'));\n } else {\n // fixed body height\n var calculatedHeight = grid.height()\n - (this.show.header ? w2utils.getSize(header, 'height') : 0)\n - (this.show.toolbar ? w2utils.getSize(toolbar, 'height') : 0)\n - (summary.css('display') != 'none' ? w2utils.getSize(summary, 'height') : 0)\n - (this.show.footer ? w2utils.getSize(footer, 'height') : 0);\n body.css('height', calculatedHeight);\n }\n\n var buffered = this.records.length;\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n if (this.searchData.length != 0 && !url) buffered = this.last.searchIds.length;\n // apply overflow\n if (!this.fixedBody) { bodyOverflowY = false; }\n if (bodyOverflowX || bodyOverflowY) {\n columns.find('> table > tbody > tr:nth-child(1) td.w2ui-head-last').css('width', w2utils.scrollBarSize()).show();\n records.css({\n top: ((this.columnGroups.length > 0 && this.show.columns ? 1 : 0) + w2utils.getSize(columns, 'height')) +'px',\n \"-webkit-overflow-scrolling\": \"touch\",\n \"overflow-x\": (bodyOverflowX ? 'auto' : 'hidden'),\n \"overflow-y\": (bodyOverflowY ? 'auto' : 'hidden')\n });\n } else {\n columns.find('> table > tbody > tr:nth-child(1) td.w2ui-head-last').hide();\n records.css({\n top: ((this.columnGroups.length > 0 && this.show.columns ? 1 : 0) + w2utils.getSize(columns, 'height')) +'px',\n overflow: 'hidden'\n });\n if (records.length > 0) { this.last.scrollTop = 0; this.last.scrollLeft = 0; } // if no scrollbars, always show top\n }\n if (bodyOverflowX) {\n frecords.css('margin-bottom', w2utils.scrollBarSize());\n scroll1.show();\n } else {\n frecords.css('margin-bottom', 0);\n scroll1.hide();\n }\n frecords.css({ overflow: 'hidden', top: records.css('top') });\n if (this.show.emptyRecords && !bodyOverflowY) {\n var max = Math.floor(records.height() / this.recordHeight) - 1;\n var leftover = 0;\n if (records[0]) leftover = records[0].scrollHeight - max * this.recordHeight;\n if (leftover >= this.recordHeight) {\n leftover -= this.recordHeight;\n max++;\n }\n if (this.fixedBody) {\n for (var di = buffered; di < max; di++) {\n addEmptyRow(di, this.recordHeight, this);\n }\n addEmptyRow(max, leftover, this);\n }\n }\n\n function addEmptyRow(row, height, grid) {\n var html1 = '';\n var html2 = '';\n var htmlp = '';\n html1 += '| '+ btn +' | ' +\n ''+ (s.label || '') +' | ' +\n ''+ operator +' | '+\n '';\n\n switch (s.type) {\n case 'text':\n case 'alphanumeric':\n case 'hex':\n case 'color':\n case 'list':\n case 'combo':\n case 'enum':\n var tmpStyle = 'width: 250px;';\n if (['hex', 'color'].indexOf(s.type) != -1) tmpStyle = 'width: 90px;';\n html += '';\n break;\n\n case 'int':\n case 'float':\n case 'money':\n case 'currency':\n case 'percent':\n case 'date':\n case 'time':\n case 'datetime':\n var tmpStyle = 'width: 90px;';\n if (s.type == 'datetime') tmpStyle = 'width: 140px;';\n html += ''+\n ' - '+\n ''+\n '';\n break;\n\n case 'select':\n html += '';\n break;\n\n }\n html += s.outTag +\n ' | ' +\n '
| '+\n ' '+\n ' '+\n ' '+\n ' '+\n ' | '+\n '
'+\n ' '+\n (!col.text ? ' ' : col.text) +\n '
'+\n ''+\n (!colg.text ? ' ' : colg.text) +\n '
'+\n '#
'+\n ''+\n ' '+\n '
'+\n ''+\n ' '+\n (!col.text ? ' ' : col.text) +\n '
'+\n '| '+\n ' |
| '+\n ' |
| '+\n ' |
| '+\n ' |
');\n // load more\n obj.last.pull_more = true;\n obj.last.xhr_offset += obj.limit;\n obj.request('get');\n })\n .find('td')\n .html(obj.autoLoad\n ? '
'\n : '
'+ w2utils.lang('Load') + ' ' + obj.limit + ' ' + w2utils.lang('More') + '...
'\n )\n }\n\n function markSearch() {\n // mark search\n if (!obj.markSearch) return;\n clearTimeout(obj.last.marker_timer);\n obj.last.marker_timer = setTimeout(function () {\n // mark all search strings\n var search = [];\n for (var s = 0; s < obj.searchData.length; s++) {\n var sdata = obj.searchData[s];\n var fld = obj.getSearch(sdata.field);\n if (!fld || fld.hidden) continue;\n var ind = obj.getColumn(sdata.field, true);\n search.push({ field: sdata.field, search: sdata.value, col: ind });\n }\n if (search.length > 0) {\n search.forEach(function (item) {\n $(obj.box).find('td[col=\"'+ item.col +'\"]').not('.w2ui-head').w2marker(item.search);\n });\n }\n }, 50);\n }\n },\n\n getRecordHTML: function (ind, lineNum, summary) {\n var tmph = '';\n var rec_html1 = '';\n var rec_html2 = '';\n var sel = this.last.selection;\n var record;\n // first record needs for resize purposes\n if (ind == -1) {\n rec_html1 += ''+\n ' '+\n '
'\n :\n '' ) +\n ''+\n ' '+ tmp_img +'
'\n :\n '' ) +\n '' + lineNum + '
';\n },\n\n getCellHTML: function (ind, col_ind, summary, col_span) {\n var col = this.columns[col_ind];\n if (col == null) return '';\n var record = (summary !== true ? this.records[ind] : this.summary[ind]);\n var data = (ind !== -1 ? this.getCellValue(ind, col_ind, summary) : '');\n var edit = (ind !== -1 ? this.getCellEditable(ind, col_ind) : '');\n var style = 'max-height: '+ parseInt(this.recordHeight) +'px;' + (col.clipboardCopy ? 'margin-right: 20px' : '');\n var isChanged = !summary && record && record.w2ui && record.w2ui.changes && record.w2ui.changes[col.field] != null;\n var addStyle = '';\n var addClass = '';\n var sel = this.last.selection;\n var isRowSelected = false;\n var infoBubble = '';\n if (sel.indexes.indexOf(ind) != -1) isRowSelected = true;\n if (col_span == null) {\n if (record && record.w2ui && record.w2ui.colspan && record.w2ui.colspan[col.field]) {\n col_span = record.w2ui.colspan[col.field];\n } else {\n col_span = 1;\n }\n }\n // expand icon\n if (col_ind === 0 && record && record.w2ui && Array.isArray(record.w2ui.children)) {\n var level = 0;\n var subrec = this.get(record.w2ui.parent_recid, true);\n while (true) {\n if (subrec != null) {\n level++\n var tmp = this.records[subrec].w2ui;\n if (tmp != null && tmp.parent_recid != null) {\n subrec = this.get(tmp.parent_recid, true);\n } else {\n break;\n }\n } else {\n break;\n }\n }\n if (record.w2ui.parent_recid){\n for (var i = 0; i < level; i++) {\n infoBubble += '';\n }\n }\n infoBubble += ' 0\n ? (record.w2ui.expanded ? 'w2ui-icon-collapse' : 'w2ui-icon-expand')\n : 'w2ui-icon-empty'\n ) +'\" '+\n ' onclick=\"event.stopPropagation(); w2ui[\\''+ this.name + '\\'].toggle(jQuery(this).parents(\\'tr\\').attr(\\'recid\\'))\">';\n }\n // info bubble\n if (col.info === true) col.info = {};\n if (col.info != null) {\n var infoIcon = 'w2ui-icon-info';\n if (typeof col.info.icon == 'function') {\n infoIcon = col.info.icon(record);\n } else if (typeof col.info.icon == 'object') {\n infoIcon = col.info.icon[this.parseField(record, col.field)] || ''\n } else if (typeof col.info.icon == 'string') {\n infoIcon = col.info.icon;\n }\n var infoStyle = col.info.style || '';\n if (typeof col.info.style == 'function') {\n infoStyle = col.info.style(record);\n } else if (typeof col.info.style == 'object') {\n infoStyle = col.info.style[this.parseField(record, col.field)] || '';\n } else if (typeof col.info.style == 'string') {\n infoStyle = col.info.style;\n }\n infoBubble += '';\n }\n // various renderers\n if (col.render != null && ind !== -1) {\n if (typeof col.render == 'function') {\n var html = col.render.call(this, record, ind, col_ind, data)\n if (html != null && typeof html == 'object') {\n data = $.trim(html.html || '');\n addClass = html.class || '';\n addStyle = html.style || '';\n } else {\n data = $.trim(html);\n }\n if (data.length < 4 || data.substr(0, 4).toLowerCase() != '' + infoBubble + dsp + '
';\n }\n // formatters\n if (typeof col.render == 'string') {\n var t = col.render.toLowerCase().indexOf(':');\n var tmp = [];\n if (t == -1) {\n tmp[0] = col.render.toLowerCase();\n tmp[1] = '';\n } else {\n tmp[0] = col.render.toLowerCase().substr(0, t);\n tmp[1] = col.render.toLowerCase().substr(t+1);\n }\n // formatters\n var func = w2utils.formatters[tmp[0]];\n if (col.options && col.options.autoFormat === false) {\n func = null;\n }\n data = '' + infoBubble + (typeof func == 'function' ? func(data, tmp[1]) : '') + '
';\n }\n } else {\n // if editable checkbox\n if (edit && ['checkbox', 'check'].indexOf(edit.type) != -1) {\n var changeInd = summary ? -(ind + 1) : ind;\n style += 'text-align: center;';\n data = '';\n infoBubble = '';\n }\n if (this.show.recordTitles) {\n // title overwrite\n var title = w2utils.stripTags(String(data).replace(/\"/g, \"''\"));\n if (col.title != null) {\n if (typeof col.title == 'function') title = col.title.call(this, record, ind, col_ind);\n if (typeof col.title == 'string') title = col.title;\n }\n }\n data = ''+ infoBubble + String(data) +'
';\n }\n if (data == null) data = '';\n // --> cell TD\n if (typeof col.render == 'string') {\n var tmp = col.render.toLowerCase().split(':');\n if (['number', 'int', 'float', 'money', 'currency', 'percent', 'size'].indexOf(tmp[0]) != -1) addStyle += 'text-align: right;';\n }\n if (record && record.w2ui) {\n if (typeof record.w2ui.style == 'object') {\n if (typeof record.w2ui.style[col_ind] == 'string') addStyle += record.w2ui.style[col_ind] + ';';\n if (typeof record.w2ui.style[col.field] == 'string') addStyle += record.w2ui.style[col.field] + ';';\n }\n if (typeof record.w2ui.class == 'object') {\n if (typeof record.w2ui.class[col_ind] == 'string') addClass += record.w2ui.class[col_ind] + ' ';\n if (typeof record.w2ui.class[col.field] == 'string') addClass += record.w2ui.class[col.field] + ' ';\n }\n }\n var isCellSelected = false;\n if (isRowSelected && $.inArray(col_ind, sel.columns[ind]) != -1) isCellSelected = true;\n var clipboardTxt = (typeof col.clipboardCopy == 'string' ? col.clipboardCopy : 'Copy to clipboard')\n var clipboardIcon = ''\n // data\n data = '| ' + col.text + ' | ' + ((val === 0 ? '0' : val) || '') + ' |
| ' + caption + ' | ' + (val || '') + ' |
'+\n ' '+\n ' '+\n ' '+\n '
';\n },\n\n status: function (msg) {\n if (msg != null) {\n $('#grid_'+ this.name +'_footer').find('.w2ui-footer-left').html(msg);\n } else {\n // show number of selected\n var msgLeft = '';\n var sel = this.getSelection();\n if (sel.length > 0) {\n if (this.show.statusSelection && sel.length > 1) {\n msgLeft = String(sel.length).replace(/(\\d)(?=(\\d\\d\\d)+(?!\\d))/g, \"$1,\") + ' ' + w2utils.lang('selected');\n }\n if (this.show.statusRecordID && sel.length == 1) {\n var tmp = sel[0];\n if (typeof tmp == 'object') tmp = tmp.recid + ', '+ w2utils.lang('Column') +': '+ tmp.column;\n msgLeft = w2utils.lang('Record ID') + ': '+ tmp + ' ';\n }\n }\n $('#grid_'+ this.name +'_footer .w2ui-footer-left').html(msgLeft);\n // toolbar\n if (sel.length == 1) this.toolbar.enable('w2ui-edit'); else this.toolbar.disable('w2ui-edit');\n if (sel.length >= 1) this.toolbar.enable('w2ui-delete'); else this.toolbar.disable('w2ui-delete');\n }\n },\n\n lock: function (msg, showSpinner) {\n var obj = this;\n var args = Array.prototype.slice.call(arguments, 0);\n args.unshift(this.box);\n setTimeout(function () {\n // hide empty msg if any\n $(obj.box).find('#grid_'+ obj.name +'_empty_msg').remove();\n w2utils.lock.apply(window, args);\n }, 10);\n },\n\n unlock: function (speed) {\n var box = this.box;\n setTimeout(function () {\n // do not unlock if there is a message\n if ($(box).find('.w2ui-message').not('.w2ui-closing').length > 0) return;\n w2utils.unlock(box, speed);\n }, 25); // needed timer so if server fast, it will not flash\n },\n\n stateSave: function (returnOnly) {\n var obj = this;\n if (!w2utils.hasLocalStorage) return null;\n var state = {\n columns : [],\n show : $.extend({}, this.show),\n last : {\n search : this.last.search,\n multi : this.last.multi,\n logic : this.last.logic,\n label : this.last.label,\n field : this.last.field,\n scrollTop : this.last.scrollTop,\n scrollLeft : this.last.scrollLeft\n },\n sortData : [],\n searchData : []\n };\n var prop_val;\n for (var i = 0; i < this.columns.length; i++) {\n var col = obj.columns[i];\n var col_save_obj = {};\n // iterate properties to save\n Object.keys(obj.stateColProps).forEach(function(prop, idx) {\n if(obj.stateColProps[prop]){\n // check if the property is defined on the column\n if(col[prop] !== undefined){\n prop_val = col[prop];\n } else {\n // use fallback or null\n prop_val = obj.stateColDefaults[prop] || null;\n }\n col_save_obj[prop] = prop_val;\n }\n });\n state.columns.push(col_save_obj);\n }\n for (var i = 0; i < this.sortData.length; i++) state.sortData.push($.extend({}, this.sortData[i]));\n for (var i = 0; i < this.searchData.length; i++) state.searchData.push($.extend({}, this.searchData[i]));\n // save into local storage\n if (returnOnly !== true) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'stateSave', target: this.name, state: state });\n if (edata.isCancelled === true) { if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' }); return; }\n try {\n var savedState = $.parseJSON(localStorage.w2ui || '{}');\n if (!savedState) savedState = {};\n if (!savedState.states) savedState.states = {};\n savedState.states[(this.stateId || this.name)] = state;\n localStorage.w2ui = JSON.stringify(savedState);\n } catch (e) {\n delete localStorage.w2ui;\n return null;\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n return state;\n },\n\n stateRestore: function (newState) {\n var obj = this;\n var url = (typeof this.url != 'object' ? this.url : this.url.get);\n if (!newState) {\n // read it from local storage\n try {\n if (!w2utils.hasLocalStorage) return false;\n var tmp = $.parseJSON(localStorage.w2ui || '{}');\n if (!tmp) tmp = {};\n if (!tmp.states) tmp.states = {};\n newState = tmp.states[(this.stateId || this.name)];\n } catch (e) {\n delete localStorage.w2ui;\n return null;\n }\n }\n // event before\n var edata = this.trigger({ phase: 'before', type: 'stateRestore', target: this.name, state: newState });\n if (edata.isCancelled === true) { if (typeof callBack == 'function') callBack({ status: 'error', message: 'Request aborted.' }); return; }\n // default behavior\n if ($.isPlainObject(newState)) {\n $.extend(this.show, newState.show);\n $.extend(this.last, newState.last);\n var sTop = this.last.scrollTop;\n var sLeft = this.last.scrollLeft;\n for (var c = 0; c < newState.columns.length; c++) {\n var tmp = newState.columns[c];\n var col_index = this.getColumn(tmp.field, true);\n if (col_index !== null) {\n $.extend(this.columns[col_index], tmp);\n // restore column order from saved state\n if (c !== col_index) this.columns.splice(c, 0, this.columns.splice(col_index, 1)[0]);\n }\n }\n this.sortData.splice(0, this.sortData.length);\n for (var c = 0; c < newState.sortData.length; c++) this.sortData.push(newState.sortData[c]);\n this.searchData.splice(0, this.searchData.length);\n for (var c = 0; c < newState.searchData.length; c++) this.searchData.push(newState.searchData[c]);\n // apply sort and search\n setTimeout(function () {\n // needs timeout as records need to be populated\n // ez 10.09.2014 this -->\n if (!url) {\n if (obj.sortData.length > 0) obj.localSort();\n if (obj.searchData.length > 0) obj.localSearch();\n }\n obj.last.scrollTop = sTop;\n obj.last.scrollLeft = sLeft;\n obj.refresh();\n }, 1);\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return true;\n },\n\n stateReset: function () {\n var obj = this;\n this.stateRestore(this.last.state);\n // remove from local storage\n if (w2utils.hasLocalStorage) {\n try {\n var tmp = $.parseJSON(localStorage.w2ui || '{}');\n if (tmp.states && tmp.states[(this.stateId || this.name)]) {\n delete tmp.states[(this.stateId || this.name)];\n }\n localStorage.w2ui = JSON.stringify(tmp);\n } catch (e) {\n delete localStorage.w2ui;\n return null;\n }\n }\n },\n\n parseField: function (obj, field) {\n if (this.nestedFields) {\n var val = '';\n try { // need this to make sure no error in fields\n val = obj;\n var tmp = String(field).split('.');\n for (var i = 0; i < tmp.length; i++) {\n val = val[tmp[i]];\n }\n } catch (event) {\n val = '';\n }\n return val;\n } else {\n return obj ? obj[field] : '';\n }\n },\n\n prepareData: function () {\n var obj = this;\n\n // loops thru records and prepares date and time objects\n for (var r = 0; r < this.records.length; r++) {\n var rec = this.records[r];\n prepareRecord(rec);\n }\n\n // prepare date and time objects for the 'rec' record and its closed children\n function prepareRecord(rec) {\n for (var c = 0; c < obj.columns.length; c++) {\n var column = obj.columns[c];\n if (rec[column.field] == null || typeof column.render != 'string') continue;\n // number\n if (['number', 'int', 'float', 'money', 'currency', 'percent'].indexOf(column.render.split(':')[0]) != -1) {\n if (typeof rec[column.field] != 'number') rec[column.field] = parseFloat(rec[column.field]);\n }\n // date\n if (['date', 'age'].indexOf(column.render.split(':')[0]) != -1) {\n if (!rec[column.field + '_']) {\n var dt = rec[column.field];\n if (w2utils.isInt(dt)) dt = parseInt(dt);\n rec[column.field + '_'] = new Date(dt);\n }\n }\n // time\n if (['time'].indexOf(column.render) != -1) {\n if (w2utils.isTime(rec[column.field])) { // if string\n var tmp = w2utils.isTime(rec[column.field], true);\n var dt = new Date();\n dt.setHours(tmp.hours, tmp.minutes, (tmp.seconds ? tmp.seconds : 0), 0); // sets hours, min, sec, mills\n if (!rec[column.field + '_']) rec[column.field + '_'] = dt;\n } else { // if date object\n var tmp = rec[column.field];\n if (w2utils.isInt(tmp)) tmp = parseInt(tmp);\n var tmp = (tmp != null ? new Date(tmp) : new Date());\n var dt = new Date();\n dt.setHours(tmp.getHours(), tmp.getMinutes(), tmp.getSeconds(), 0); // sets hours, min, sec, mills\n if (!rec[column.field + '_']) rec[column.field + '_'] = dt;\n }\n }\n }\n\n if (rec.w2ui && rec.w2ui.children && rec.w2ui.expanded !== true) {\n // there are closed children, prepare them too.\n for (var r = 0; r < rec.w2ui.children.length; r++) {\n var subRec = rec.w2ui.children[r];\n prepareRecord(subRec);\n }\n }\n }\n },\n\n nextCell: function (index, col_ind, editable) {\n var check = col_ind + 1;\n if (check >= this.columns.length) return null;\n var tmp = this.records[index].w2ui;\n var ccol = this.columns[col_ind];\n // if (tmp && tmp.colspan[ccol.field]) check += parseInt(tmp.colspan[ccol.field]) -1; // colspan of a column\n var col = this.columns[check];\n var span = (tmp && tmp.colspan && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);\n if (col == null) return null;\n if (col && col.hidden || span === 0) return this.nextCell(index, check, editable);\n if (editable) {\n var edit = this.getCellEditable(index, col_ind);\n if (edit == null || ['checkbox', 'check'].indexOf(edit.type) != -1) {\n return this.nextCell(index, check, editable);\n }\n }\n return check;\n },\n\n prevCell: function (index, col_ind, editable) {\n var check = col_ind - 1;\n if (check < 0) return null;\n var tmp = this.records[index].w2ui;\n var col = this.columns[check];\n var span = (tmp && tmp.colspan && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);\n if (col == null) return null;\n if (col && col.hidden || span === 0) return this.prevCell(index, check, editable);\n if (editable) {\n var edit = this.getCellEditable(index, col_ind);\n if (edit == null || ['checkbox', 'check'].indexOf(edit.type) != -1) {\n return this.prevCell(index, check, editable);\n }\n }\n return check;\n },\n\n nextRow: function (ind, col_ind) {\n var sids = this.last.searchIds;\n var ret = null;\n if ((ind + 1 < this.records.length && sids.length === 0) // if there are more records\n || (sids.length > 0 && ind < sids[sids.length-1])) {\n ind++;\n if (sids.length > 0) while (true) {\n if ($.inArray(ind, sids) != -1 || ind > this.records.length) break;\n ind++;\n }\n // colspan\n var tmp = this.records[ind].w2ui;\n var col = this.columns[col_ind];\n var span = (tmp && tmp.colspan && col != null && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);\n if (span === 0) {\n ret = this.nextRow(ind, col_ind);\n } else {\n ret = ind;\n }\n }\n return ret;\n },\n\n prevRow: function (ind, col_ind) {\n var sids = this.last.searchIds;\n var ret = null;\n if ((ind > 0 && sids.length === 0) // if there are more records\n || (sids.length > 0 && ind > sids[0])) {\n ind--;\n if (sids.length > 0) while (true) {\n if ($.inArray(ind, sids) != -1 || ind < 0) break;\n ind--;\n }\n // colspan\n var tmp = this.records[ind].w2ui;\n var col = this.columns[col_ind];\n var span = (tmp && tmp.colspan && col != null && !isNaN(tmp.colspan[col.field]) ? parseInt(tmp.colspan[col.field]) : 1);\n if (span === 0) {\n ret = this.prevRow(ind, col_ind);\n } else {\n ret = ind;\n }\n }\n return ret;\n },\n\n selectionSave: function () {\n this.last._selection = this.getSelection();\n return this.last._selection;\n },\n\n selectionRestore: function (noRefresh) {\n var time = (new Date()).getTime();\n this.last.selection = { indexes: [], columns: {} };\n var sel = this.last.selection;\n var lst = this.last._selection;\n if (lst) for (var i = 0; i < lst.length; i++) {\n if ($.isPlainObject(lst[i])) {\n // selectType: cell\n var tmp = this.get(lst[i].recid, true);\n if (tmp != null) {\n if (sel.indexes.indexOf(tmp) == -1) sel.indexes.push(tmp);\n if (!sel.columns[tmp]) sel.columns[tmp] = [];\n sel.columns[tmp].push(lst[i].column);\n }\n } else {\n // selectType: row\n var tmp = this.get(lst[i], true);\n if (tmp != null) sel.indexes.push(tmp);\n }\n }\n delete this.last._selection;\n if (noRefresh !== true) this.refresh();\n return (new Date()).getTime() - time;\n },\n\n message: function(options, callBack) {\n if (typeof options == 'string') {\n options = {\n width : (options.length < 300 ? 350 : 550),\n height : (options.length < 300 ? 170: 250),\n body : '' + options + '
',\n buttons : '',\n onOpen : function (event) {\n setTimeout(function () {\n $(this.box).find('.w2ui-btn').focus();\n }, 25);\n },\n onClose: function (even) {\n if (typeof callBack == 'function') callBack();\n }\n };\n }\n w2utils.message.call(this, {\n box : this.box,\n path : 'w2ui.' + this.name,\n title : '.w2ui-grid-header:visible',\n body : '.w2ui-grid-box'\n }, options);\n }\n }\n\n $.extend(w2grid.prototype, w2utils.event);\n w2obj.grid = w2grid;\n})(jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2layout - layout widget\n* - $().w2layout - jQuery wrapper\n* - Dependencies: jQuery, w2utils, w2toolbar, w2tabs\n*\n* == changes\n* - negative values for left, right panel\n* - onResize for layout as well as onResizing\n* - panel.callBack - one time\n* - layout.html().replaced(function () {})\n*\n* == NICE TO HAVE ==\n* - onResize for the panel\n* - add more panel title positions (left=rotated, right=rotated, bottom)\n* - bug: when you assign content before previous transition completed.\n*\n************************************************************************/\n\n(function ($) {\n var w2layout = function (options) {\n this.box = null; // DOM Element that holds the element\n this.name = null; // unique name for w2ui\n this.panels = [];\n this.tmp = {};\n this.padding = 1; // panel padding\n this.resizer = 4; // resizer width or height\n this.style = '';\n\n $.extend(true, this, w2obj.layout, options);\n };\n\n var w2panels = ['top', 'left', 'main', 'preview', 'right', 'bottom'];\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2layout = function(method) {\n if ($.isPlainObject(method)) {\n // check name parameter\n if (!w2utils.checkName(method, 'w2layout')) return;\n var panels = method.panels || [];\n var object = new w2layout(method);\n $.extend(object, { handlers: [], panels: [] });\n // add defined panels\n for (var p = 0, len = panels.length; p < len; p++) {\n object.panels[p] = $.extend(true, {}, w2layout.prototype.panel, panels[p]);\n if ($.isPlainObject(object.panels[p].tabs) || $.isArray(object.panels[p].tabs)) initTabs(object, panels[p].type);\n if ($.isPlainObject(object.panels[p].toolbar) || $.isArray(object.panels[p].toolbar)) initToolbar(object, panels[p].type);\n }\n // add all other panels\n for (var p1 = 0; p1 < w2panels.length; p1++) {\n if (object.get(w2panels[p1]) != null) continue;\n object.panels.push($.extend(true, {}, w2layout.prototype.panel, { type: w2panels[p1], hidden: (w2panels[p1] !== 'main'), size: 50 }));\n }\n if ($(this).length > 0) {\n object.render($(this)[0]);\n }\n w2ui[object.name] = object;\n return object;\n\n } else {\n var obj = w2ui[$(this).attr('name')];\n if (!obj) return null;\n if (arguments.length > 0) {\n if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));\n return this;\n } else {\n return obj;\n }\n }\n\n function initTabs(object, panel, tabs) {\n var pan = object.get(panel);\n if (pan != null && tabs == null) tabs = pan.tabs;\n if (pan == null || tabs == null) return false;\n // instanciate tabs\n if ($.isArray(tabs)) tabs = { tabs: tabs };\n $().w2destroy(object.name + '_' + panel + '_tabs'); // destroy if existed\n pan.tabs = $().w2tabs($.extend({}, tabs, { owner: object, name: object.name + '_' + panel + '_tabs' }));\n pan.show.tabs = true;\n return true;\n }\n\n function initToolbar(object, panel, toolbar) {\n var pan = object.get(panel);\n if (pan != null && toolbar == null) toolbar = pan.toolbar;\n if (pan == null || toolbar == null) return false;\n // instanciate toolbar\n if ($.isArray(toolbar)) toolbar = { items: toolbar };\n $().w2destroy(object.name + '_' + panel + '_toolbar'); // destroy if existed\n pan.toolbar = $().w2toolbar($.extend({}, toolbar, { owner: object, name: object.name + '_' + panel + '_toolbar' }));\n pan.show.toolbar = true;\n return true;\n }\n };\n\n // ====================================================\n // -- Implementation of core functionality\n\n w2layout.prototype = {\n onShow : null,\n onHide : null,\n onResizing : null,\n onResizerClick: null,\n onRender : null,\n onRefresh : null,\n onContent : null,\n onResize : null,\n onDestroy : null,\n\n // default setting for a panel\n panel: {\n type : null, // left, right, top, bottom\n title : '',\n size : 100, // width or height depending on panel name\n minSize : 20,\n maxSize : false,\n hidden : false,\n resizable : false,\n overflow : 'auto',\n style : '',\n content : '', // can be String or Object with .render(box) method\n tabs : null,\n toolbar : null,\n width : null, // read only\n height : null, // read only\n show : {\n toolbar : false,\n tabs : false\n },\n callBack : null, // function to call when content is overwritten\n onRefresh : null,\n onShow : null,\n onHide : null\n },\n\n // alias for content\n content: function (panel, data, transition) {\n console.log('NOTICE: layout.content method is deprecated, please use layout.html() instead');\n return this.html(panel, data, transition);\n },\n\n html: function (panel, data, transition) {\n var obj = this;\n var p = this.get(panel);\n var promise = {\n panel : panel,\n html : p.content,\n error : false,\n cancelled : false,\n removed : function (callBack) {\n if (typeof callBack == 'function') {\n p.callBack = callBack\n }\n }\n }\n if (typeof p.callBack == 'function') {\n p.callBack({ panel: panel, content: p.content, new_content: data, transition: transition || 'none' });\n p.callBack = null; // this is one time call back only\n }\n // if it is CSS panel\n if (panel == 'css') {\n $('#layout_'+ obj.name +'_panel_css').html('');\n promise.status = true;\n return promise;\n }\n if (p == null) {\n console.log('ERROR: incorrect panel name. Panel name can be main, left, right, top, bottom, preview or css')\n promise.error = true;\n return promise;\n }\n if (data == null) {\n return promise;\n }\n // event before\n var edata = this.trigger({ phase: 'before', type: 'content', target: panel, object: p, content: data, transition: transition });\n if (edata.isCancelled === true) {\n promise.cancelled = true;\n return promise;\n }\n\n if (data instanceof jQuery) {\n console.log('ERROR: You can not pass jQuery object to w2layout.content() method');\n return promise;\n }\n var pname = '#layout_'+ this.name + '_panel_'+ p.type;\n var current = $(pname + '> .w2ui-panel-content');\n var panelTop = 0;\n if (current.length > 0) {\n $(pname).scrollTop(0);\n panelTop = $(current).position().top;\n }\n if (p.content === '') {\n p.content = data;\n this.refresh(panel);\n } else {\n p.content = data;\n if (!p.hidden) {\n if (transition != null && transition !== '') {\n // apply transition\n var div1 = $(pname + '> .w2ui-panel-content');\n div1.after('');\n var div2 = $(pname + '> .w2ui-panel-content.new-panel');\n div1.css('top', panelTop);\n div2.css('top', panelTop);\n if (typeof data == 'object') {\n data.box = div2[0]; // do not do .render(box);\n data.render();\n } else {\n div2.html(data);\n }\n w2utils.transition(div1[0], div2[0], transition, function () {\n div1.remove();\n div2.removeClass('new-panel');\n div2.css('overflow', p.overflow);\n // make sure only one content left\n $(pname + '> .w2ui-panel-content').slice(1).remove()\n // IE Hack\n obj.resize();\n if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);\n });\n }\n }\n this.refresh(panel);\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n // IE Hack\n obj.resize();\n if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);\n return promise;\n },\n\n message: function(panel, options) {\n var obj = this;\n if (typeof options == 'string') {\n options = {\n width : (options.length < 300 ? 350 : 550),\n height : (options.length < 300 ? 170: 250),\n body : '' + options + '
',\n buttons : '',\n onOpen : function (event) {\n setTimeout(function () {\n $(this.box).find('.w2ui-btn').focus();\n }, 25);\n }\n };\n }\n var p = this.get(panel);\n var $el = $('#layout_'+ this.name + '_panel_'+ p.type);\n var oldOverflow = $el.css('overflow');\n var oldOnClose;\n if (options) {\n if (options.onClose) oldOnClose = options.onClose;\n options.onClose = function (event) {\n if (typeof oldOnClose == 'function') oldOnClose(event);\n event.done(function () {\n $('#layout_'+ obj.name + '_panel_'+ p.type).css('overflow', oldOverflow);\n });\n };\n }\n $('#layout_'+ this.name + '_panel_'+ p.type).css('overflow', 'hidden');\n w2utils.message.call(this, {\n box : $('#layout_'+ this.name + '_panel_'+ p.type),\n param : panel,\n path : 'w2ui.' + this.name,\n title : '.w2ui-panel-title:visible',\n body : '.w2ui-panel-content'\n }, options);\n },\n\n load: function (panel, url, transition, onLoad) {\n var obj = this;\n if (panel == 'css') {\n $.get(url, function (data, status, xhr) { // should always be $.get as it is template\n obj.html(panel, xhr.responseText);\n if (onLoad) onLoad();\n });\n return true;\n }\n if (this.get(panel) != null) {\n $.get(url, function (data, status, xhr) { // should always be $.get as it is template\n obj.html(panel, xhr.responseText, transition);\n if (onLoad) onLoad();\n // IE Hack\n obj.resize();\n if (window.navigator.userAgent.indexOf('MSIE') != -1) setTimeout(function () { obj.resize(); }, 100);\n });\n return true;\n }\n return false;\n },\n\n sizeTo: function (panel, size, instant) {\n var obj = this;\n var pan = obj.get(panel);\n if (pan == null) return false;\n // resize\n $(obj.box).find(' > div > .w2ui-panel')\n .css(w2utils.cssPrefix('transition', (instant !== true ? '.2s' : '0s')));\n setTimeout(function () {\n obj.set(panel, { size: size });\n }, 1);\n // clean\n setTimeout(function () {\n $(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));\n obj.resize();\n }, 500);\n return true;\n },\n\n show: function (panel, immediate) {\n var obj = this;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'show', target: panel, object: this.get(panel), immediate: immediate });\n if (edata.isCancelled === true) return;\n\n var p = obj.get(panel);\n if (p == null) return false;\n p.hidden = false;\n if (immediate === true) {\n $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '1' });\n obj.trigger($.extend(edata, { phase: 'after' }));\n obj.resize();\n } else {\n // resize\n $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });\n $(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '.2s'));\n setTimeout(function () { obj.resize(); }, 1);\n // show\n setTimeout(function() {\n $('#layout_'+ obj.name +'_panel_'+ panel).css({ 'opacity': '1' });\n }, 250);\n // clean\n setTimeout(function () {\n $(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));\n obj.trigger($.extend(edata, { phase: 'after' }));\n obj.resize();\n }, 500);\n }\n return true;\n },\n\n hide: function (panel, immediate) {\n var obj = this;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'hide', target: panel, object: this.get(panel), immediate: immediate });\n if (edata.isCancelled === true) return;\n\n var p = obj.get(panel);\n if (p == null) return false;\n p.hidden = true;\n if (immediate === true) {\n $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });\n obj.trigger($.extend(edata, { phase: 'after' }));\n obj.resize();\n } else {\n // hide\n $(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '.2s'));\n $('#layout_'+ obj.name +'_panel_'+panel).css({ 'opacity': '0' });\n setTimeout(function () { obj.resize(); }, 1);\n // clean\n setTimeout(function () {\n $(obj.box).find(' > div > .w2ui-panel').css(w2utils.cssPrefix('transition', '0s'));\n obj.trigger($.extend(edata, { phase: 'after' }));\n obj.resize();\n }, 500);\n }\n return true;\n },\n\n toggle: function (panel, immediate) {\n var p = this.get(panel);\n if (p == null) return false;\n if (p.hidden) return this.show(panel, immediate); else return this.hide(panel, immediate);\n },\n\n set: function (panel, options) {\n var ind = this.get(panel, true);\n if (ind == null) return false;\n $.extend(this.panels[ind], options);\n // refresh only when content changed\n if (options.content != null || options.resizable != null) {\n this.refresh(panel);\n }\n // show/hide resizer\n this.resize(); // resize is needed when panel size is changed\n return true;\n },\n\n get: function (panel, returnIndex) {\n for (var p = 0; p < this.panels.length; p++) {\n if (this.panels[p].type == panel) {\n if (returnIndex === true) return p; else return this.panels[p];\n }\n }\n return null;\n },\n\n el: function (panel) {\n var el = $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-content');\n if (el.length != 1) return null;\n return el[0];\n },\n\n hideToolbar: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n pan.show.toolbar = false;\n $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-toolbar').hide();\n this.resize();\n },\n\n showToolbar: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n pan.show.toolbar = true;\n $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-toolbar').show();\n this.resize();\n },\n\n toggleToolbar: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n if (pan.show.toolbar) this.hideToolbar(panel); else this.showToolbar(panel);\n },\n\n assignToolbar: function (panel, toolbar) {\n if (typeof toolbar == 'string' && w2ui[toolbar] != null) toolbar = w2ui[toolbar];\n var pan = this.get(panel);\n pan.toolbar = toolbar;\n var tmp = $(this.box).find(panel +'> .w2ui-panel-toolbar');\n if (pan.toolbar != null) {\n if (tmp.find('[name='+ pan.toolbar.name +']').length === 0) {\n tmp.w2render(pan.toolbar);\n } else if (pan.toolbar != null) {\n pan.toolbar.refresh();\n }\n toolbar.owner = this;\n this.showToolbar(panel);\n this.refresh(panel);\n } else {\n tmp.html('');\n this.hideToolbar(panel);\n }\n },\n\n hideTabs: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n pan.show.tabs = false;\n $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-tabs').hide();\n this.resize();\n },\n\n showTabs: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n pan.show.tabs = true;\n $('#layout_'+ this.name +'_panel_'+ panel +'> .w2ui-panel-tabs').show();\n this.resize();\n },\n\n toggleTabs: function (panel) {\n var pan = this.get(panel);\n if (!pan) return;\n if (pan.show.tabs) this.hideTabs(panel); else this.showTabs(panel);\n },\n\n render: function (box) {\n var obj = this;\n // if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection\n var time = (new Date()).getTime();\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'render', target: obj.name, box: box });\n if (edata.isCancelled === true) return;\n\n if (box != null) {\n if ($(obj.box).find('#layout_'+ obj.name +'_panel_main').length > 0) {\n $(obj.box)\n .removeAttr('name')\n .removeClass('w2ui-layout')\n .html('');\n }\n obj.box = box;\n }\n if (!obj.box) return false;\n $(obj.box)\n .attr('name', obj.name)\n .addClass('w2ui-layout')\n .html('');\n if ($(obj.box).length > 0) $(obj.box)[0].style.cssText += obj.style;\n // create all panels\n for (var p1 = 0; p1 < w2panels.length; p1++) {\n var pan = obj.get(w2panels[p1]);\n var html = ''+\n ' '+\n ' '+\n ' '+\n ' '+\n '
'+\n '';\n $(obj.box).find(' > div').append(html);\n // tabs are rendered in refresh()\n }\n $(obj.box).find(' > div')\n .append('');\n obj.refresh(); // if refresh is not called here, the layout will not be available right after initialization\n // process event\n obj.trigger($.extend(edata, { phase: 'after' }));\n // reinit events\n setTimeout(function () { // needed this timeout to allow browser to render first if there are tabs or toolbar\n initEvents();\n obj.resize();\n }, 0);\n return (new Date()).getTime() - time;\n\n function initEvents() {\n obj.tmp.events = {\n resize : function (event) {\n if (w2ui[obj.name] == null) {\n $(window).off('resize.w2ui-'+ obj.name);\n } else {\n w2ui[obj.name].resize();\n }\n },\n resizeStart : resizeStart,\n mouseMove : resizeMove,\n mouseUp : resizeStop\n };\n $(window).on('resize.w2ui-'+ obj.name, obj.tmp.events.resize);\n }\n\n function resizeStart(type, evnt) {\n if (!obj.box) return;\n if (!evnt) evnt = window.event;\n $(document).off('mousemove', obj.tmp.events.mouseMove).on('mousemove', obj.tmp.events.mouseMove);\n $(document).off('mouseup', obj.tmp.events.mouseUp).on('mouseup', obj.tmp.events.mouseUp);\n obj.tmp.resize = {\n type : type,\n x : evnt.screenX,\n y : evnt.screenY,\n diff_x : 0,\n diff_y : 0,\n value : 0\n };\n // lock all panels\n for (var p1 = 0; p1 < w2panels.length; p1++) {\n var $tmp = $(obj.el(w2panels[p1])).parent().find('.w2ui-lock');\n if ($tmp.length > 0) {\n $tmp.attr('locked', 'previous');\n } else {\n obj.lock(w2panels[p1], { opacity: 0 });\n }\n }\n if (type == 'left' || type == 'right') {\n obj.tmp.resize.value = parseInt($('#layout_'+ obj.name +'_resizer_'+ type)[0].style.left);\n }\n if (type == 'top' || type == 'preview' || type == 'bottom') {\n obj.tmp.resize.value = parseInt($('#layout_'+ obj.name +'_resizer_'+ type)[0].style.top);\n }\n }\n\n function resizeStop(evnt) {\n if (!obj.box) return;\n if (!evnt) evnt = window.event;\n $(document).off('mousemove', obj.tmp.events.mouseMove);\n $(document).off('mouseup', obj.tmp.events.mouseUp);\n if (obj.tmp.resize == null) return;\n // unlock all panels\n for (var p1 = 0; p1 < w2panels.length; p1++) {\n var $tmp = $(obj.el(w2panels[p1])).parent().find('.w2ui-lock');\n if ($tmp.attr('locked') == 'previous') {\n $tmp.removeAttr('locked');\n } else {\n obj.unlock(w2panels[p1]);\n }\n }\n // set new size\n if (obj.tmp.diff_x !== 0 || obj.tmp.resize.diff_y !== 0) { // only recalculate if changed\n var ptop = obj.get('top');\n var pbottom = obj.get('bottom');\n var panel = obj.get(obj.tmp.resize.type);\n var height = parseInt($(obj.box).height());\n var width = parseInt($(obj.box).width());\n var str = String(panel.size);\n var ns, nd;\n switch (obj.tmp.resize.type) {\n case 'top':\n ns = parseInt(panel.sizeCalculated) + obj.tmp.resize.diff_y;\n nd = 0;\n break;\n case 'bottom':\n ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_y;\n nd = 0;\n break;\n case 'preview':\n ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_y;\n nd = (ptop && !ptop.hidden ? ptop.sizeCalculated : 0) +\n (pbottom && !pbottom.hidden ? pbottom.sizeCalculated : 0);\n break;\n case 'left':\n ns = parseInt(panel.sizeCalculated) + obj.tmp.resize.diff_x;\n nd = 0;\n break;\n case 'right':\n ns = parseInt(panel.sizeCalculated) - obj.tmp.resize.diff_x;\n nd = 0;\n break;\n }\n // set size\n if (str.substr(str.length-1) == '%') {\n panel.size = Math.floor(ns * 100 / (panel.type == 'left' || panel.type == 'right' ? width : height - nd) * 100) / 100 + '%';\n } else {\n if (String(panel.size).substr(0, 1) == '-') {\n panel.size = parseInt(panel.size) - panel.sizeCalculated + ns;\n } else {\n panel.size = ns;\n }\n }\n obj.resize();\n }\n $('#layout_'+ obj.name + '_resizer_'+ obj.tmp.resize.type).removeClass('active');\n delete obj.tmp.resize;\n }\n\n function resizeMove(evnt) {\n if (!obj.box) return;\n if (!evnt) evnt = window.event;\n if (obj.tmp.resize == null) return;\n var panel = obj.get(obj.tmp.resize.type);\n // event before\n var tmp = obj.tmp.resize;\n var edata = obj.trigger({ phase: 'before', type: 'resizing', target: obj.name, object: panel, originalEvent: evnt,\n panel: tmp ? tmp.type : 'all', diff_x: tmp ? tmp.diff_x : 0, diff_y: tmp ? tmp.diff_y : 0 });\n if (edata.isCancelled === true) return;\n\n var p = $('#layout_'+ obj.name + '_resizer_'+ tmp.type);\n var resize_x = (evnt.screenX - tmp.x);\n var resize_y = (evnt.screenY - tmp.y);\n var mainPanel = obj.get('main');\n\n if (!p.hasClass('active')) p.addClass('active');\n\n switch (tmp.type) {\n case 'left':\n if (panel.minSize - resize_x > panel.width) {\n resize_x = panel.minSize - panel.width;\n }\n if (panel.maxSize && (panel.width + resize_x > panel.maxSize)) {\n resize_x = panel.maxSize - panel.width;\n }\n if (mainPanel.minSize + resize_x > mainPanel.width) {\n resize_x = mainPanel.width - mainPanel.minSize;\n }\n break;\n\n case 'right':\n if (panel.minSize + resize_x > panel.width) {\n resize_x = panel.width - panel.minSize;\n }\n if (panel.maxSize && (panel.width - resize_x > panel.maxSize)) {\n resize_x = panel.width - panel.maxSize;\n }\n if (mainPanel.minSize - resize_x > mainPanel.width) {\n resize_x = mainPanel.minSize - mainPanel.width;\n }\n break;\n\n case 'top':\n if (panel.minSize - resize_y > panel.height) {\n resize_y = panel.minSize - panel.height;\n }\n if (panel.maxSize && (panel.height + resize_y > panel.maxSize)) {\n resize_y = panel.maxSize - panel.height;\n }\n if (mainPanel.minSize + resize_y > mainPanel.height) {\n resize_y = mainPanel.height - mainPanel.minSize;\n }\n break;\n\n case 'preview':\n case 'bottom':\n if (panel.minSize + resize_y > panel.height) {\n resize_y = panel.height - panel.minSize;\n }\n if (panel.maxSize && (panel.height - resize_y > panel.maxSize)) {\n resize_y = panel.height - panel.maxSize;\n }\n if (mainPanel.minSize - resize_y > mainPanel.height) {\n resize_y = mainPanel.minSize - mainPanel.height;\n }\n break;\n }\n tmp.diff_x = resize_x;\n tmp.diff_y = resize_y;\n\n switch (tmp.type) {\n case 'top':\n case 'preview':\n case 'bottom':\n tmp.diff_x = 0;\n if (p.length > 0) p[0].style.top = (tmp.value + tmp.diff_y) + 'px';\n break;\n\n case 'left':\n case 'right':\n tmp.diff_y = 0;\n if (p.length > 0) p[0].style.left = (tmp.value + tmp.diff_x) + 'px';\n break;\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n },\n\n refresh: function (panel) {\n var obj = this;\n // if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection\n if (panel == null) panel = null;\n var time = (new Date()).getTime();\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'refresh', target: (panel != null ? panel : obj.name), object: obj.get(panel) });\n if (edata.isCancelled === true) return;\n // obj.unlock(panel);\n if (typeof panel == 'string') {\n var p = obj.get(panel);\n if (p == null) return;\n var pname = '#layout_'+ obj.name + '_panel_'+ p.type;\n var rname = '#layout_'+ obj.name +'_resizer_'+ p.type;\n // apply properties to the panel\n $(pname).css({ display: p.hidden ? 'none' : 'block' });\n if (p.resizable) $(rname).show(); else $(rname).hide();\n // insert content\n if (typeof p.content == 'object' && typeof p.content.render === 'function') {\n p.content.box = $(pname +'> .w2ui-panel-content')[0];\n setTimeout(function () {\n // need to remove unnecessary classes\n if ($(pname +'> .w2ui-panel-content').length > 0) {\n $(pname +'> .w2ui-panel-content')\n .removeClass()\n .removeAttr('name')\n .addClass('w2ui-panel-content')\n .css('overflow', p.overflow)[0].style.cssText += ';' + p.style;\n }\n if (p.content && typeof p.content.render == 'function') {\n p.content.render(); // do not do .render(box);\n }\n }, 1);\n } else {\n // need to remove unnecessary classes\n if ($(pname +'> .w2ui-panel-content').length > 0) {\n $(pname +'> .w2ui-panel-content')\n .removeClass()\n .removeAttr('name')\n .addClass('w2ui-panel-content')\n .html(p.content)\n .css('overflow', p.overflow)[0].style.cssText += ';' + p.style;\n }\n }\n // if there are tabs and/or toolbar - render it\n var tmp = $(obj.box).find(pname +'> .w2ui-panel-tabs');\n if (p.show.tabs) {\n if (tmp.find('[name='+ p.tabs.name +']').length === 0 && p.tabs != null) tmp.w2render(p.tabs); else p.tabs.refresh();\n } else {\n tmp.html('').removeClass('w2ui-tabs').hide();\n }\n tmp = $(obj.box).find(pname +'> .w2ui-panel-toolbar');\n if (p.show.toolbar) {\n if (tmp.find('[name='+ p.toolbar.name +']').length === 0 && p.toolbar != null) tmp.w2render(p.toolbar); else p.toolbar.refresh();\n } else {\n tmp.html('').removeClass('w2ui-toolbar').hide();\n }\n // show title\n tmp = $(obj.box).find(pname +'> .w2ui-panel-title');\n if (p.title) {\n tmp.html(p.title).show();\n } else {\n tmp.html('').hide();\n }\n } else {\n if ($('#layout_'+ obj.name +'_panel_main').length === 0) {\n obj.render();\n return;\n }\n obj.resize();\n // refresh all of them\n for (var p1 = 0; p1 < this.panels.length; p1++) { obj.refresh(this.panels[p1].type); }\n }\n obj.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n resize: function () {\n // if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection\n if (!this.box) return false;\n var time = (new Date()).getTime();\n // event before\n var tmp = this.tmp.resize;\n var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name,\n panel: tmp ? tmp.type : 'all', diff_x: tmp ? tmp.diff_x : 0, diff_y: tmp ? tmp.diff_y : 0 });\n if (edata.isCancelled === true) return;\n if (this.padding < 0) this.padding = 0;\n\n // layout itself\n var width = parseInt($(this.box).width());\n var height = parseInt($(this.box).height());\n $(this.box).find(' > div').css({\n width : width + 'px',\n height : height + 'px'\n });\n var obj = this;\n // panels\n var pmain = this.get('main');\n var pprev = this.get('preview');\n var pleft = this.get('left');\n var pright = this.get('right');\n var ptop = this.get('top');\n var pbottom = this.get('bottom');\n var smain = true; // main always on\n var sprev = (pprev != null && pprev.hidden !== true ? true : false);\n var sleft = (pleft != null && pleft.hidden !== true ? true : false);\n var sright = (pright != null && pright.hidden !== true ? true : false);\n var stop = (ptop != null && ptop.hidden !== true ? true : false);\n var sbottom = (pbottom != null && pbottom.hidden !== true ? true : false);\n var l, t, w, h, e;\n // calculate %\n for (var p = 0; p < w2panels.length; p++) {\n if (w2panels[p] === 'main') continue;\n tmp = this.get(w2panels[p]);\n if (!tmp) continue;\n var str = String(tmp.size || 0);\n if (str.substr(str.length-1) == '%') {\n var tmph = height;\n if (tmp.type == 'preview') {\n tmph = tmph -\n (ptop && !ptop.hidden ? ptop.sizeCalculated : 0) -\n (pbottom && !pbottom.hidden ? pbottom.sizeCalculated : 0);\n }\n tmp.sizeCalculated = parseInt((tmp.type == 'left' || tmp.type == 'right' ? width : tmph) * parseFloat(tmp.size) / 100);\n } else {\n tmp.sizeCalculated = parseInt(tmp.size);\n }\n tmp.sizeCalculated = Math.max(tmp.sizeCalculated, parseInt(tmp.minSize));\n }\n // negative size\n if (String(pright.size).substr(0, 1) == '-') {\n if (sleft && String(pleft.size).substr(0, 1) == '-') {\n console.log('ERROR: you cannot have both left panel.size and right panel.size be negative.');\n } else {\n pright.sizeCalculated = width - (sleft ? pleft.sizeCalculated : 0) + parseInt(pright.size);\n }\n }\n if (String(pleft.size).substr(0, 1) == '-') {\n if (sright && pright.size.substr(0, 1) == '-') {\n console.log('ERROR: you cannot have both left panel.size and right panel.size be negative.');\n } else {\n pleft.sizeCalculated = width - (sright ? pright.sizeCalculated : 0) + parseInt(pleft.size);\n }\n }\n // top if any\n if (ptop != null && ptop.hidden !== true) {\n l = 0;\n t = 0;\n w = width;\n h = ptop.sizeCalculated;\n $('#layout_'+ this.name +'_panel_top').css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n }).show();\n ptop.width = w;\n ptop.height = h;\n // resizer\n if (ptop.resizable) {\n t = ptop.sizeCalculated - (this.padding === 0 ? this.resizer : 0);\n h = (this.resizer > this.padding ? this.resizer : this.padding);\n $('#layout_'+ this.name +'_resizer_top').show().css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px',\n 'cursor': 'ns-resize'\n }).off('mousedown').on('mousedown', function (event) {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'top', originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n w2ui[obj.name].tmp.events.resizeStart('top', event);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n return false;\n });\n }\n } else {\n $('#layout_'+ this.name +'_panel_top').hide();\n $('#layout_'+ this.name +'_resizer_top').hide();\n }\n // left if any\n if (pleft != null && pleft.hidden !== true) {\n l = 0;\n t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);\n w = pleft.sizeCalculated;\n h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -\n (sbottom ? pbottom.sizeCalculated + this.padding : 0);\n e = $('#layout_'+ this.name +'_panel_left');\n if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack\n e.css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n }).show();\n pleft.width = w;\n pleft.height = h;\n // resizer\n if (pleft.resizable) {\n l = pleft.sizeCalculated - (this.padding === 0 ? this.resizer : 0);\n w = (this.resizer > this.padding ? this.resizer : this.padding);\n $('#layout_'+ this.name +'_resizer_left').show().css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px',\n 'cursor': 'ew-resize'\n }).off('mousedown').on('mousedown', function (event) {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'left', originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n w2ui[obj.name].tmp.events.resizeStart('left', event);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n return false;\n });\n }\n } else {\n $('#layout_'+ this.name +'_panel_left').hide();\n $('#layout_'+ this.name +'_resizer_left').hide();\n }\n // right if any\n if (pright != null && pright.hidden !== true) {\n l = width - pright.sizeCalculated;\n t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);\n w = pright.sizeCalculated;\n h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -\n (sbottom ? pbottom.sizeCalculated + this.padding : 0);\n $('#layout_'+ this.name +'_panel_right').css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n }).show();\n pright.width = w;\n pright.height = h;\n // resizer\n if (pright.resizable) {\n l = l - this.padding;\n w = (this.resizer > this.padding ? this.resizer : this.padding);\n $('#layout_'+ this.name +'_resizer_right').show().css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px',\n 'cursor': 'ew-resize'\n }).off('mousedown').on('mousedown', function (event) {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'right', originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n w2ui[obj.name].tmp.events.resizeStart('right', event);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n return false;\n });\n }\n } else {\n $('#layout_'+ this.name +'_panel_right').hide();\n $('#layout_'+ this.name +'_resizer_right').hide();\n }\n // bottom if any\n if (pbottom != null && pbottom.hidden !== true) {\n l = 0;\n t = height - pbottom.sizeCalculated;\n w = width;\n h = pbottom.sizeCalculated;\n $('#layout_'+ this.name +'_panel_bottom').css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n }).show();\n pbottom.width = w;\n pbottom.height = h;\n // resizer\n if (pbottom.resizable) {\n t = t - (this.padding === 0 ? 0 : this.padding);\n h = (this.resizer > this.padding ? this.resizer : this.padding);\n $('#layout_'+ this.name +'_resizer_bottom').show().css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px',\n 'cursor': 'ns-resize'\n }).off('mousedown').on('mousedown', function (event) {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'bottom', originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n w2ui[obj.name].tmp.events.resizeStart('bottom', event);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n return false;\n });\n }\n } else {\n $('#layout_'+ this.name +'_panel_bottom').hide();\n $('#layout_'+ this.name +'_resizer_bottom').hide();\n }\n // main - always there\n l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);\n t = 0 + (stop ? ptop.sizeCalculated + this.padding : 0);\n w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -\n (sright ? pright.sizeCalculated + this.padding: 0);\n h = height - (stop ? ptop.sizeCalculated + this.padding : 0) -\n (sbottom ? pbottom.sizeCalculated + this.padding : 0) -\n (sprev ? pprev.sizeCalculated + this.padding : 0);\n e = $('#layout_'+ this.name +'_panel_main');\n if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack\n e.css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n });\n pmain.width = w;\n pmain.height = h;\n\n // preview if any\n if (pprev != null && pprev.hidden !== true) {\n l = 0 + (sleft ? pleft.sizeCalculated + this.padding : 0);\n t = height - (sbottom ? pbottom.sizeCalculated + this.padding : 0) - pprev.sizeCalculated;\n w = width - (sleft ? pleft.sizeCalculated + this.padding : 0) -\n (sright ? pright.sizeCalculated + this.padding : 0);\n h = pprev.sizeCalculated;\n e = $('#layout_'+ this.name +'_panel_preview');\n if (window.navigator.userAgent.indexOf('MSIE') != -1 && e.length > 0 && e[0].clientHeight < e[0].scrollHeight) w += 17; // IE hack\n e.css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px'\n }).show();\n pprev.width = w;\n pprev.height = h;\n // resizer\n if (pprev.resizable) {\n t = t - (this.padding === 0 ? 0 : this.padding);\n h = (this.resizer > this.padding ? this.resizer : this.padding);\n $('#layout_'+ this.name +'_resizer_preview').show().css({\n 'display': 'block',\n 'left': l + 'px',\n 'top': t + 'px',\n 'width': w + 'px',\n 'height': h + 'px',\n 'cursor': 'ns-resize'\n }).off('mousedown').on('mousedown', function (event) {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'resizerClick', target: 'preview', originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n w2ui[obj.name].tmp.events.resizeStart('preview', event);\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n return false;\n });\n }\n } else {\n $('#layout_'+ this.name +'_panel_preview').hide();\n $('#layout_'+ this.name +'_resizer_preview').hide();\n }\n\n // display tabs and toolbar if needed\n for (var p1 = 0; p1 < w2panels.length; p1++) {\n var pan = this.get(w2panels[p1]);\n var tmp2 = '#layout_'+ this.name +'_panel_'+ w2panels[p1] +' > .w2ui-panel-';\n var tabHeight = 0;\n if (pan) {\n if (pan.title) {\n tabHeight += w2utils.getSize($(tmp2 + 'title').css({ top: tabHeight + 'px', display: 'block' }), 'height');\n }\n if (pan.show.tabs) {\n if (pan.tabs != null && w2ui[this.name +'_'+ w2panels[p1] +'_tabs']) w2ui[this.name +'_'+ w2panels[p1] +'_tabs'].resize();\n tabHeight += w2utils.getSize($(tmp2 + 'tabs').css({ top: tabHeight + 'px', display: 'block' }), 'height');\n }\n if (pan.show.toolbar) {\n if (pan.toolbar != null && w2ui[this.name +'_'+ w2panels[p1] +'_toolbar']) w2ui[this.name +'_'+ w2panels[p1] +'_toolbar'].resize();\n tabHeight += w2utils.getSize($(tmp2 + 'toolbar').css({ top: tabHeight + 'px', display: 'block' }), 'height');\n }\n }\n $(tmp2 + 'content').css({ display: 'block' }).css({ top: tabHeight + 'px' });\n }\n // send resize to all objects\n clearTimeout(this._resize_timer);\n this._resize_timer = setTimeout(function () {\n for (var e in w2ui) {\n if (typeof w2ui[e].resize == 'function') {\n // sent to all none-layouts\n if (w2ui[e].panels == null) w2ui[e].resize();\n // only send to nested layouts\n var parent = $(w2ui[e].box).parents('.w2ui-layout');\n if (parent.length > 0 && parent.attr('name') == obj.name) w2ui[e].resize();\n }\n }\n }, 100);\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n destroy: function () {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });\n if (edata.isCancelled === true) return;\n if (w2ui[this.name] == null) return false;\n // clean up\n if ($(this.box).find('#layout_'+ this.name +'_panel_main').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-layout')\n .html('');\n }\n delete w2ui[this.name];\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n if (this.tmp.events && this.tmp.events.resize) $(window).off('resize', this.tmp.events.resize);\n return true;\n },\n\n lock: function (panel, msg, showSpinner) {\n if (w2panels.indexOf(panel) == -1) {\n console.log('ERROR: First parameter needs to be the a valid panel name.');\n return;\n }\n var args = Array.prototype.slice.call(arguments, 0);\n args[0] = '#layout_'+ this.name + '_panel_' + panel;\n w2utils.lock.apply(window, args);\n },\n\n unlock: function (panel, speed) {\n if (w2panels.indexOf(panel) == -1) {\n console.log('ERROR: First parameter needs to be the a valid panel name.');\n return;\n }\n var nm = '#layout_'+ this.name + '_panel_' + panel;\n w2utils.unlock(nm, speed);\n }\n };\n\n $.extend(w2layout.prototype, w2utils.event);\n w2obj.layout = w2layout;\n})(jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2popup - popup widget\n* - $().w2popup - jQuery wrapper\n* - Dependencies: jQuery, w2utils\n*\n* == changes\n* - added onMove event\n* - w2prompt.options.ok_class, cancel_class\n* - w2confirm.options.onOpen, w2confirm.options.onClose\n* - w2prompt.options.onOpen, w2prompt.options.onClose\n* - w2popup.actions, w2popup.action, w2popup.onAction\n* - w2popup.onMsgOpen, w2popup.onMsgClose\n* - options.multiple\n*\n* == NICE TO HAVE ==\n* - hide overlay on esc\n* - make popup width/height in %\n*\n************************************************************************/\n\nvar w2popup = {};\n\n(function ($) {\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2popup = function(method, options) {\n if (method == null) {\n options = {};\n method = 'open';\n }\n if ($.isPlainObject(method)) {\n options = method;\n method = 'open';\n }\n method = method.toLowerCase();\n if (method === 'load' && typeof options === 'string') {\n options = $.extend({ url: options }, arguments.length > 2 ? arguments[2] : {});\n }\n if (method === 'open' && options.url != null) method = 'load';\n options = options || {};\n // load options from markup\n var dlgOptions = {};\n if ($(this).length > 0 && method == 'open') {\n if ($(this).find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {\n // remember previous tempalte\n if ($('#w2ui-popup').length > 0) {\n var tmp = $('#w2ui-popup').data('options');\n w2popup._prev = {\n template : w2popup._template,\n title : tmp.title,\n body : tmp.body,\n buttons : tmp.buttons\n };\n }\n w2popup._template = this;\n\n if ($(this).find('div[rel=title]').length > 0) {\n dlgOptions['title'] = $(this).find('div[rel=title]');\n }\n if ($(this).find('div[rel=body]').length > 0) {\n dlgOptions['body'] = $(this).find('div[rel=body]');\n dlgOptions['style'] = $(this).find('div[rel=body]')[0].style.cssText;\n }\n if ($(this).find('div[rel=buttons]').length > 0) {\n dlgOptions['buttons'] = $(this).find('div[rel=buttons]');\n }\n } else {\n dlgOptions['title'] = ' ';\n dlgOptions['body'] = $(this).html();\n }\n if (parseInt($(this).css('width')) !== 0) dlgOptions['width'] = parseInt($(this).css('width'));\n //if the popup will have a title bar, we must add the height of title bar to the popup height\n var hasTitlebar = options.title || (options.showClose || options.showClose === undefined) || (options.showMax || options.showMax === undefined) ;\n if (parseInt($(this).css('height')) !== 0) dlgOptions['height'] = parseInt($(this).css('height')) + (hasTitlebar?32:0);\n }\n // show popup\n return w2popup[method]($.extend({}, dlgOptions, options));\n };\n\n // ====================================================\n // -- Implementation of core functionality (SINGLETON)\n\n w2popup = {\n defaults: {\n title : '',\n body : '',\n buttons : '',\n style : '',\n color : '#000',\n opacity : 0.4,\n speed : 0.3,\n modal : false,\n maximized : false,\n keyboard : true, // will close popup on esc if not modal\n width : 500,\n height : 300,\n showClose : true,\n showMax : false,\n transition: null,\n multiple : false // if popup already open, opens as a message\n },\n status : 'closed', // string that describes current status\n handlers : [],\n onOpen : null,\n onClose : null,\n onMax : null,\n onMin : null,\n onToggle : null,\n onKeydown : null,\n\n open: function (options) {\n var obj = this;\n var orig_options = $.extend(true, {}, options);\n if (w2popup.status == 'closing') {\n setTimeout(function () { obj.open.call(obj, options); }, 100);\n return;\n }\n // get old options and merge them\n var old_options = $('#w2ui-popup').data('options');\n var options = $.extend({}, this.defaults, old_options, { title: '', body : '', buttons: '' }, options, { maximized: false });\n // need timer because popup might not be open\n setTimeout(function () { $('#w2ui-popup').data('options', options); }, 100);\n // if new - reset event handlers\n if ($('#w2ui-popup').length === 0) {\n // w2popup.handlers = []; // if commented, allows to add w2popup.on() for all\n w2popup.onMax = null;\n w2popup.onMin = null;\n w2popup.onToggle = null;\n w2popup.onOpen = null;\n w2popup.onClose = null;\n w2popup.onKeydown = null;\n w2popup.onAction = null;\n }\n if (options.onOpen) w2popup.onOpen = options.onOpen;\n if (options.onClose) w2popup.onClose = options.onClose;\n if (options.onMax) w2popup.onMax = options.onMax;\n if (options.onMin) w2popup.onMin = options.onMin;\n if (options.onToggle) w2popup.onToggle = options.onToggle;\n if (options.onKeydown) w2popup.onKeydown = options.onKeydown;\n if (options.onAction) w2popup.onAction = options.onAction;\n options.width = parseInt(options.width);\n options.height = parseInt(options.height);\n\n var maxW, maxH;\n if (window.innerHeight == undefined) {\n maxW = parseInt(document.documentElement.offsetWidth);\n maxH = parseInt(document.documentElement.offsetHeight);\n if (w2utils.engine === 'IE7') { maxW += 21; maxH += 4; }\n } else {\n maxW = parseInt(window.innerWidth);\n maxH = parseInt(window.innerHeight);\n }\n if (maxW - 10 < options.width) options.width = maxW - 10;\n if (maxH - 10 < options.height) options.height = maxH - 10;\n var top = (maxH - options.height) / 2 * 0.6;\n var left = (maxW - options.width) / 2;\n\n // convert action arrays into buttons\n if (options.actions != null) {\n options.buttons = '';\n Object.keys(options.actions).forEach(function (action) {\n var handler = options.actions[action];\n if (typeof handler == 'function') {\n options.buttons += ''\n }\n if (typeof handler == 'object') {\n options.buttons += ''\n }\n if (typeof handler == 'string') {\n options.buttons += handler\n }\n });\n }\n\n // check if message is already displayed\n if ($('#w2ui-popup').length === 0) {\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: false });\n if (edata.isCancelled === true) return;\n w2popup.status = 'opening';\n // output message\n w2popup.lockScreen(options);\n var btn = '';\n if (options.showClose) {\n btn += '';\n }\n if (options.showMax) {\n btn += '';\n }\n // first insert just body\n var msg = '';\n $('body').append(msg);\n // parse rel=*\n var parts = $('#w2ui-popup');\n if (parts.find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {\n // title\n var tmp = parts.find('div[rel=title]');\n if (tmp.length > 0) { options.title = tmp.html(); tmp.remove(); }\n // buttons\n var tmp = parts.find('div[rel=buttons]');\n if (tmp.length > 0) { options.buttons = tmp.html(); tmp.remove(); }\n // body\n var tmp = parts.find('div[rel=body]');\n if (tmp.length > 0) options.body = tmp.html(); else options.body = parts.html();\n }\n // then content\n var msg = '' + btn + '
'+\n ''+\n '
'+\n ''+\n ''; // this is needed to keep focus in popup\n $('#w2ui-popup').html(msg);\n\n if (options.title) $('#w2ui-popup .w2ui-popup-title').append(options.title);\n if (options.buttons) $('#w2ui-popup .w2ui-popup-buttons').append(options.buttons);\n if (options.body) $('#w2ui-popup .w2ui-popup-body').append(options.body);\n\n // allow element to render\n setTimeout(function () {\n $('#w2ui-popup')\n .css('opacity', '1')\n .css(w2utils.cssPrefix({\n 'transition': options.speed + 's opacity, ' + options.speed + 's -webkit-transform',\n 'transform' : 'scale(1)'\n }));\n obj.focus();\n }, 1);\n // clean transform\n setTimeout(function () {\n $('#w2ui-popup').css(w2utils.cssPrefix('transform', ''));\n }, options.speed * 1000);\n // event after\n w2popup.status = 'open';\n obj.trigger($.extend(edata, { phase: 'after' }));\n\n } else if (options.multiple === true) {\n // popup is not compatible with w2popup.message\n w2popup.message(orig_options)\n } else {\n // if was from template and now not\n if (w2popup._prev == null && w2popup._template != null) obj.restoreTemplate();\n\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'open', target: 'popup', options: options, present: true });\n if (edata.isCancelled === true) return;\n // check if size changed\n w2popup.status = 'opening';\n if (old_options != null) {\n if (!old_options.maximized && (old_options['width'] != options['width'] || old_options['height'] != options['height'])) {\n w2popup.resize(options.width, options.height);\n }\n options.prevSize = options.width + 'px:' + options.height + 'px';\n options.maximized = old_options.maximized;\n }\n // show new items\n var cloned = $('#w2ui-popup .w2ui-box').clone();\n cloned.removeClass('w2ui-box').addClass('w2ui-box-temp').find('.w2ui-popup-body').empty().append(options.body);\n // parse rel=*\n if (typeof options.body == 'string' && cloned.find('div[rel=title], div[rel=body], div[rel=buttons]').length > 0) {\n // title\n var tmp = cloned.find('div[rel=title]');\n if (tmp.length > 0) { options['title'] = tmp.html(); tmp.remove(); }\n // buttons\n var tmp = cloned.find('div[rel=buttons]');\n if (tmp.length > 0) { options['buttons'] = tmp.html(); tmp.remove(); }\n // body\n var tmp = cloned.find('div[rel=body]');\n if (tmp.length > 0) options['body'] = tmp.html(); else options['body'] = cloned.html();\n // set proper body\n cloned.html(options.body);\n }\n $('#w2ui-popup .w2ui-box').after(cloned);\n\n if (options.buttons) {\n $('#w2ui-popup .w2ui-popup-buttons').show().html('').append(options.buttons);\n $('#w2ui-popup .w2ui-popup-body').removeClass('w2ui-popup-no-buttons');\n $('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('bottom', '');\n } else {\n $('#w2ui-popup .w2ui-popup-buttons').hide().html('');\n $('#w2ui-popup .w2ui-popup-body').addClass('w2ui-popup-no-buttons');\n $('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('bottom', '0px');\n }\n if (options.title) {\n $('#w2ui-popup .w2ui-popup-title')\n .show()\n .html((options.showClose ? '' : '') +\n (options.showMax ? '' : ''))\n .append(options.title);\n $('#w2ui-popup .w2ui-popup-body').removeClass('w2ui-popup-no-title');\n $('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('top', '');\n } else {\n $('#w2ui-popup .w2ui-popup-title').hide().html('');\n $('#w2ui-popup .w2ui-popup-body').addClass('w2ui-popup-no-title');\n $('#w2ui-popup .w2ui-box, #w2ui-popup .w2ui-box-temp').css('top', '0px');\n }\n // transition\n var div_old = $('#w2ui-popup .w2ui-box')[0];\n var div_new = $('#w2ui-popup .w2ui-box-temp')[0];\n w2utils.transition(div_old, div_new, options.transition, function () {\n // clean up\n obj.restoreTemplate();\n $(div_old).remove();\n $(div_new).removeClass('w2ui-box-temp').addClass('w2ui-box');\n var $body = $(div_new).find('.w2ui-popup-body');\n if ($body.length == 1) $body[0].style.cssText = options.style;\n // remove max state\n $('#w2ui-popup').data('prev-size', null);\n // focus on first button\n obj.focus();\n });\n // call event onOpen\n w2popup.status = 'open';\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n\n // save new options\n options._last_focus = $(':focus');\n // keyboard events\n if (options.keyboard) $(document).on('keydown', this.keydown);\n\n // initialize move\n var tmp = {\n resizing : false,\n mvMove : mvMove,\n mvStop : mvStop\n };\n $('#w2ui-popup .w2ui-popup-title').on('mousedown', function (event) {\n if (!w2popup.get().maximized) mvStart(event);\n });\n\n return this;\n\n // handlers\n function mvStart(evnt) {\n if (!evnt) evnt = window.event;\n w2popup.status = 'moving';\n tmp.resizing = true;\n tmp.isLocked = $('#w2ui-popup > .w2ui-lock').length == 1 ? true : false;\n tmp.x = evnt.screenX;\n tmp.y = evnt.screenY;\n tmp.pos_x = $('#w2ui-popup').position().left;\n tmp.pos_y = $('#w2ui-popup').position().top;\n if (!tmp.isLocked) w2popup.lock({ opacity: 0 });\n $(document).on('mousemove', tmp.mvMove);\n $(document).on('mouseup', tmp.mvStop);\n if (evnt.stopPropagation) evnt.stopPropagation(); else evnt.cancelBubble = true;\n if (evnt.preventDefault) evnt.preventDefault(); else return false;\n }\n\n function mvMove(evnt) {\n if (tmp.resizing != true) return;\n if (!evnt) evnt = window.event;\n tmp.div_x = evnt.screenX - tmp.x;\n tmp.div_y = evnt.screenY - tmp.y;\n // trigger event\n var edata = w2popup.trigger({ phase: 'before', type: 'move', target: 'popup', div_x: tmp.div_x, div_y: tmp.div_y });\n if (edata.isCancelled === true) return;\n // default behavior\n $('#w2ui-popup').css(w2utils.cssPrefix({\n 'transition': 'none',\n 'transform' : 'translate3d('+ tmp.div_x +'px, '+ tmp.div_y +'px, 0px)'\n }));\n // event after\n w2popup.trigger($.extend(edata, { phase: 'after'}));\n }\n\n function mvStop(evnt) {\n if (tmp.resizing != true) return;\n if (!evnt) evnt = window.event;\n w2popup.status = 'open';\n tmp.div_x = (evnt.screenX - tmp.x);\n tmp.div_y = (evnt.screenY - tmp.y);\n $('#w2ui-popup').css({\n 'left': (tmp.pos_x + tmp.div_x) + 'px',\n 'top' : (tmp.pos_y + tmp.div_y) + 'px'\n }).css(w2utils.cssPrefix({\n 'transition': 'none',\n 'transform' : 'translate3d(0px, 0px, 0px)'\n }));\n tmp.resizing = false;\n $(document).off('mousemove', tmp.mvMove);\n $(document).off('mouseup', tmp.mvStop);\n if (!tmp.isLocked) w2popup.unlock();\n }\n },\n\n action: function (action, msgId) {\n var obj = this;\n var options = $('#w2ui-popup').data('options');\n if (msgId != null) {\n options = $('#w2ui-message' + msgId).data('options');\n obj = {\n parent: this,\n options: options,\n close: function () {\n w2popup.message({ msgId: msgId })\n }\n }\n }\n var act = options.actions[action];\n var click = act;\n if ($.isPlainObject(act) && act.onClick) click = act.onClick;\n // event before\n var edata = this.trigger({ phase: 'before', target: action, msgId: msgId, type: 'action', action: act, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default actions\n if (typeof click === 'function') click.call(obj, event);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n keydown: function (event) {\n var options = $('#w2ui-popup').data('options');\n if (options && !options.keyboard) return;\n // trigger event\n var edata = w2popup.trigger({ phase: 'before', type: 'keydown', target: 'popup', options: options, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default behavior\n switch (event.keyCode) {\n case 27:\n event.preventDefault();\n if ($('#w2ui-popup .w2ui-message').length > 0) w2popup.message(); else w2popup.close();\n break;\n }\n // event after\n w2popup.trigger($.extend(edata, { phase: 'after'}));\n },\n\n close: function (options) {\n var obj = this;\n var options = $.extend({}, $('#w2ui-popup').data('options'), options);\n if ($('#w2ui-popup').length === 0 || this.status == 'closed') return;\n if (this.status == 'opening') {\n setTimeout(function () { w2popup.close(); }, 100);\n return;\n }\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'close', target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n // default behavior\n w2popup.status = 'closing';\n $('#w2ui-popup')\n .css('opacity', '0')\n .css(w2utils.cssPrefix({\n 'transition': options.speed + 's opacity, ' + options.speed + 's -webkit-transform',\n 'transform' : 'scale(0.9)'\n }));\n w2popup.unlockScreen(options);\n setTimeout(function () {\n // return template\n obj.restoreTemplate();\n $('#w2ui-popup').remove();\n w2popup.status = 'closed';\n // restore active\n if (options._last_focus && options._last_focus.length > 0) options._last_focus.focus();\n // event after\n obj.trigger($.extend(edata, { phase: 'after'}));\n }, options.speed * 1000);\n // remove keyboard events\n if (options.keyboard) $(document).off('keydown', this.keydown);\n },\n\n toggle: function () {\n var obj = this;\n var options = $('#w2ui-popup').data('options');\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'toggle', target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n // defatul action\n if (options.maximized === true) w2popup.min(); else w2popup.max();\n // event after\n setTimeout(function () {\n obj.trigger($.extend(edata, { phase: 'after'}));\n }, (options.speed * 1000) + 50);\n },\n\n max: function () {\n var obj = this;\n var options = $('#w2ui-popup').data('options');\n if (options.maximized === true) return;\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'max', target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n // default behavior\n w2popup.status = 'resizing';\n options.prevSize = $('#w2ui-popup').css('width') + ':' + $('#w2ui-popup').css('height');\n // do resize\n w2popup.resize(10000, 10000, function () {\n w2popup.status = 'open';\n options.maximized = true;\n obj.trigger($.extend(edata, { phase: 'after'}));\n // resize gird, form, layout inside popup\n $('#w2ui-popup .w2ui-grid, #w2ui-popup .w2ui-form, #w2ui-popup .w2ui-layout').each(function () {\n var name = $(this).attr('name');\n if (w2ui[name] && w2ui[name].resize) w2ui[name].resize();\n })\n });\n },\n\n min: function () {\n var obj = this;\n var options = $('#w2ui-popup').data('options');\n if (options.maximized !== true) return;\n var size = options.prevSize.split(':');\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'min', target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n // default behavior\n w2popup.status = 'resizing';\n // do resize\n w2popup.resize(parseInt(size[0]), parseInt(size[1]), function () {\n w2popup.status = 'open';\n options.maximized = false;\n options.prevSize = null;\n obj.trigger($.extend(edata, { phase: 'after'}));\n // resize gird, form, layout inside popup\n $('#w2ui-popup .w2ui-grid, #w2ui-popup .w2ui-form, #w2ui-popup .w2ui-layout').each(function () {\n var name = $(this).attr('name');\n if (w2ui[name] && w2ui[name].resize) w2ui[name].resize();\n })\n });\n },\n\n get: function () {\n return $('#w2ui-popup').data('options');\n },\n\n set: function (options) {\n w2popup.open(options);\n },\n\n clear: function() {\n $('#w2ui-popup .w2ui-popup-title').html('');\n $('#w2ui-popup .w2ui-popup-body').html('');\n $('#w2ui-popup .w2ui-popup-buttons').html('');\n },\n\n reset: function () {\n w2popup.open(w2popup.defaults);\n },\n\n load: function (options) {\n w2popup.status = 'loading';\n if (options.url == null) {\n console.log('ERROR: The url parameter is empty.');\n return;\n }\n var tmp = String(options.url).split('#');\n var url = tmp[0];\n var selector = tmp[1];\n if (options == null) options = {};\n // load url\n var html = $('#w2ui-popup').data(url);\n if (html != null) {\n popup(html, selector);\n } else {\n $.get(url, function (data, status, obj) { // should always be $.get as it is template\n popup(obj.responseText, selector);\n $('#w2ui-popup').data(url, obj.responseText); // remember for possible future purposes\n });\n }\n function popup(html, selector) {\n delete options.url;\n $('body').append('' +\n '
'+\n '' + html + '
');\n if (selector != null && $('#w2ui-tmp #'+selector).length > 0) {\n $('#w2ui-tmp #' + selector).w2popup(options);\n } else {\n $('#w2ui-tmp > div').w2popup(options);\n }\n // link styles\n if ($('#w2ui-tmp > style').length > 0) {\n var style = $('').append($('#w2ui-tmp > style').clone()).html();\n if ($('#w2ui-popup #div-style').length === 0) {\n $('#w2ui-popup').append('');\n }\n $('#w2ui-popup #div-style').html(style);\n }\n $('#w2ui-tmp').remove();\n }\n },\n\n message: function (options) {\n var obj = this;\n $().w2tag(); // hide all tags\n if (!options) options = { width: 200, height: 100 };\n var pWidth = parseInt($('#w2ui-popup').width());\n var pHeight = parseInt($('#w2ui-popup').height());\n options.originalWidth = options.width;\n options.originalHeight = options.height;\n if (parseInt(options.width) < 10) options.width = 10;\n if (parseInt(options.height) < 10) options.height = 10;\n if (options.hideOnClick == null) options.hideOnClick = false;\n var poptions = $('#w2ui-popup').data('options') || {};\n var titleHeight = parseInt($('#w2ui-popup > .w2ui-popup-title').css('height'));\n if (options.width == null || options.width > poptions.width - 10) {\n options.width = poptions.width - 10;\n }\n if (options.height == null || options.height > poptions.height - titleHeight - 5) {\n options.height = poptions.height - titleHeight - 5; // need margin from bottom only\n }\n // negative value means margin\n if (options.originalHeight < 0) options.height = pHeight + options.originalHeight - titleHeight;\n if (options.originalWidth < 0) options.width = pWidth + options.originalWidth * 2; // x 2 because there is left and right margin\n\n var head = $('#w2ui-popup .w2ui-popup-title');\n var msgCount = $('#w2ui-popup .w2ui-message').length;\n\n // convert action arrays into buttons\n if (options.actions != null) {\n options.buttons = '';\n Object.keys(options.actions).forEach(function (action) {\n var handler = options.actions[action];\n if (typeof handler == 'function') {\n options.buttons += ''\n }\n if (typeof handler == 'object') {\n options.buttons += ''\n }\n if (typeof handler == 'string') {\n options.buttons += handler\n }\n });\n }\n\n // remove message\n if ($.trim(options.html) === '' && $.trim(options.body) === '' && $.trim(options.buttons) === '') {\n var $msg = $('#w2ui-popup .w2ui-message').last();\n if (options.msgId != null) {\n $msg = $('#w2ui-message'+ options.msgId);\n }\n var options = $msg.data('options') || {};\n // message close event\n var edata = obj.trigger({ phase: 'before', type: 'msgClose', msgId: $msg.attr('data-msgId'), target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n // start hide transition\n $msg.css(w2utils.cssPrefix({\n 'transition': '0.15s',\n 'transform': 'translateY(-' + options.height + 'px)'\n }));\n var $focus = $('#w2ui-popup .w2ui-message');\n $focus = $($focus[$focus.length - 2])\n .css('z-index', 1500)\n .data('msg-focus');\n if ($focus && $focus.length > 0) $focus.focus(); else obj.focus();\n if (msgCount == 1) w2popup.unlock(150);\n setTimeout(function () {\n $msg.remove();\n // default action\n if (typeof options.onClose == 'function') {\n options.onClose(edata);\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }, 150);\n } else {\n if ($.trim(options.body) !== '' || $.trim(options.buttons) !== '') {\n options.html = ''+\n '';\n }\n // hide previous messages\n $('#w2ui-popup .w2ui-message').css('z-index', 1390).data('msg-focus', $(':focus'));\n head.css('z-index', 1501);\n if (options.close == null) {\n options.close = function () {\n w2popup.message({ msgId: msgCount })\n }\n }\n // add message\n $('#w2ui-popup .w2ui-box')\n .before('');\n $('#w2ui-popup #w2ui-message'+ msgCount).data('options', options);\n var display = $('#w2ui-popup #w2ui-message'+ msgCount).css('display');\n $('#w2ui-popup #w2ui-message'+ msgCount).css(w2utils.cssPrefix({\n 'transform': (display == 'none' ? 'translateY(-' + options.height + 'px)' : 'translateY(0px)')\n }));\n if (display == 'none') {\n $('#w2ui-popup #w2ui-message'+ msgCount).show().html(options.html);\n // timer needs to animation\n setTimeout(function () {\n $('#w2ui-popup #w2ui-message'+ msgCount).css(\n $.extend(\n w2utils.cssPrefix('transition', '.3s', false),\n w2utils.cssPrefix({\n 'transform': (display == 'none' ? 'translateY(0px)' : 'translateY(-' + options.height + 'px)')\n })\n )\n );\n }, 1);\n // timer for lock\n if (msgCount === 0) w2popup.lock();\n // message open event\n var edata = obj.trigger({ phase: 'before', type: 'msgOpen', msgId: msgCount, target: 'popup', options: options });\n if (edata.isCancelled === true) return;\n setTimeout(function() {\n obj.focus();\n // has to be on top of lock\n $('#w2ui-popup #w2ui-message'+ msgCount).css(w2utils.cssPrefix({ 'transition': '0s' }));\n if (typeof options.onOpen == 'function') {\n options.onOpen(edata);\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }, 350);\n }\n }\n },\n\n focus: function () {\n var tmp = null;\n var pop = $('#w2ui-popup');\n var sel = 'input:visible, button:visible, select:visible, textarea:visible, [contentEditable], .w2ui-input';\n // clear previous blur\n $(pop).find(sel).off('.keep-focus');\n // in message or popup\n var cnt = $('#w2ui-popup .w2ui-message').length - 1;\n var msg = $('#w2ui-popup #w2ui-message' + cnt);\n if (msg.length > 0) {\n var btn =$(msg[msg.length - 1]).find('button');\n if (btn.length > 0) btn[0].focus();\n tmp = msg;\n } else if (pop.length > 0) {\n var btn = pop.find('.w2ui-popup-buttons button');\n if (btn.length > 0) btn[0].focus();\n tmp = pop;\n }\n // keep focus/blur inside popup\n $(tmp).find(sel)\n .on('blur.keep-focus', function (event) {\n setTimeout(function () {\n var focus = $(':focus');\n if ((focus.length > 0 && !$(tmp).find(sel).is(focus)) || focus.hasClass('w2ui-popup-hidden')) {\n var el = $(tmp).find(sel);\n if (el.length > 0) el[0].focus();\n }\n }, 1);\n });\n },\n\n lock: function (msg, showSpinner) {\n var args = Array.prototype.slice.call(arguments, 0);\n args.unshift($('#w2ui-popup'));\n w2utils.lock.apply(window, args);\n },\n\n unlock: function (speed) {\n w2utils.unlock($('#w2ui-popup'), speed);\n },\n\n // --- INTERNAL FUNCTIONS\n\n lockScreen: function (options) {\n if ($('#w2ui-lock').length > 0) return false;\n if (options == null) options = $('#w2ui-popup').data('options');\n if (options == null) options = {};\n options = $.extend({}, w2popup.defaults, options);\n // show element\n $('body').append('');\n // lock screen\n setTimeout(function () {\n $('#w2ui-lock')\n .css('opacity', options.opacity)\n .css(w2utils.cssPrefix('transition', options.speed + 's opacity'));\n }, 1);\n // add events\n if (options.modal == true) {\n $('#w2ui-lock').on('mousedown', function () {\n $('#w2ui-lock')\n .css('opacity', '0.6')\n .css(w2utils.cssPrefix('transition', '.1s'));\n });\n $('#w2ui-lock').on('mouseup', function () {\n setTimeout(function () {\n $('#w2ui-lock')\n .css('opacity', options.opacity)\n .css(w2utils.cssPrefix('transition', '.1s'));\n }, 100);\n });\n } else {\n $('#w2ui-lock').on('mousedown', function () { w2popup.close(); });\n }\n return true;\n },\n\n unlockScreen: function (options) {\n if ($('#w2ui-lock').length === 0) return false;\n if (options == null) options = $('#w2ui-popup').data('options');\n if (options == null) options = {};\n options = $.extend({}, w2popup.defaults, options);\n $('#w2ui-lock')\n .css('opacity', '0')\n .css(w2utils.cssPrefix('transition', options.speed + 's opacity'));\n setTimeout(function () {\n $('#w2ui-lock').remove();\n }, options.speed * 1000);\n return true;\n },\n\n resizeMessages: function () {\n var obj = this;\n var options = $('#w2ui-popup').data('options');\n // see if there are messages and resize them\n $('#w2ui-popup .w2ui-message').each(function () {\n var moptions = $(this).data('options');\n var $popup = $('#w2ui-popup');\n if (parseInt(moptions.width) < 10) moptions.width = 10;\n if (parseInt(moptions.height) < 10) moptions.height = 10;\n var titleHeight = parseInt($popup.find('> .w2ui-popup-title').css('height'));\n var pWidth = parseInt($popup.width());\n var pHeight = parseInt($popup.height());\n // recalc width\n moptions.width = moptions.originalWidth;\n if (moptions.width > pWidth - 10) {\n moptions.width = pWidth - 10;\n }\n // recalc height\n moptions.height = moptions.originalHeight;\n if (moptions.height > pHeight - titleHeight - 5) {\n moptions.height = pHeight - titleHeight - 5;\n }\n if (moptions.originalHeight < 0) moptions.height = pHeight + moptions.originalHeight - titleHeight;\n if (moptions.originalWidth < 0) moptions.width = pWidth + moptions.originalWidth * 2; // x 2 because there is left and right margin\n $(this).css({\n left : ((pWidth - moptions.width) / 2) + 'px',\n width : moptions.width + 'px',\n height : moptions.height + 'px'\n });\n });\n },\n\n resize: function (width, height, callBack) {\n var obj = this;\n var options = $('#w2ui-popup').data('options') || {};\n if (options.speed == null) options.speed = 0;\n width = parseInt(width);\n height = parseInt(height);\n // calculate new position\n var maxW, maxH;\n if (window.innerHeight == undefined) {\n maxW = parseInt(document.documentElement.offsetWidth);\n maxH = parseInt(document.documentElement.offsetHeight);\n if (w2utils.engine === 'IE7') { maxW += 21; maxH += 4; }\n } else {\n maxW = parseInt(window.innerWidth);\n maxH = parseInt(window.innerHeight);\n }\n if (maxW - 10 < width) width = maxW - 10;\n if (maxH - 10 < height) height = maxH - 10;\n var top = (maxH - height) / 2 * 0.6;\n var left = (maxW - width) / 2;\n // resize there\n $('#w2ui-popup')\n .css(w2utils.cssPrefix({\n 'transition': options.speed + 's width, ' + options.speed + 's height, ' + options.speed + 's left, ' + options.speed + 's top'\n }))\n .css({\n 'top' : top,\n 'left' : left,\n 'width' : width,\n 'height': height\n });\n var tmp_int = setInterval(function () { obj.resizeMessages(); }, 10); // then messages resize nicely\n setTimeout(function () {\n clearInterval(tmp_int);\n options.width = width;\n options.height = height;\n obj.resizeMessages();\n if (typeof callBack == 'function') callBack();\n }, (options.speed * 1000) + 50); // give extra 50 ms\n },\n\n /***********************\n * Internal\n **/\n\n // restores template\n restoreTemplate: function () {\n var options = $('#w2ui-popup').data('options');\n if (options == null) return;\n var template = w2popup._template;\n var title = options.title;\n var body = options.body;\n var buttons = options.buttons;\n if (w2popup._prev) {\n template = w2popup._prev.template;\n title = w2popup._prev.title;\n body = w2popup._prev.body;\n buttons = w2popup._prev.buttons;\n delete w2popup._prev;\n } else {\n delete w2popup._template;\n }\n if (template != null) {\n var $tmp = $(template);\n if ($tmp.length === 0) return;\n if ($(body).attr('rel') == 'body') {\n if (title) $tmp.append(title);\n if (body) $tmp.append(body);\n if (buttons) $tmp.append(buttons);\n } else {\n $tmp.append(body);\n }\n }\n }\n };\n\n // merge in event handling\n $.extend(w2popup, w2utils.event);\n\n})(jQuery);\n\n// ============================================\n// --- Common dialogs\n\nvar w2alert = function (msg, title, callBack) {\n var $ = jQuery;\n if (title == null) title = w2utils.lang('Notification');\n if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing') {\n w2popup.message({\n width : 400,\n height : 170,\n body : ' ', tab)\n }\n if (tab.hint != null) {\n console.log('NOTICE: tabs tab.hint property is deprecated, please use tab.tooltip. Tab -> ', tab)\n }\n\n var text = tab.text;\n if (typeof text == 'function') text = text.call(this, tab);\n if (text == null) text = '';\n\n var jq_el = $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id));\n var closable = '';\n if (tab.closable && !tab.disabled) {\n closable = ''+ tabHTML + ' ';\n 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) {\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))+1].id)).before(html);\n } else {\n $(this.box).find('#tabs_'+ this.name +'_right').before(html);\n }\n } else {\n // refresh\n jq_el.html(tabHTML);\n if (tab.hidden) { jq_el.css('display', 'none'); }\n else { jq_el.css('display', ''); }\n if (tab.disabled) { jq_el.css({ 'opacity': '0.2' }); }\n else { jq_el.css({ 'opacity': '1' }); }\n }\n }\n // right html\n $('#tabs_'+ this.name +'_right').html(this.right);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n render: function (box) {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });\n if (edata.isCancelled === true) return;\n // default action\n // if (window.getSelection) window.getSelection().removeAllRanges(); // clear selection\n if (box != null) {\n if ($(this.box).find('> table #tabs_'+ this.name + '_right').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-tabs')\n .html('');\n }\n this.box = box;\n }\n if (!this.box) return false;\n // render all buttons\n var html = ' ';\n var addStyle = '';\n if (tab.hidden) { addStyle += 'display: none;'; }\n if (tab.disabled) { addStyle += 'opacity: 0.2;'; }\n var html = ''+ tabHTML +' ';\n 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) {\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.tabs[parseInt(this.get(id, true))].id)).before(html);\n } else {\n $(this.box).find('#tabs_'+ this.name +'_right').before(html);\n }\n // -- move\n var obj = this;\n setTimeout(function () {\n var width = $('#_tmp_simple_tab').width();\n $('#_tmp_tabs').remove();\n $('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id) +' > div').css('width', width+'px');\n }, 1);\n setTimeout(function () {\n // insert for real\n obj.insert(id, tab);\n }, 200);\n }\n };\n\n $.extend(w2tabs.prototype, w2utils.event);\n w2obj.tabs = w2tabs;\n})(jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2toolbar - toolbar widget\n* - $().w2toolbar - jQuery wrapper\n* - Dependencies: jQuery, w2utils, w2field\n*\n* == NICE TO HAVE ==\n* - vertical toolbar\n*\n* == 1.5 changes ==\n* - menu drop down can have groups now\n* - item.caption - deprecated\n* - item.text - can be a function\n* - item.icon - can be a function\n* - item.tooltip - can be a function\n* - item.color\n* - item.options\n* - event.item.get - finds selected item\n* - item.keepOpen, drop down will not close\n*\n************************************************************************/\n\n(function ($) {\n var w2toolbar = function (options) {\n this.box = null; // DOM Element that holds the element\n this.name = null; // unique name for w2ui\n this.routeData = {}; // data for dynamic routes\n this.items = [];\n this.right = ''; // HTML text on the right of toolbar\n this.tooltip = 'top|left';// can be top, bottom, left, right\n\n $.extend(true, this, w2obj.toolbar, options);\n };\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2toolbar = function(method) {\n if ($.isPlainObject(method)) {\n // check name parameter\n if (!w2utils.checkName(method, 'w2toolbar')) return;\n // extend items\n var items = method.items || [];\n var object = new w2toolbar(method);\n $.extend(object, { items: [], handlers: [] });\n for (var i = 0; i < items.length; i++) {\n object.items[i] = $.extend({}, w2toolbar.prototype.item, items[i]);\n // menus\n if (object.items[i].type == 'menu-check') {\n var item = object.items[i];\n if (!Array.isArray(item.selected)) item.selected = [];\n if (Array.isArray(item.items)) {\n for (var j = 0; j < item.items.length; j++) {\n var it = item.items[j];\n if (it.checked && item.selected.indexOf(it.id) == -1) item.selected.push(it.id);\n if (!it.checked && item.selected.indexOf(it.id) != -1) it.checked = true;\n if (it.checked == null) it.checked = false;\n }\n }\n }\n else if (object.items[i].type == 'menu-radio') {\n var item = object.items[i];\n if (Array.isArray(item.items)) {\n for (var j = 0; j < item.items.length; j++) {\n var it = item.items[j];\n if (it.checked && item.selected == null) item.selected = it.id; else it.checked = false;\n if (!it.checked && item.selected == it.id) it.checked = true;\n if (it.checked == null) it.checked = false;\n }\n }\n }\n }\n if ($(this).length !== 0) {\n object.render($(this)[0]);\n }\n // register new object\n w2ui[object.name] = object;\n return object;\n\n } else {\n var obj = w2ui[$(this).attr('name')];\n if (!obj) return null;\n if (arguments.length > 0) {\n if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));\n return this;\n } else {\n return obj;\n }\n }\n };\n\n // ====================================================\n // -- Implementation of core functionality\n\n w2toolbar.prototype = {\n onClick : null,\n onRender : null,\n onRefresh : null,\n onResize : null,\n onDestroy : null,\n\n item: {\n id : null, // command to be sent to all event handlers\n type : 'button', // button, check, radio, drop, menu, menu-radio, menu-check, break, html, spacer\n text : null,\n html : '',\n tooltip : null, // w2toolbar.tooltip should be\n count : null,\n hidden : false,\n disabled : false,\n checked : false, // used for radio buttons\n img : null,\n icon : null,\n route : null, // if not null, it is route to go\n arrow : true, // arrow down for drop/menu types\n style : null, // extra css style for caption\n group : null, // used for radio buttons\n items : null, // for type menu* it is an array of items in the menu\n selected : null, // used for menu-check, menu-radio\n overlay : {},\n color : null, // color value - used in color pickers\n options : {\n advanced : false, // advanced picker t/f - user in color picker\n transparent : true, // transparent t/f - used in color picker\n html : '' // additional buttons for color picker\n },\n onClick : null,\n onRefresh : null\n },\n\n add: function (items) {\n this.insert(null, items);\n },\n\n insert: function (id, items) {\n if (!$.isArray(items)) items = [items];\n for (var o = 0; o < items.length; o++) {\n // checks\n if (items[o].type == null) {\n console.log('ERROR: The parameter \"type\" is required but not supplied in w2toolbar.add() method.');\n return;\n }\n if ($.inArray(String(items[o].type), ['button', 'check', 'radio', 'drop', 'menu', 'menu-radio', 'menu-check', 'color', 'text-color', 'break', 'html', 'spacer']) == -1) {\n console.log('ERROR: The parameter \"type\" should be one of the following [button, check, radio, drop, menu, break, html, spacer] '+\n 'in w2toolbar.add() method.');\n return;\n }\n if (items[o].id == null && items[o].type != 'break' && items[o].type != 'spacer') {\n console.log('ERROR: The parameter \"id\" is required but not supplied in w2toolbar.add() method.');\n return;\n }\n if (!w2utils.checkUniqueId(items[o].id, this.items, 'toolbar items', this.name)) return;\n // add item\n var it = $.extend({}, w2toolbar.prototype.item, items[o]);\n if (id == null) {\n this.items.push(it);\n } else {\n var middle = this.get(id, true);\n this.items = this.items.slice(0, middle).concat([it], this.items.slice(middle));\n }\n this.refresh(it.id);\n this.resize();\n }\n },\n\n remove: function () {\n var removed = 0;\n for (var a = 0; a < arguments.length; a++) {\n var it = this.get(arguments[a]);\n if (!it || String(arguments[a]).indexOf(':') != -1) continue;\n removed++;\n // remove from screen\n $(this.box).find('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id)).remove();\n // remove from array\n var ind = this.get(it.id, true);\n if (ind != null) this.items.splice(ind, 1);\n }\n this.resize();\n return removed;\n },\n\n set: function (id, newOptions) {\n var item = this.get(id);\n if (item == null) return false;\n $.extend(item, newOptions);\n this.refresh(String(id).split(':')[0]);\n return true;\n },\n\n get: function (id, returnIndex) {\n if (arguments.length === 0) {\n var all = [];\n for (var i1 = 0; i1 < this.items.length; i1++) if (this.items[i1].id != null) all.push(this.items[i1].id);\n return all;\n }\n var tmp = String(id).split(':');\n for (var i2 = 0; i2 < this.items.length; i2++) {\n var it = this.items[i2];\n // find a menu item\n if (['menu', 'menu-radio', 'menu-check'].indexOf(it.type) != -1 && tmp.length == 2 && it.id == tmp[0]) {\n for (var i = 0; i < it.items.length; i++) {\n var item = it.items[i];\n if (item.id == tmp[1] || (item.id == null && item.text == tmp[1])) {\n if (returnIndex == true) return i; else return item;\n }\n if (Array.isArray(item.items)) {\n for (var j = 0; j < item.items.length; j++) {\n if (item.items[j].id == tmp[1] || (item.items[j].id == null && item.items[j].text == tmp[1])) {\n if (returnIndex == true) return i; else return item.items[j];\n }\n }\n }\n }\n } else if (it.id == tmp[0]) {\n if (returnIndex == true) return i2; else return it;\n }\n }\n return null;\n },\n\n show: function () {\n var obj = this;\n var items = 0;\n var tmp = [];\n for (var a = 0; a < arguments.length; a++) {\n var it = this.get(arguments[a]);\n if (!it) continue;\n items++;\n it.hidden = false;\n tmp.push(String(arguments[a]).split(':')[0]);\n }\n setTimeout(function () { for (var t=0; t 1) {\n var subItem = this.get(id);\n if (subItem && !subItem.disabled) {\n obj.menuClick({ name: obj.name, item: it, subItem: subItem, originalEvent: event });\n }\n return;\n }\n if (it && !it.disabled) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'click', target: (id != null ? id : this.name),\n item: it, object: it, originalEvent: event });\n if (edata.isCancelled === true) return;\n\n var btn = '#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id) +' table.w2ui-button';\n $(btn).removeClass('down'); // need to requery at the moment -- as well as elsewhere in this function\n\n if (it.type == 'radio') {\n for (var i = 0; i < this.items.length; i++) {\n var itt = this.items[i];\n if (itt == null || itt.id == it.id || itt.type !== 'radio') continue;\n if (itt.group == it.group && itt.checked) {\n itt.checked = false;\n this.refresh(itt.id);\n }\n }\n it.checked = true;\n $(btn).addClass('checked');\n }\n\n if (['menu', 'menu-radio', 'menu-check', 'drop', 'color', 'text-color'].indexOf(it.type) != -1) {\n obj.tooltipHide(id);\n\n if (it.checked) {\n // if it was already checked, second click will hide it\n setTimeout(function () {\n // hide overlay\n var el = $('#tb_'+ obj.name +'_item_'+ w2utils.escapeId(it.id));\n el.w2overlay({ name: obj.name + '_' + it.id });\n // uncheck\n it.checked = false;\n obj.refresh(it.id);\n }, 1);\n\n } else {\n\n // show overlay\n setTimeout(function () {\n var el = $('#tb_'+ obj.name +'_item_'+ w2utils.escapeId(it.id));\n if (!$.isPlainObject(it.overlay)) it.overlay = {};\n var left = (el.width() - 50) / 2;\n if (left > 19) left = 19;\n if (it.type == 'drop') {\n el.w2overlay(it.html, $.extend({ name: obj.name + '_' + it.id, left: left, top: 3 }, it.overlay, {\n onHide: function (event) {\n hideDrop();\n }\n }));\n }\n if (['menu', 'menu-radio', 'menu-check'].indexOf(it.type) != -1) {\n var menuType = 'normal';\n if (it.type == 'menu-radio') {\n menuType = 'radio';\n items.forEach(function (item) {\n if (it.selected == item.id) item.checked = true; else item.checked = false;\n });\n }\n if (it.type == 'menu-check') {\n menuType = 'check';\n items.forEach(function (item) {\n if ($.isArray(it.selected) && it.selected.indexOf(item.id) != -1) item.checked = true; else item.checked = false;\n });\n }\n el.w2menu($.extend({ name: obj.name, items: items, left: left, top: 3 }, it.overlay, {\n type: menuType,\n remove: function (event) {\n obj.menuClick({ name: obj.name, remove: true, item: it, subItem: event.item, originalEvent: event.originalEvent, keepOpen: event.keepOpen });\n },\n select: function (event) {\n obj.menuClick({ name: obj.name, item: it, subItem: event.item, originalEvent: event.originalEvent, keepOpen: event.keepOpen });\n },\n onHide: function (event) {\n hideDrop();\n }\n }));\n }\n if (['color', 'text-color'].indexOf(it.type) != -1) {\n $(el).w2color($.extend({\n color: it.color,\n onHide: function (event) {\n hideDrop();\n if (obj._tmpColor) {\n obj.colorClick({ name: obj.name, item: it, color: obj._tmpColor, final: true });\n }\n delete obj._tmpColor;\n },\n onSelect: function (color) {\n if (color != null) {\n obj.colorClick({ name: obj.name, item: it, color: color });\n obj._tmpColor = color;\n }\n }\n }, it.options));\n }\n function hideDrop(event) {\n it.checked = false;\n $(btn).removeClass('checked');\n }\n }, 1);\n }\n }\n\n if (['check', 'menu', 'menu-radio', 'menu-check', 'drop', 'color', 'text-color'].indexOf(it.type) != -1) {\n it.checked = !it.checked;\n if (it.checked) {\n $(btn).addClass('checked');\n } else {\n $(btn).removeClass('checked');\n }\n }\n // route processing\n if (it.route) {\n var route = String('/'+ it.route).replace(/\\/{2,}/g, '/');\n var info = w2utils.parseRoute(route);\n if (info.keys.length > 0) {\n for (var k = 0; k < info.keys.length; k++) {\n route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), this.routeData[info.keys[k].name]);\n }\n }\n setTimeout(function () { window.location.hash = route; }, 1);\n }\n if (event && ['button', 'check', 'radio'].indexOf(it.type) != -1) {\n // need to refresh toolbar as it might be dynamic\n this.tooltipShow(id, event, true);\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n },\n\n scroll: function (direction) {\n var box = $(this.box);\n var obj = this;\n var scrollBox = box.find('.w2ui-scroll-wrapper');\n var scrollLeft = scrollBox.scrollLeft();\n var width1, width2, scroll;\n\n switch (direction) {\n case 'left':\n width1 = scrollBox.outerWidth();\n width2 = scrollBox.find(':first').outerWidth();\n scroll = scrollLeft - width1 + 50; // 35 is width of both button\n if (scroll <= 0) scroll = 0;\n scrollBox.animate({ scrollLeft: scroll }, 300);\n break;\n\n case 'right':\n width1 = scrollBox.outerWidth();\n width2 = scrollBox.find(':first').outerWidth();\n scroll = scrollLeft + width1 - 50; // 35 is width of both button\n if (scroll >= width2 - width1) scroll = width2 - width1;\n scrollBox.animate({ scrollLeft: scroll }, 300);\n break;\n }\n setTimeout(function () { obj.resize(); }, 350);\n },\n\n render: function (box) {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });\n if (edata.isCancelled === true) return;\n\n if (box != null) {\n if ($(this.box).find('> table #tb_'+ this.name + '_right').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-toolbar')\n .html('');\n }\n this.box = box;\n }\n if (!this.box) return;\n // render all buttons\n var html = ''+ html +\n ' ';\n }\n if (this.get(id, true) == this.items.length-1) {\n $(this.box).find('#tb_'+ this.name +'_right').before(html);\n } else {\n $(this.box).find('#tb_'+ this.name +'_item_'+ w2utils.escapeId(this.items[parseInt(this.get(id, true))+1].id)).before(html);\n }\n } else {\n if (['menu', 'menu-radio', 'menu-check', 'drop', 'color', 'text-color'].indexOf(it.type) != -1) {\n var drop = $('#w2ui-overlay-'+ this.name + '_' + w2utils.escapeId(it.id));\n if (drop.length > 0) {\n if (it.checked == false) {\n drop[0].hide();\n } else {\n if (['menu', 'menu-radio', 'menu-check'].indexOf(it.type) != -1) {\n drop.w2menu('refresh', { items: it.items });\n }\n }\n }\n }\n // refresh\n el.html(html);\n if (it.hidden) { el.css('display', 'none'); } else { el.css('display', ''); }\n if (it.disabled) { el.addClass('disabled'); } else { el.removeClass('disabled'); }\n }\n // event after\n if (typeof it.onRefresh == 'function') {\n this.trigger($.extend(edata2, { phase: 'after' }));\n }\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n resize: function () {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name });\n if (edata.isCancelled === true) return;\n\n // show hide overflow buttons\n var box = $(this.box);\n box.find('.w2ui-scroll-left, .w2ui-scroll-right').hide();\n var scrollBox = box.find('.w2ui-scroll-wrapper');\n if (scrollBox.find(':first').outerWidth() > scrollBox.outerWidth()) {\n // we have overflowed content\n if (scrollBox.scrollLeft() > 0) {\n box.find('.w2ui-scroll-left').show();\n }\n if (scrollBox.scrollLeft() < scrollBox.find(':first').outerWidth() - scrollBox.outerWidth()) {\n box.find('.w2ui-scroll-right').show();\n }\n }\n\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n destroy: function () {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });\n if (edata.isCancelled === true) return;\n // clean up\n if ($(this.box).find('> table #tb_'+ this.name + '_right').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-toolbar')\n .html('');\n }\n $(this.box).html('');\n delete w2ui[this.name];\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n // ========================================\n // --- Internal Functions\n\n getItemHTML: function (item) {\n var html = '';\n if (item.caption != null && item.text == null) item.text = item.caption; // for backward compatibility\n if (item.text == null) item.text = '';\n if (item.tooltip == null && item.hint != null) item.tooltip = item.hint; // for backward compatibility\n if (item.tooltip == null) item.tooltip = '';\n if (typeof item.get !== 'function' && (Array.isArray(item.items) || typeof item.items == 'function')) {\n item.get = function (id) {\n var tmp = item.items;\n if (typeof tmp == 'function') tmp = item.items(item);\n return tmp.find(function (it) {\n if (it.id == id) return true; else return false\n })\n }\n }\n var img = ' ';\n var text = (typeof item.text == 'function' ? item.text.call(this, item) : item.text);\n if (item.img) img = ''+\n '
';\n break;\n\n case 'break':\n html += '
';\n break;\n\n case 'html':\n html += '
';\n break;\n }\n return ' '+\n '';\n }\n } else {\n if (nd.selected && !nd.disabled) obj.selected = nd.id;\n tmp = '';\n if (img) tmp = '';\n if (icon) {\n tmp = ' ',\n arrows : false,\n keyboard : false,\n advanced : null, // open advanced by default\n transparent : true\n };\n $.extend(options, defaults);\n this.addPrefix(); // only will add if needed\n this.addSuffix(); // only will add if needed\n // additional checks\n if ($(this.el).val() !== '') setTimeout(function () { obj.change(); }, 1);\n break;\n\n case 'date':\n defaults = {\n format : w2utils.settings.dateFormat, // date format\n keyboard : true,\n silent : true,\n start : '', // string or jquery object\n end : '', // string or jquery object\n blocked : {}, // { '4/11/2011': 'yes' }\n colored : {}, // { '4/11/2011': 'red:white' }\n blockWeekDays : null // array of numbers of weekday to block\n };\n this.options = $.extend(true, {}, defaults, options);\n options = this.options; // since object is re-created, need to re-assign\n if ($(this.el).attr('placeholder') == null) $(this.el).attr('placeholder', options.format);\n break;\n\n case 'time':\n defaults = {\n format : w2utils.settings.timeFormat,\n keyboard : true,\n silent : true,\n start : '',\n end : '',\n noMinutes : false\n };\n this.options = $.extend(true, {}, defaults, options);\n options = this.options; // since object is re-created, need to re-assign\n if ($(this.el).attr('placeholder') == null) $(this.el).attr('placeholder', options.format);\n break;\n\n case 'datetime':\n defaults = {\n format : w2utils.settings.dateFormat + ' | ' + w2utils.settings.timeFormat,\n keyboard : true,\n silent : true,\n start : '', // string or jquery object or Date object\n end : '', // string or jquery object or Date object\n blocked : [], // [ '4/11/2011', '4/12/2011' ] or [ new Date(2011, 4, 11), new Date(2011, 4, 12) ]\n colored : {}, // { '12/17/2014': 'blue:green', '12/18/2014': 'gray:white' }; // key has to be formatted with w2utils.settings.dateFormat\n placeholder : null, // optional. will fall back to this.format if not specified. Only used if this.el has no placeholder attribute.\n btn_now : true, // show/hide the use-current-date-and-time button\n noMinutes : false\n };\n this.options = $.extend(true, {}, defaults, options);\n options = this.options; // since object is re-created, need to re-assign\n if ($(this.el).attr('placeholder') == null) $(this.el).attr('placeholder', options.placeholder || options.format);\n break;\n\n case 'list':\n case 'combo':\n defaults = {\n items : [],\n selected : {},\n url : null, // url to pull data from\n recId : null, // map retrieved data from url to id, can be string or function\n recText : null, // map retrieved data from url to text, can be string or function\n method : null, // default comes from w2utils.settings.dataType\n interval : 350, // number of ms to wait before sending server call on search\n postData : {},\n minLength : 1, // min number of chars when trigger search\n cacheMax : 250,\n maxDropHeight : 350, // max height for drop down menu\n maxDropWidth : null, // if null then auto set\n match : 'begins', // ['contains', 'is', 'begins', 'ends']\n silent : true,\n icon : null,\n iconStyle : '',\n align : 'both', // same width as control\n altRows : true, // alternate row color\n onSearch : null, // when search needs to be performed\n onRequest : null, // when request is submitted\n onLoad : null, // when data is received\n onError : null, // when data fails to load due to server error or other failure modes\n onIconClick : null,\n renderDrop : null, // render function for drop down item\n compare : null, // compare function for filtering\n filter : true, // weather to filter at all\n prefix : '',\n suffix : '',\n openOnFocus : false, // if to show overlay onclick or when typing\n markSearch : false\n };\n if (typeof options.items == 'function') {\n options._items_fun = options.items\n }\n // need to be first\n options.items = w2obj.field.prototype.normMenu.call(this, options.items);\n if (this.type === 'list') {\n // defaults.search = (options.items && options.items.length >= 10 ? true : false);\n defaults.openOnFocus = true;\n $(this.el).addClass('w2ui-select');\n // if simple value - look it up\n if (!$.isPlainObject(options.selected) && Array.isArray(options.items)) {\n for (var i = 0; i< options.items.length; i++) {\n var item = options.items[i];\n if (item && item.id === options.selected) {\n options.selected = $.extend(true, {}, item);\n break;\n }\n }\n }\n this.watchSize();\n }\n options = $.extend({}, defaults, options);\n this.options = options;\n if (!$.isPlainObject(options.selected)) options.selected = {};\n $(this.el).data('selected', options.selected);\n if (options.url) {\n options.items = [];\n this.request(0);\n }\n if (this.type === 'list') this.addFocus();\n this.addPrefix();\n this.addSuffix();\n setTimeout(function () { obj.refresh(); }, 10); // need this for icon refresh\n $(this.el)\n .attr('autocapitalize', 'off')\n .attr('autocomplete', 'off')\n .attr('autocorrect', 'off')\n .attr('spellcheck', 'false')\n if (options.selected.text != null) $(this.el).val(options.selected.text);\n break;\n\n case 'enum':\n defaults = {\n items : [],\n selected : [],\n max : 0, // max number of selected items, 0 - unlim\n url : null, // not implemented\n recId : null, // map retrieved data from url to id, can be string or function\n recText : null, // map retrieved data from url to text, can be string or function\n interval : 350, // number of ms to wait before sending server call on search\n method : null, // default comes from w2utils.settings.dataType\n postData : {},\n minLength : 1, // min number of chars when trigger search\n cacheMax : 250,\n maxWidth : 250, // max width for a single item\n maxHeight : 350, // max height for input control to grow\n maxDropHeight : 350, // max height for drop down menu\n maxDropWidth : null, // if null then auto set\n match : 'contains', // ['contains', 'is', 'begins', 'ends']\n silent : true,\n align : 'both', // same width as control\n altRows : true, // alternate row color\n openOnFocus : false, // if to show overlay onclick or when typing\n markSearch : true,\n renderDrop : null, // render function for drop down item\n renderItem : null, // render selected item\n compare : null, // compare function for filtering\n filter : true, // alias for compare\n style : '', // style for container div\n onSearch : null, // when search needs to be performed\n onRequest : null, // when request is submitted\n onLoad : null, // when data is received\n onError : null, // when data fails to load due to server error or other failure modes\n onClick : null, // when an item is clicked\n onAdd : null, // when an item is added\n onNew : null, // when new item should be added\n onRemove : null, // when an item is removed\n onMouseOver : null, // when an item is mouse over\n onMouseOut : null, // when an item is mouse out\n onScroll : null // when div with selected items is scrolled\n };\n options = $.extend({}, defaults, options, { suffix: '' });\n if (typeof options.items == 'function') {\n options._items_fun = options.items\n }\n options.items = w2obj.field.prototype.normMenu.call(this, options.items);\n options.selected = w2obj.field.prototype.normMenu.call(this, options.selected);\n this.options = options;\n if (!$.isArray(options.selected)) options.selected = [];\n $(this.el).data('selected', options.selected);\n if (options.url) {\n options.items = [];\n this.request(0);\n }\n this.addSuffix();\n this.addMulti();\n this.watchSize();\n break;\n\n case 'file':\n defaults = {\n selected : [],\n max : 0,\n maxSize : 0, // max size of all files, 0 - unlim\n maxFileSize : 0, // max size of a single file, 0 -unlim\n maxWidth : 250, // max width for a single item\n maxHeight : 350, // max height for input control to grow\n maxDropHeight : 350, // max height for drop down menu\n maxDropWidth : null, // if null then auto set\n readContent : true, // if true, it will readAsDataURL content of the file\n silent : true,\n align : 'both', // same width as control\n altRows : true, // alternate row color\n renderItem : null, // render selected item\n style : '', // style for container div\n onClick : null, // when an item is clicked\n onAdd : null, // when an item is added\n onRemove : null, // when an item is removed\n onMouseOver : null, // when an item is mouse over\n onMouseOut : null // when an item is mouse out\n };\n options = $.extend({}, defaults, options);\n this.options = options;\n if (!$.isArray(options.selected)) options.selected = [];\n $(this.el).data('selected', options.selected);\n if ($(this.el).attr('placeholder') == null) {\n $(this.el).attr('placeholder', w2utils.lang('Attach files by dragging and dropping or Click to Select'));\n }\n this.addMulti();\n this.watchSize();\n break;\n }\n // attach events\n this.tmp = {\n onChange : function (event) { obj.change.call(obj, event); },\n onClick : function (event) { obj.click.call(obj, event); },\n onFocus : function (event) { obj.focus.call(obj, event); },\n onBlur : function (event) { obj.blur.call(obj, event); },\n onKeydown : function (event) { obj.keyDown.call(obj, event); },\n onKeyup : function (event) { obj.keyUp.call(obj, event); },\n onKeypress : function (event) { obj.keyPress.call(obj, event); }\n };\n $(this.el)\n .addClass('w2field w2ui-input')\n .data('w2field', this)\n .on('change.w2field', this.tmp.onChange)\n .on('click.w2field', this.tmp.onClick) // ignore click because it messes overlays\n .on('focus.w2field', this.tmp.onFocus)\n .on('blur.w2field', this.tmp.onBlur)\n .on('keydown.w2field', this.tmp.onKeydown)\n .on('keyup.w2field', this.tmp.onKeyup)\n .on('keypress.w2field', this.tmp.onKeypress)\n .css(w2utils.cssPrefix('box-sizing', 'border-box'));\n // format initial value\n this.change($.Event('change'));\n },\n\n watchSize: function () {\n var obj = this;\n var tmp = $(obj.el).data('tmp') || {};\n tmp.sizeTimer = setInterval(function () {\n if ($(obj.el).parents('body').length > 0) {\n obj.resize();\n } else {\n clearInterval(tmp.sizeTimer);\n }\n }, 200);\n $(obj.el).data('tmp', tmp);\n },\n\n get: function () {\n var ret;\n if (['list', 'enum', 'file'].indexOf(this.type) !== -1) {\n ret = $(this.el).data('selected');\n } else {\n ret = $(this.el).val();\n }\n return ret;\n },\n\n set: function (val, append) {\n if (['list', 'enum', 'file'].indexOf(this.type) !== -1) {\n if (this.type !== 'list' && append) {\n if ($(this.el).data('selected') == null) $(this.el).data('selected', []);\n $(this.el).data('selected').push(val);\n $(this.el).change();\n } else {\n var it = (this.type === 'enum' ? [val] : val);\n $(this.el).data('selected', it).change();\n }\n this.refresh();\n } else {\n $(this.el).val(val);\n }\n },\n\n setIndex: function (ind, append) {\n if (['list', 'enum'].indexOf(this.type) !== -1) {\n var items = this.options.items;\n if (items && items[ind]) {\n if (this.type !== 'list' && append) {\n if ($(this.el).data('selected') == null) $(this.el).data('selected', []);\n $(this.el).data('selected').push(items[ind]);\n $(this.el).change();\n } else {\n var it = (this.type === 'enum' ? [items[ind]] : items[ind]);\n $(this.el).data('selected', it).change();\n }\n this.refresh();\n return true;\n }\n }\n return false;\n },\n\n clear: function () {\n var options = this.options;\n // if money then clear value\n if (['money', 'currency'].indexOf(this.type) !== -1) {\n $(this.el).val($(this.el).val().replace(options.moneyRE, ''));\n }\n if (this.type === 'percent') {\n $(this.el).val($(this.el).val().replace(/%/g, ''));\n }\n if (this.type === 'list') {\n $(this.el).removeClass('w2ui-select');\n }\n this.type = 'clear';\n var tmp = $(this.el).data('tmp');\n if (!this.tmp) return;\n // restore paddings\n if (tmp != null) {\n $(this.el).height('auto');\n if (tmp && tmp['old-padding-left']) $(this.el).css('padding-left', tmp['old-padding-left']);\n if (tmp && tmp['old-padding-right']) $(this.el).css('padding-right', tmp['old-padding-right']);\n if (tmp && tmp['old-background-color']) $(this.el).css('background-color', tmp['old-background-color']);\n if (tmp && tmp['old-border-color']) $(this.el).css('border-color', tmp['old-border-color']);\n // remove resize watcher\n clearInterval(tmp.sizeTimer);\n }\n // remove events and (data)\n $(this.el)\n .val(this.clean($(this.el).val()))\n .removeClass('w2field')\n .removeData() // removes all attached data\n .off('.w2field'); // remove only events added by w2field\n // remove helpers\n for (var h in this.helpers) $(this.helpers[h]).remove();\n this.helpers = {};\n },\n\n refresh: function () {\n var obj = this;\n var options = this.options;\n var selected = $(this.el).data('selected');\n var time = (new Date()).getTime();\n // enum\n if (['list'].indexOf(this.type) !== -1) {\n $(obj.el).parent().css('white-space', 'nowrap'); // needs this for arrow always to appear on the right side\n // hide focus and show text\n if (obj.helpers.prefix) obj.helpers.prefix.hide();\n setTimeout(function () {\n if (!obj.helpers.focus) return;\n // if empty show no icon\n if (!$.isEmptyObject(selected) && options.icon) {\n options.prefix = '';\n obj.addPrefix();\n } else {\n options.prefix = '';\n obj.addPrefix();\n }\n // focus helper\n var focus = obj.helpers.focus.find('input');\n if ($(focus).val() === '') {\n $(focus).css('text-indent', '-9999em').prev().css('opacity', 0);\n $(obj.el).val(selected && selected.text != null ? w2utils.lang(selected.text) : '');\n } else {\n $(focus).css('text-indent', 0).prev().css('opacity', 1);\n $(obj.el).val('');\n setTimeout(function () {\n if (obj.helpers.prefix) obj.helpers.prefix.hide();\n var tmp = 'position: absolute; opacity: 0; margin: 4px 0px 0px 2px; background-position: left !important;';\n if (options.icon) {\n $(focus).css('margin-left', '17px');\n $(obj.helpers.focus).find('.icon-search').attr('style', tmp + 'width: 11px !important; opacity: 1; display: block');\n } else {\n $(focus).css('margin-left', '0px');\n $(obj.helpers.focus).find('.icon-search').attr('style', tmp + 'width: 0px !important; opacity: 0; display: none');\n }\n }, 1);\n }\n // if readonly or disabled\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) {\n setTimeout(function () {\n $(obj.helpers.prefix).css('opacity', '0.6');\n $(obj.helpers.suffix).css('opacity', '0.6');\n }, 1);\n } else {\n setTimeout(function () {\n $(obj.helpers.prefix).css('opacity', '1');\n $(obj.helpers.suffix).css('opacity', '1');\n }, 1);\n }\n }, 1);\n }\n if (['enum', 'file'].indexOf(this.type) !== -1) {\n var html = '';\n if (selected) {\n for (var s = 0; s < selected.length; s++) {\n var it = selected[s];\n var ren = '';\n if (typeof options.renderItem === 'function') {\n ren = options.renderItem(it, s, ' ');\n } else {\n ren = ' '+\n (obj.type === 'enum' ? it.text : it.name + ' - '+ w2utils.formatSize(it.size) +'');\n }\n html += ''+\n ren +' ';\n }\n }\n var div = obj.helpers.multi;\n var ul = div.find('ul');\n div.attr('style', div.attr('style') + ';' + options.style);\n $(obj.el).css('z-index', '-1');\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) {\n setTimeout(function () {\n div[0].scrollTop = 0; // scroll to the top\n div.addClass('w2ui-readonly')\n .find('li').css('opacity', '0.9')\n .parent().find('li.nomouse').hide()\n .find('input').prop('readonly', true)\n .parents('ul')\n .find('.w2ui-list-remove').hide();\n }, 1);\n } else {\n setTimeout(function () {\n div.removeClass('w2ui-readonly')\n .find('li').css('opacity', '1')\n .parent().find('li.nomouse').show()\n .find('input').prop('readonly', false)\n .parents('ul')\n .find('.w2ui-list-remove').show();\n }, 1);\n }\n\n // clean\n div.find('.w2ui-enum-placeholder').remove();\n ul.find('li').not('li.nomouse').remove();\n // add new list\n if (html !== '') {\n ul.prepend(html);\n } else if ($(obj.el).attr('placeholder') != null && div.find('input').val() === '') {\n var style =\n 'padding-top: ' + $(this.el).css('padding-top') + ';'+\n 'padding-left: ' + $(this.el).css('padding-left') + '; ' +\n 'box-sizing: ' + $(this.el).css('box-sizing') + '; ' +\n 'line-height: ' + $(this.el).css('line-height') + '; ' +\n 'font-size: ' + $(this.el).css('font-size') + '; ' +\n 'font-family: ' + $(this.el).css('font-family') + '; ';\n div.prepend('= tm1 && tm <= tm2) inRange = true;\n } else {\n inRange = true;\n }\n } else if (this.type === 'datetime') {\n var dt = w2utils.isDateTime(str, this.options.format, true);\n if (dt) {\n // enable range\n if (this.options.start || this.options.end) {\n var start, end;\n if (typeof this.options.start === 'object' && this.options.start instanceof Date) {\n start = this.options.start;\n } else {\n var st = (typeof this.options.start === 'string' ? this.options.start : $(this.options.start).val());\n if (st.trim() !== '') {\n start = w2utils.isDateTime(st, this.options.format, true);\n } else {\n start = '';\n }\n }\n if (typeof this.options.end === 'object' && this.options.end instanceof Date) {\n end = this.options.end;\n } else {\n var en = (typeof this.options.end === 'string' ? this.options.end : $(this.options.end).val());\n if (en.trim() !== '') {\n end = w2utils.isDateTime(en, this.options.format, true);\n } else {\n end = '';\n }\n }\n var current = dt; // new Date(dt);\n if (!start) start = current;\n if (!end) end = current;\n if (onlyDate && start instanceof Date) {\n start.setHours(0);\n start.setMinutes(0);\n start.setSeconds(0);\n }\n if (current >= start && current <= end) inRange = true;\n } else {\n inRange = true;\n }\n // block predefined dates\n if (inRange && this.options.blocked) {\n for (var i=0; i'+\n obj.options.prefix +\n '
'\n );\n helper = $(obj.el).prev();\n helper\n .css({\n 'color' : $(obj.el).css('color'),\n 'font-family' : $(obj.el).css('font-family'),\n 'font-size' : $(obj.el).css('font-size'),\n 'padding-top' : $(obj.el).css('padding-top'),\n 'padding-bottom' : $(obj.el).css('padding-bottom'),\n 'padding-left' : $(obj.el).css('padding-left'),\n 'padding-right' : 0,\n 'margin-top' : (parseInt($(obj.el).css('margin-top'), 10) + 2) + 'px',\n 'margin-bottom' : (parseInt($(obj.el).css('margin-bottom'), 10) + 1) + 'px',\n 'margin-left' : $(obj.el).css('margin-left'),\n 'margin-right' : 0\n })\n .on('click', function (event) {\n if (obj.options.icon && typeof obj.onIconClick === 'function') {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'iconClick', target: obj.el, el: $(this).find('span.w2ui-icon')[0] });\n if (edata.isCancelled === true) return;\n\n // intentionally empty\n\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n } else {\n if (obj.type === 'list') {\n $(obj.helpers.focus).find('input').focus();\n } else {\n $(obj.el).focus();\n }\n }\n });\n $(obj.el).css('padding-left', (helper.width() + parseInt($(obj.el).css('padding-left'), 10)) + 'px');\n // remember helper\n obj.helpers.prefix = helper;\n }\n }, 1);\n },\n\n addSuffix: function () {\n var obj = this;\n var helper, pr;\n setTimeout(function () {\n if (obj.type === 'clear') return;\n var tmp = $(obj.el).data('tmp') || {};\n if (tmp['old-padding-right']) $(obj.el).css('padding-right', tmp['old-padding-right']);\n tmp['old-padding-right'] = $(obj.el).css('padding-right');\n $(obj.el).data('tmp', tmp);\n pr = parseInt($(obj.el).css('padding-right'), 10);\n if (obj.options.arrows) {\n // remove if already displayed\n if (obj.helpers.arrows) $(obj.helpers.arrows).remove();\n // add fresh\n $(obj.el).after(\n '' + msg + '
',\n buttons : '',\n onOpen: function () {\n $('#w2ui-popup .w2ui-message .w2ui-popup-btn').focus();\n },\n onClose: function () {\n if (typeof callBack == 'function') callBack();\n }\n });\n } else {\n w2popup.open({\n width : 450,\n height : 220,\n showMax : false,\n showClose : false,\n title : title,\n body : '' + msg + '
',\n buttons : '',\n onOpen: function (event) {\n // do not use onComplete as it is slower\n setTimeout(function () { $('#w2ui-popup .w2ui-popup-btn').focus(); }, 1);\n },\n onKeydown: function (event) {\n $('#w2ui-popup .w2ui-popup-btn').focus().addClass('clicked');\n },\n onClose: function () {\n if (typeof callBack == 'function') callBack();\n }\n });\n }\n return {\n ok: function (fun) {\n callBack = fun;\n return this;\n },\n done: function (fun) {\n callBack = fun;\n return this;\n }\n };\n};\n\nvar w2confirm = function (msg, title, callBack) {\n var $ = jQuery;\n var options = {};\n var defaults = {\n msg : '',\n title : w2utils.lang('Confirmation'),\n width : ($('#w2ui-popup').length > 0 ? 400 : 450),\n height : ($('#w2ui-popup').length > 0 ? 170 : 220),\n yes_text : 'Yes',\n yes_class : '',\n yes_style : '',\n yes_callBack: null,\n no_text : 'No',\n no_class : '',\n no_style : '',\n no_callBack : null,\n focus_to_no : false,\n callBack : null\n };\n if (arguments.length == 1 && typeof msg == 'object') {\n $.extend(options, defaults, msg);\n } else {\n if (typeof title == 'function') {\n $.extend(options, defaults, {\n msg : msg,\n callBack: title\n })\n } else {\n $.extend(options, defaults, {\n msg : msg,\n title : title,\n callBack: callBack\n })\n }\n }\n // if there is a yes/no button object\n if (typeof options.btn_yes == 'object') {\n options.yes_text = options.btn_yes.text || options.yes_text;\n options.yes_class = options.btn_yes[\"class\"] || options.yes_class;\n options.yes_style = options.btn_yes.style || options.yes_style;\n options.yes_callBack = options.btn_yes.callBack || options.yes_callBack;\n }\n if (typeof options.btn_no == 'object') {\n options.no_text = options.btn_no.text || options.no_text;\n options.no_class = options.btn_no[\"class\"] || options.no_class;\n options.no_style = options.btn_no.style || options.no_style;\n options.no_callBack = options.btn_no.callBack || options.no_callBack;\n }\n if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing' && w2popup.get()) {\n if (options.width > w2popup.get().width) options.width = w2popup.get().width;\n if (options.height > (w2popup.get().height - 50)) options.height = w2popup.get().height - 50;\n w2popup.message({\n width : options.width,\n height : options.height,\n body : '' + options.msg + '
',\n buttons : (w2utils.settings.macButtonOrder\n ? '' +\n ''\n : '' +\n ''\n ),\n onOpen: function (event) {\n $('#w2ui-popup .w2ui-message .w2ui-btn').on('click.w2confirm', function (event) {\n w2popup._confirm_btn = event.target.id;\n w2popup.message();\n });\n if (typeof options.onOpen == 'function') options.onOpen()\n },\n onClose: function (event) {\n // needed this because there might be other messages\n $('#w2ui-popup .w2ui-message .w2ui-btn').off('click.w2confirm');\n // need to wait for message to slide up\n setTimeout(function () {\n if (typeof options.callBack == 'function') options.callBack(w2popup._confirm_btn);\n if (w2popup._confirm_btn == 'Yes' && typeof options.yes_callBack == 'function') options.yes_callBack();\n if (w2popup._confirm_btn == 'No' && typeof options.no_callBack == 'function') options.no_callBack();\n }, 300);\n if (typeof options.onClose == 'function') options.onClose()\n }\n // onKeydown will not work here\n });\n\n } else {\n\n if (!w2utils.isInt(options.height)) options.height = options.height + 50;\n w2popup.open({\n width : options.width,\n height : options.height,\n title : options.title,\n modal : true,\n showClose : false,\n body : '' + options.msg + '
',\n buttons : (w2utils.settings.macButtonOrder\n ? '' +\n ''\n : '' +\n ''\n ),\n onOpen: function (event) {\n // do not use onComplete as it is slower\n setTimeout(function () {\n $('#w2ui-popup .w2ui-popup-btn').on('click', function (event) {\n w2popup.close();\n if (typeof options.callBack == 'function') options.callBack(event.target.id);\n if (event.target.id == 'Yes' && typeof options.yes_callBack == 'function') options.yes_callBack();\n if (event.target.id == 'No' && typeof options.no_callBack == 'function') options.no_callBack();\n });\n if(options.focus_to_no){\n $('#w2ui-popup .w2ui-popup-btn#No').focus();\n }else{\n $('#w2ui-popup .w2ui-popup-btn#Yes').focus();\n }\n if (typeof options.onOpen == 'function') options.onOpen()\n }, 1);\n },\n onClose: function (event) {\n if (typeof options.onClose == 'function') options.onClose()\n },\n onKeydown: function (event) {\n // if there are no messages\n if ($('#w2ui-popup .w2ui-message').length === 0) {\n switch (event.originalEvent.keyCode) {\n case 13: // enter\n $('#w2ui-popup .w2ui-popup-btn#Yes').focus().addClass('clicked'); // no need fo click as enter will do click\n w2popup.close();\n break;\n case 27: // esc\n $('#w2ui-popup .w2ui-popup-btn#No').focus().click();\n w2popup.close();\n break;\n }\n }\n }\n });\n }\n\n return {\n yes: function (fun) {\n options.yes_callBack = fun;\n return this;\n },\n no: function (fun) {\n options.no_callBack = fun;\n return this;\n }\n };\n};\n\nvar w2prompt = function (label, title, callBack) {\n var $ = jQuery;\n var options = {};\n var defaults = {\n title : w2utils.lang('Notification'),\n width : ($('#w2ui-popup').length > 0 ? 400 : 450),\n height : ($('#w2ui-popup').length > 0 ? 170 : 220),\n label : '',\n value : '',\n attrs : '',\n textarea : false,\n ok_text : w2utils.lang('Ok'),\n ok_class : '',\n cancel_text : w2utils.lang('Cancel'),\n cancel_class: '',\n callBack : null,\n onOpen : null,\n onClose : null\n }\n w2popup.tmp = w2popup.tmp || {}\n\n if (arguments.length == 1 && typeof label == 'object') {\n $.extend(options, defaults, label);\n } else {\n if (typeof title == 'function') {\n $.extend(options, defaults, {\n label : label,\n callBack: title\n })\n } else {\n $.extend(options, defaults, {\n label : label,\n title : title,\n callBack: callBack\n })\n }\n }\n\n if ($('#w2ui-popup').length > 0 && w2popup.status != 'closing' && w2popup.get()) {\n if (options.width > w2popup.get().width) options.width = w2popup.get().width;\n if (options.height > (w2popup.get().height - 50)) options.height = w2popup.get().height - 50;\n w2popup.message({\n width : options.width,\n height : options.height,\n body : (options.textarea\n ? ''+\n '
'\n : '' + options.label + '
'+\n ' '+\n ''+\n ' '+\n ' '+\n '
'\n ),\n buttons : (w2utils.settings.macButtonOrder\n ? '' +\n ''\n : '' +\n ''\n ),\n onOpen: function () {\n $('#w2prompt').val(options.value).off('.w2prompt').on('keydown.w2prompt', function(event) {\n if (event.keyCode == 13) {\n $('#w2ui-popup .w2ui-message .w2ui-btn#Ok').click()\n }\n });\n $('#w2ui-popup .w2ui-message .w2ui-btn#Ok').off('.w2prompt').on('click.w2prompt', function (event) {\n w2popup.tmp.btn = 'ok';\n w2popup.tmp.value = $('#w2prompt').val();\n w2popup.message();\n });\n $('#w2ui-popup .w2ui-message .w2ui-btn#Cancel').off('.w2prompt').on('click.w2prompt', function (event) {\n w2popup.tmp.btn = 'cancel';\n w2popup.tmp.value = null;\n w2popup.message();\n });\n // set focus\n setTimeout(function () { $('#w2prompt').focus(); }, 100);\n // some event\n if (typeof options.onOpen == 'function') options.onOpen()\n },\n onClose: function () {\n // needed this because there might be other messages\n $('#w2ui-popup .w2ui-message .w2ui-btn').off('click.w2prompt');\n // need to wait for message to slide up\n setTimeout(function () {\n btnClick(w2popup.tmp.btn, w2popup.tmp.value);\n }, 300);\n // some event\n if (typeof options.onClose == 'function') options.onClose()\n }\n // onKeydown will not work here\n });\n\n } else {\n\n if (!w2utils.isInt(options.height)) options.height = options.height + 50;\n w2popup.open({\n width : options.width,\n height : options.height,\n title : options.title,\n modal : true,\n showClose : false,\n body : (options.textarea\n ? ''+\n '
'\n : '' + options.label + '
'+\n ' '+\n ''+\n ' '+\n ' '+\n '
'\n ),\n buttons : (w2utils.settings.macButtonOrder\n ? '' +\n ''\n : ''+\n ''\n ),\n onOpen: function (event) {\n // do not use onComplete as it is slower\n setTimeout(function () {\n $('#w2prompt').val(options.value);\n $('#w2prompt').w2field('text');\n $('#w2ui-popup .w2ui-popup-btn#Ok').on('click', function (event) {\n w2popup.tmp.btn = 'ok';\n w2popup.tmp.value = $('#w2prompt').val();\n w2popup.close();\n });\n $('#w2ui-popup .w2ui-popup-btn#Cancel').on('click', function (event) {\n w2popup.tmp.btn = 'cancel';\n w2popup.tmp.value = null;\n w2popup.close();\n });\n $('#w2ui-popup .w2ui-popup-btn#Ok');\n // set focus\n setTimeout(function () { $('#w2prompt').focus(); }, 100);\n // some event\n if (typeof options.onOpen == 'function') options.onOpen()\n }, 1);\n },\n onClose: function (event) {\n // some event\n btnClick(w2popup.tmp.btn, w2popup.tmp.value);\n if (typeof options.onClose == 'function') options.onClose()\n },\n onKeydown: function (event) {\n // if there are no messages\n if ($('#w2ui-popup .w2ui-message').length === 0) {\n switch (event.originalEvent.keyCode) {\n case 13: // enter\n $('#w2ui-popup .w2ui-popup-btn#Ok').focus().addClass('clicked'); // no need fo click as enter will do click\n break;\n case 27: // esc\n w2popup.tmp.btn = 'cancel';\n w2popup.tmp.value = null;\n break;\n }\n }\n }\n });\n }\n function btnClick(btn, value) {\n if (btn == 'ok' && typeof options.ok_callBack == 'function') {\n options.ok_callBack(value)\n }\n if (btn == 'cancel' && typeof options.cancel_callBack == 'function') {\n options.cancel_callBack(value)\n }\n if (typeof options.callBack == 'function') {\n options.callBack(btn, value);\n }\n }\n return {\n change: function (fun) {\n $('#w2prompt').on('keyup', fun).keyup();\n return this;\n },\n ok: function (fun) {\n options.ok_callBack = fun;\n return this;\n },\n cancel: function (fun) {\n options.cancel_callBack = fun;\n return this;\n }\n };\n};\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2tabs - tabs widget\n* - $().w2tabs - jQuery wrapper\n* - Dependencies: jQuery, w2utils\n*\n* == NICE TO HAVE ==\n* - align = left, right, center ??\n*\n* == 1.5 changes ==\n* - tab.caption - deprecated\n*\n************************************************************************/\n\n(function ($) {\n var w2tabs = function (options) {\n this.box = null; // DOM Element that holds the element\n this.name = null; // unique name for w2ui\n this.active = null;\n this.flow = 'down'; // can be down or up\n this.tooltip = 'top|left'; // can be top, bottom, left, right\n this.tabs = [];\n this.routeData = {}; // data for dynamic routes\n this.right = '';\n this.style = '';\n\n $.extend(this, { handlers: [] });\n $.extend(true, this, w2obj.tabs, options);\n };\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2tabs = function(method) {\n if ($.isPlainObject(method)) {\n // check name parameter\n if (!w2utils.checkName(method, 'w2tabs')) return;\n // extend tabs\n var tabs = method.tabs || [];\n var object = new w2tabs(method);\n for (var i = 0; i < tabs.length; i++) {\n object.tabs[i] = $.extend({}, w2tabs.prototype.tab, tabs[i]);\n }\n if ($(this).length !== 0) {\n object.render($(this)[0]);\n }\n // register new object\n w2ui[object.name] = object;\n return object;\n } else {\n var obj = w2ui[$(this).attr('name')];\n if (!obj) return null;\n if (arguments.length > 0) {\n if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));\n return this;\n } else {\n return obj;\n }\n }\n };\n\n // ====================================================\n // -- Implementation of core functionality\n\n w2tabs.prototype = {\n onClick : null,\n onClose : null,\n onRender : null,\n onRefresh : null,\n onResize : null,\n onDestroy : null,\n\n tab : {\n id : null, // command to be sent to all event handlers\n text : null,\n route : null,\n hidden : false,\n disabled : false,\n closable : false,\n tooltip : null,\n style : '',\n onClick : null,\n onRefresh : null,\n onClose : null\n },\n\n add: function (tab) {\n return this.insert(null, tab);\n },\n\n insert: function (id, tab) {\n if (!$.isArray(tab)) tab = [tab];\n // assume it is array\n for (var i = 0; i < tab.length; i++) {\n // checks\n if (tab[i].id == null) {\n console.log('ERROR: The parameter \"id\" is required but not supplied. (obj: '+ this.name +')');\n return;\n }\n if (!w2utils.checkUniqueId(tab[i].id, this.tabs, 'tabs', this.name)) return;\n // add tab\n var newTab = $.extend({}, w2tabs.prototype.tab, tab[i]);\n if (id == null) {\n this.tabs.push(newTab);\n } else {\n var middle = this.get(id, true);\n this.tabs = this.tabs.slice(0, middle).concat([newTab], this.tabs.slice(middle));\n }\n this.refresh(tab[i].id);\n this.resize();\n }\n },\n\n remove: function () {\n var removed = 0;\n for (var a = 0; a < arguments.length; a++) {\n var tab = this.get(arguments[a]);\n if (!tab) return false;\n removed++;\n // remove from array\n this.tabs.splice(this.get(tab.id, true), 1);\n // remove from screen\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id)).remove();\n }\n this.resize();\n return removed;\n },\n\n select: function (id) {\n if (this.active == id || this.get(id) == null) return false;\n this.active = id;\n this.refresh();\n return true;\n },\n\n set: function (id, tab) {\n var index = this.get(id, true);\n if (index == null) return false;\n $.extend(this.tabs[index], tab);\n this.refresh(id);\n return true;\n },\n\n get: function (id, returnIndex) {\n if (arguments.length === 0) {\n var all = [];\n for (var i1 = 0; i1 < this.tabs.length; i1++) {\n if (this.tabs[i1].id != null) {\n all.push(this.tabs[i1].id);\n }\n }\n return all;\n } else {\n for (var i2 = 0; i2 < this.tabs.length; i2++) {\n if (this.tabs[i2].id == id) { // need to be == since id can be numeric\n return (returnIndex === true ? i2 : this.tabs[i2]);\n }\n }\n }\n return null;\n },\n\n show: function () {\n var obj = this;\n var shown = 0;\n var tmp = [];\n for (var a = 0; a < arguments.length; a++) {\n var tab = this.get(arguments[a]);\n if (!tab || tab.hidden === false) continue;\n shown++;\n tab.hidden = false;\n tmp.push(tab.id);\n }\n setTimeout(function () { for (var t=0; t'+\n '
';\n }\n var tabHTML = closable +\n ' ' + w2utils.lang(text) + '
';\n if (jq_el.length === 0) {\n // does not exist - create it\n var addStyle = '';\n if (tab.hidden) { addStyle += 'display: none;'; }\n if (tab.disabled) { addStyle += 'opacity: 0.2;'; }\n var html = ''+\n ''+\n '
'+\n '
'+\n ''+\n '';\n $(this.box)\n .attr('name', this.name)\n .addClass('w2ui-reset w2ui-tabs')\n .html(html);\n if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n this.refresh();\n this.resize();\n return (new Date()).getTime() - time;\n },\n\n scroll: function (direction) {\n var box = $(this.box);\n var obj = this;\n var scrollBox = box.find('.w2ui-scroll-wrapper');\n var scrollLeft = scrollBox.scrollLeft();\n var width1, width2, scroll;\n\n switch (direction) {\n case 'left':\n width1 = scrollBox.outerWidth();\n width2 = scrollBox.find(':first').outerWidth();\n scroll = scrollLeft - width1 + 50; // 35 is width of both button\n if (scroll <= 0) scroll = 0;\n scrollBox.animate({ scrollLeft: scroll }, 300);\n break;\n\n case 'right':\n width1 = scrollBox.outerWidth();\n width2 = scrollBox.find(':first').outerWidth();\n scroll = scrollLeft + width1 - 50; // 35 is width of both button\n if (scroll >= width2 - width1) scroll = width2 - width1;\n scrollBox.animate({ scrollLeft: scroll }, 300);\n break;\n }\n setTimeout(function () { obj.resize(); }, 350);\n },\n\n\n resize: function () {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name });\n if (edata.isCancelled === true) return;\n\n // show hide overflow buttons\n var box = $(this.box);\n box.find('.w2ui-scroll-left, .w2ui-scroll-right').hide();\n var scrollBox = box.find('.w2ui-scroll-wrapper');\n if (scrollBox.find(':first').outerWidth() > scrollBox.outerWidth()) {\n // we have overflowed content\n if (scrollBox.scrollLeft() > 0) {\n box.find('.w2ui-scroll-left').show();\n }\n if (scrollBox.scrollLeft() < scrollBox.find(':first').outerWidth() - scrollBox.outerWidth()) {\n box.find('.w2ui-scroll-right').show();\n }\n }\n\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n destroy: function () {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });\n if (edata.isCancelled === true) return;\n // clean up\n if ($(this.box).find('> table #tabs_'+ this.name + '_right').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-tabs')\n .html('');\n }\n delete w2ui[this.name];\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n // ===================================================\n // -- Internal Event Handlers\n\n click: function (id, event) {\n var tab = this.get(id);\n if (tab == null || tab.disabled) return false;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'click', target: id, tab: tab, object: tab, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.active) +' .w2ui-tab').removeClass('active');\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(this.active) +' .w2ui-tab-close').removeClass('active');\n this.active = tab.id;\n // route processing\n if (typeof tab.route == 'string') {\n var route = tab.route !== '' ? String('/'+ tab.route).replace(/\\/{2,}/g, '/') : '';\n var info = w2utils.parseRoute(route);\n if (info.keys.length > 0) {\n for (var k = 0; k < info.keys.length; k++) {\n if (this.routeData[info.keys[k].name] == null) continue;\n route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), this.routeData[info.keys[k].name]);\n }\n }\n setTimeout(function () { window.location.hash = route; }, 1);\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n this.refresh(id);\n },\n\n animateClose: function(id, event) {\n var tab = this.get(id);\n if (tab == null || tab.disabled) return false;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'close', target: id, object: this.get(id), originalEvent: event });\n if (edata.isCancelled === true) return;\n // default action\n var obj = this;\n $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id)).css(w2utils.cssPrefix('transition', '.2s')).css('opacity', '0');\n setTimeout(function () {\n var width = $(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id)).width();\n $(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id))\n .html('');\n setTimeout(function () {\n $(obj.box).find('#tabs_'+ obj.name +'_tab_'+ w2utils.escapeId(tab.id)).find(':first-child').css({ 'width': '0px' });\n }, 50);\n }, 200);\n setTimeout(function () {\n obj.remove(id);\n }, 450);\n // event before\n this.trigger($.extend(edata, { phase: 'after' }));\n this.refresh();\n },\n\n animateInsert: function(id, tab) {\n if (this.get(id) == null) return;\n if (!$.isPlainObject(tab)) return;\n // check for unique\n if (!w2utils.checkUniqueId(tab.id, this.tabs, 'tabs', this.name)) return;\n // insert simple div\n var jq_el = $(this.box).find('#tabs_'+ this.name +'_tab_'+ w2utils.escapeId(tab.id));\n if (jq_el.length !== 0) return; // already exists\n // measure width\n if (tab.text == null && tab.caption != null) tab.text = tab.caption;\n var tmp = '| '+ this.right +' |
'+\n '
'+\n '
';\n $('body').append(tmp);\n // create dummy element\n var tabHTML = '| '+\n (tab.closable ? '' : '') +\n ' '+ tab.text +' '+\n ' |
'+\n ''+\n '
'+\n ''+\n '';\n $(this.box)\n .attr('name', this.name)\n .addClass('w2ui-reset w2ui-toolbar')\n .html(html);\n if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;\n // refresh all\n this.refresh();\n this.resize();\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n refresh: function (id) {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'refresh', target: (id != null ? id : this.name), item: this.get(id) });\n if (edata.isCancelled === true) return;\n // refresh all\n if (id == null) {\n for (var i = 0; i < this.items.length; i++) {\n var it1 = this.items[i];\n if (it1.id == null) it1.id = \"item_\" + i;\n this.refresh(it1.id);\n }\n return;\n }\n // create or refresh only one item\n var it = this.get(id);\n if (it == null) return false;\n if (typeof it.onRefresh == 'function') {\n var edata2 = this.trigger({ phase: 'before', type: 'refresh', target: id, item: it, object: it });\n if (edata2.isCancelled === true) return;\n }\n var el = $(this.box).find('#tb_'+ this.name +'_item_'+ w2utils.escapeId(it.id));\n var html = this.getItemHTML(it);\n // hide tooltip\n this.tooltipHide(id, {});\n\n if (el.length === 0) {\n // does not exist - create it\n if (it.type == 'spacer') {\n html = '| ';\n } else {\n html += ' | '+\n ' | ';\n }\n }\n html += ''+ this.right +' | ';\n html += '
' + w2utils.lang(item.text) + '
' : '');\n }\n if (item.type == 'text-color') {\n text = ''+\n (item.text ? w2utils.lang(item.text) : 'Aa') +\n '
';\n }\n case 'menu':\n case 'menu-check':\n case 'menu-radio':\n case 'button':\n case 'check':\n case 'radio':\n case 'drop':\n html += ''+\n '
|
| ' + (typeof item.html == 'function' ? item.html.call(this, item) : item.html) + ' | '+\n '
' + html + '
';\n },\n\n tooltipShow: function (id, event, forceRefresh) {\n if (this.tooltip == null) return;\n var $el = $(this.box).find('#tb_'+ this.name + '_item_'+ w2utils.escapeId(id));\n var item = this.get(id);\n var pos = this.tooltip;\n var txt = item.tooltip;\n if (typeof txt == 'function') txt = txt.call(this, item);\n clearTimeout(this._tooltipTimer);\n this._tooltipTimer = setTimeout(function () {\n if ($el.prop('_mouse_tooltip') !== true) {\n $el.prop('_mouse_tooltip', true);\n // show tooltip\n if (['menu', 'menu-radio', 'menu-check', 'drop', 'color', 'text-color'].indexOf(item.type) != -1 && item.checked == true) return; // not for opened drop downs\n $el.w2tag(w2utils.lang(txt), { position: pos });\n }\n }, 0);\n // refresh only\n if ($el.prop('_mouse_tooltip') && forceRefresh == true) {\n $el.w2tag(w2utils.lang(txt), { position: pos });\n }\n },\n\n tooltipHide: function (id, event) {\n if (this.tooltip == null) return;\n var $el = $(this.box).find('#tb_'+ this.name + '_item_'+ w2utils.escapeId(id));\n var item = this.get(id);\n clearTimeout(this._tooltipTimer);\n setTimeout(function () {\n if ($el.prop('_mouse_tooltip') === true) {\n $el.removeProp('_mouse_tooltip');\n // hide tooltip\n $el.w2tag();\n }\n }, 1);\n },\n\n menuClick: function (event) {\n var obj = this;\n if (event.item && !event.item.disabled) {\n // event before\n var edata = this.trigger({ phase: 'before', type: (event.remove !== true ? 'click' : 'remove'), target: event.item.id + ':' + event.subItem.id, item: event.item,\n subItem: event.subItem, originalEvent: event.originalEvent });\n if (edata.isCancelled === true) return;\n\n // route processing\n var it = event.subItem;\n var item = this.get(event.item.id);\n var items = item.items;\n if (typeof items == 'function') items = item.items();\n if (item.type == 'menu-radio') {\n item.selected = it.id;\n if (Array.isArray(items)) {\n items.forEach(function (item) {\n if (item.checked === true) delete item.checked;\n if (Array.isArray(item.items)) {\n item.items.forEach(function (item) {\n if (item.checked === true) delete item.checked;\n })\n }\n });\n }\n it.checked = true;\n }\n if (item.type == 'menu-check') {\n if (!$.isArray(item.selected)) item.selected = [];\n if (it.group == null) {\n var ind = item.selected.indexOf(it.id);\n if (ind == -1) {\n item.selected.push(it.id);\n it.checked = true;\n } else {\n item.selected.splice(ind, 1);\n it.checked = false;\n }\n } else if (it.group === false) {\n // if group is false, then it is not part of checkboxes\n } else {\n var unchecked = [];\n // recursive\n (function checkNested(items) {\n items.forEach(function (sub) {\n if (sub.group === it.group) {\n var ind = item.selected.indexOf(sub.id);\n if (ind != -1) {\n if (sub.id != it.id) unchecked.push(sub.id);\n item.selected.splice(ind, 1);\n }\n }\n if (Array.isArray(sub.items)) checkNested(sub.items)\n });\n })(items);\n var ind = item.selected.indexOf(it.id);\n if (ind == -1) {\n item.selected.push(it.id);\n it.checked = true;\n }\n }\n }\n if (typeof it.route == 'string') {\n var route = it.route !== '' ? String('/'+ it.route).replace(/\\/{2,}/g, '/') : '';\n var info = w2utils.parseRoute(route);\n if (info.keys.length > 0) {\n for (var k = 0; k < info.keys.length; k++) {\n if (obj.routeData[info.keys[k].name] == null) continue;\n route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), this.routeData[info.keys[k].name]);\n }\n }\n setTimeout(function () { window.location.hash = route; }, 1);\n }\n this.refresh(event.item.id);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n },\n\n colorClick: function (event) {\n var obj = this;\n if (event.item && !event.item.disabled) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'click', target: event.item.id, item: event.item,\n color: event.color, final: event.final, originalEvent: event.originalEvent });\n if (edata.isCancelled === true) return;\n\n // default behavior\n event.item.color = event.color;\n obj.refresh(event.item.id);\n\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n }\n };\n\n $.extend(w2toolbar.prototype, w2utils.event);\n w2obj.toolbar = w2toolbar;\n})(jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2sidebar - sidebar widget\n* - $().w2sidebar - jQuery wrapper\n* - Dependencies: jQuery, w2utils\n*\n* == NICE TO HAVE ==\n* - add find() method to find nodes by a specific criteria (I want all nodes for exampe)\n* - dbl click should be like it is in grid (with timer not HTML dbl click event)\n* - reorder with dgrag and drop\n* - node.style is misleading - should be there to apply color for example\n* - add multiselect\n* - node.caption - deprecated\n* - node.text - can be a function\n* - node.icon - can be a function\n*\n* == 1.5 changes\n* - node.class - ne property\n* - sb.levelPadding\n* - sb.handle (for debugger points)\n* - node.style\n* - sb.updte()\n*\n************************************************************************/\n\n(function ($) {\n var w2sidebar = function (options) {\n this.name = null;\n this.box = null;\n this.sidebar = null;\n this.parent = null;\n this.nodes = []; // Sidebar child nodes\n this.menu = [];\n this.routeData = {}; // data for dynamic routes\n this.selected = null; // current selected node (readonly)\n this.img = null;\n this.icon = null;\n this.style = '';\n this.topHTML = '';\n this.bottomHTML = '';\n this.flatButton = false;\n this.keyboard = true;\n this.flat = false;\n this.hasFocus = false;\n\n $.extend(true, this, w2obj.sidebar, options);\n };\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2sidebar = function(method) {\n if ($.isPlainObject(method)) {\n // check name parameter\n if (!w2utils.checkName(method, 'w2sidebar')) return;\n // extend items\n var nodes = method.nodes;\n var object = new w2sidebar(method);\n $.extend(object, { handlers: [], nodes: [] });\n if (nodes != null) {\n object.add(object, nodes);\n }\n if ($(this).length !== 0) {\n object.render($(this)[0]);\n }\n object.sidebar = object;\n // register new object\n w2ui[object.name] = object;\n return object;\n\n } else {\n var obj = w2ui[$(this).attr('name')];\n if (!obj) return null;\n if (arguments.length > 0) {\n if (obj[method]) obj[method].apply(obj, Array.prototype.slice.call(arguments, 1));\n return this;\n } else {\n return obj;\n }\n }\n };\n\n // ====================================================\n // -- Implementation of core functionality\n\n w2sidebar.prototype = {\n levelPadding : 12,\n handle : { size: 0, style: '', content: '' },\n onClick : null, // Fire when user click on Node Text\n onDblClick : null, // Fire when user dbl clicks\n onContextMenu : null,\n onMenuClick : null, // when context menu item selected\n onExpand : null, // Fire when node Expands\n onCollapse : null, // Fire when node Colapses\n onKeydown : null,\n onRender : null,\n onRefresh : null,\n onResize : null,\n onDestroy : null,\n onFocus : null,\n onBlur : null,\n onFlat : null,\n\n node: {\n id : null,\n text : '',\n count : null,\n img : null,\n icon : null,\n nodes : [],\n style : '', // additional style for subitems\n route : null,\n selected : false,\n expanded : false,\n hidden : false,\n disabled : false,\n group : false, // if true, it will build as a group\n groupShowHide : true,\n collapsible : false,\n plus : false, // if true, plus will be shown even if there is no sub nodes\n // events\n onClick : null,\n onDblClick : null,\n onContextMenu : null,\n onExpand : null,\n onCollapse : null,\n // internal\n parent : null, // node object\n sidebar : null\n },\n\n add: function (parent, nodes) {\n if (arguments.length == 1) {\n // need to be in reverse order\n nodes = arguments[0];\n parent = this;\n }\n if (typeof parent == 'string') parent = this.get(parent);\n return this.insert(parent, null, nodes);\n },\n\n insert: function (parent, before, nodes) {\n var txt, ind, tmp, node, nd;\n if (arguments.length == 2) {\n // need to be in reverse order\n nodes = arguments[1];\n before = arguments[0];\n if (before != null) {\n ind = this.get(before);\n if (ind == null) {\n if (!$.isArray(nodes)) nodes = [nodes];\n if (nodes[0].caption != null && nodes[0].text == null) {\n console.log('NOTICE: sidebar node.caption property is deprecated, please use node.text. Node -> ', nodes[0]);\n nodes[0].text = nodes[0].caption;\n }\n txt = nodes[0].text;\n console.log('ERROR: Cannot insert node \"'+ txt +'\" because cannot find node \"'+ before +'\" to insert before.');\n return null;\n }\n parent = this.get(before).parent;\n } else {\n parent = this;\n }\n }\n if (typeof parent == 'string') parent = this.get(parent);\n if (!$.isArray(nodes)) nodes = [nodes];\n for (var o = 0; o < nodes.length; o++) {\n node = nodes[o];\n if (typeof node.id == null) {\n if (node.caption != null && node.text == null) {\n console.log('NOTICE: sidebar node.caption property is deprecated, please use node.text');\n node.text = node.caption;\n }\n txt = node.text;\n console.log('ERROR: Cannot insert node \"'+ txt +'\" because it has no id.');\n continue;\n }\n if (this.get(this, node.id) != null) {\n console.log('ERROR: Cannot insert node with id='+ node.id +' (text: '+ node.text + ') because another node with the same id already exists.');\n continue;\n }\n tmp = $.extend({}, w2sidebar.prototype.node, node);\n tmp.sidebar = this;\n tmp.parent = parent;\n nd = tmp.nodes || [];\n tmp.nodes = []; // very important to re-init empty nodes array\n if (before == null) { // append to the end\n parent.nodes.push(tmp);\n } else {\n ind = this.get(parent, before, true);\n if (ind == null) {\n console.log('ERROR: Cannot insert node \"'+ node.text +'\" because cannot find node \"'+ before +'\" to insert before.');\n return null;\n }\n parent.nodes.splice(ind, 0, tmp);\n }\n if (nd.length > 0) {\n this.insert(tmp, null, nd);\n }\n }\n this.refresh(parent.id);\n return tmp;\n },\n\n remove: function () { // multiple arguments\n var deleted = 0;\n var tmp;\n for (var a = 0; a < arguments.length; a++) {\n tmp = this.get(arguments[a]);\n if (tmp == null) continue;\n if (this.selected != null && this.selected === tmp.id) {\n this.selected = null;\n }\n var ind = this.get(tmp.parent, arguments[a], true);\n if (ind == null) continue;\n if (tmp.parent.nodes[ind].selected) tmp.sidebar.unselect(tmp.id);\n tmp.parent.nodes.splice(ind, 1);\n deleted++;\n }\n if (deleted > 0 && arguments.length == 1) this.refresh(tmp.parent.id); else this.refresh();\n return deleted;\n },\n\n set: function (parent, id, node) {\n if (arguments.length == 2) {\n // need to be in reverse order\n node = id;\n id = parent;\n parent = this;\n }\n // searches all nested nodes\n if (typeof parent == 'string') parent = this.get(parent);\n if (parent.nodes == null) return null;\n for (var i = 0; i < parent.nodes.length; i++) {\n if (parent.nodes[i].id === id) {\n // see if quick update is possible\n var res = this.update(id, node)\n if (Object.keys(res).length != 0) {\n // make sure nodes inserted correctly\n var nodes = node.nodes;\n $.extend(parent.nodes[i], node, { nodes: [] });\n if (nodes != null) {\n this.add(parent.nodes[i], nodes);\n }\n this.refresh(id);\n }\n return true;\n } else {\n var rv = this.set(parent.nodes[i], id, node);\n if (rv) return true;\n }\n }\n return false;\n },\n\n get: function (parent, id, returnIndex) { // can be just called get(id) or get(id, true)\n if (arguments.length === 0) {\n var all = [];\n var tmp = this.find({});\n for (var t = 0; t < tmp.length; t++) {\n if (tmp[t].id != null) all.push(tmp[t].id);\n }\n return all;\n } else {\n if (arguments.length == 1 || (arguments.length == 2 && id === true) ) {\n // need to be in reverse order\n returnIndex = id;\n id = parent;\n parent = this;\n }\n // searches all nested nodes\n if (typeof parent == 'string') parent = this.get(parent);\n if (parent.nodes == null) return null;\n for (var i = 0; i < parent.nodes.length; i++) {\n if (parent.nodes[i].id == id) {\n if (returnIndex === true) return i; else return parent.nodes[i];\n } else {\n var rv = this.get(parent.nodes[i], id, returnIndex);\n if (rv || rv === 0) return rv;\n }\n }\n return null;\n }\n },\n\n find: function (parent, params, results) { // can be just called find({ selected: true })\n if (arguments.length == 1) {\n // need to be in reverse order\n params = parent;\n parent = this;\n }\n if (!results) results = [];\n // searches all nested nodes\n if (typeof parent == 'string') parent = this.get(parent);\n if (parent.nodes == null) return results;\n for (var i = 0; i < parent.nodes.length; i++) {\n var match = true;\n for (var prop in params) { // params is an object\n if (parent.nodes[i][prop] != params[prop]) match = false;\n }\n if (match) results.push(parent.nodes[i]);\n if (parent.nodes[i].nodes.length > 0) results = this.find(parent.nodes[i], params, results);\n }\n return results;\n },\n\n hide: function () { // multiple arguments\n var effected = 0;\n for (var a = 0; a < arguments.length; a++) {\n var tmp = this.get(arguments[a]);\n if (tmp == null || tmp.hidden === true) continue;\n tmp.hidden = true;\n effected++;\n }\n if (effected > 0) {\n if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();\n }\n return effected;\n },\n\n show: function () { // multiple arguments\n var effected = 0;\n for (var a = 0; a < arguments.length; a++) {\n var tmp = this.get(arguments[a]);\n if (tmp == null || tmp.hidden === false) continue;\n tmp.hidden = false;\n effected++;\n }\n if (effected > 0) {\n if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();\n }\n return effected;\n },\n\n disable: function () { // multiple arguments\n var effected = 0;\n for (var a = 0; a < arguments.length; a++) {\n var tmp = this.get(arguments[a]);\n if (tmp == null || tmp.disabled === true) continue;\n tmp.disabled = true;\n if (tmp.selected) this.unselect(tmp.id);\n effected++;\n }\n if (effected > 0) {\n if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();\n }\n return effected;\n },\n\n enable: function () { // multiple arguments\n var effected = 0;\n for (var a = 0; a < arguments.length; a++) {\n var tmp = this.get(arguments[a]);\n if (tmp == null || tmp.disabled === false) continue;\n tmp.disabled = false;\n effected++;\n }\n if (effected > 0) {\n if (arguments.length == 1) this.refresh(arguments[0]); else this.refresh();\n }\n return effected;\n },\n\n select: function (id) {\n // var obj = this;\n var new_node = this.get(id);\n if (!new_node) return false;\n if (this.selected == id && new_node.selected) return false;\n this.unselect(this.selected);\n var $el = $(this.box).find('#node_'+ w2utils.escapeId(id));\n $el.addClass('w2ui-selected')\n .find('.w2ui-icon')\n .addClass('w2ui-icon-selected')\n if ($el.length > 0) {\n this.scrollIntoView(id, true)\n }\n new_node.selected = true;\n this.selected = id;\n return true;\n },\n\n unselect: function (id) {\n // if no arguments provided, unselect selected node\n if (arguments.length === 0) {\n id = this.selected;\n }\n var current = this.get(id);\n if (!current) return false;\n current.selected = false;\n $(this.box).find('#node_'+ w2utils.escapeId(id))\n .removeClass('w2ui-selected')\n .find('.w2ui-icon').removeClass('w2ui-icon-selected');\n if (this.selected == id) this.selected = null;\n return true;\n },\n\n toggle: function(id) {\n var nd = this.get(id);\n if (nd == null) return false;\n if (nd.plus) {\n this.set(id, { plus: false });\n this.expand(id);\n this.refresh(id);\n return;\n }\n if (nd.nodes.length === 0) return false;\n if (!nd.collapsible) return false;\n if (this.get(id).expanded) return this.collapse(id); else return this.expand(id);\n },\n\n collapse: function (id) {\n var obj = this;\n var nd = this.get(id);\n if (nd == null) return false\n // event before\n var edata = this.trigger({ phase: 'before', type: 'collapse', target: id, object: nd });\n if (edata.isCancelled === true) return;\n // default action\n $(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideUp(200);\n $(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-expanded').removeClass('w2ui-expanded').addClass('w2ui-collapsed')\n nd.expanded = false;\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n setTimeout(function () { obj.refresh(id); }, 200);\n return true;\n },\n\n collapseAll: function (parent) {\n if (parent == null) parent = this;\n if (typeof parent == 'string') parent = this.get(parent);\n if (parent.nodes == null) return false;\n for (var i = 0; i < parent.nodes.length; i++) {\n if (parent.nodes[i].expanded === true) parent.nodes[i].expanded = false;\n if (parent.nodes[i].nodes && parent.nodes[i].nodes.length > 0) this.collapseAll(parent.nodes[i]);\n }\n this.refresh(parent.id);\n return true;\n },\n\n expand: function (id) {\n var obj = this;\n var nd = this.get(id);\n // event before\n var edata = this.trigger({ phase: 'before', type: 'expand', target: id, object: nd });\n if (edata.isCancelled === true) return;\n // default action\n $(this.box).find('#node_'+ w2utils.escapeId(id) +'_sub').slideDown(200);\n $(this.box).find('#node_'+ w2utils.escapeId(id) +' .w2ui-collapsed').removeClass('w2ui-collapsed').addClass('w2ui-expanded')\n nd.expanded = true;\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n setTimeout(function () { obj.refresh(id); }, 200);\n return true;\n },\n\n expandAll: function (parent) {\n if (parent == null) parent = this;\n if (typeof parent == 'string') parent = this.get(parent);\n if (parent.nodes == null) return false;\n for (var i = 0; i < parent.nodes.length; i++) {\n if (parent.nodes[i].expanded === false) parent.nodes[i].expanded = true;\n if (parent.nodes[i].nodes && parent.nodes[i].nodes.length > 0) this.expandAll(parent.nodes[i]);\n }\n this.refresh(parent.id);\n },\n\n expandParents: function (id) {\n var node = this.get(id);\n if (node == null) return false;\n if (node.parent) {\n if (!node.parent.expanded) {\n node.parent.expanded = true;\n this.refresh(node.parent.id);\n }\n this.expandParents(node.parent.id);\n }\n return true;\n },\n\n click: function (id, event) {\n var obj = this;\n var nd = this.get(id);\n if (nd == null) return;\n if (nd.disabled || nd.group) return; // should click event if already selected\n // unselect all previsously\n $(obj.box).find('.w2ui-node.w2ui-selected').each(function (index, el) {\n var oldID = $(el).attr('id').replace('node_', '');\n var oldNode = obj.get(oldID);\n if (oldNode != null) oldNode.selected = false;\n $(el).removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');\n });\n // select new one\n var newNode = $(obj.box).find('#node_'+ w2utils.escapeId(id));\n var oldNode = $(obj.box).find('#node_'+ w2utils.escapeId(obj.selected));\n newNode.addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');\n // need timeout to allow rendering\n setTimeout(function () {\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'click', target: id, originalEvent: event, node: nd, object: nd });\n if (edata.isCancelled === true) {\n // restore selection\n newNode.removeClass('w2ui-selected').find('.w2ui-icon').removeClass('w2ui-icon-selected');\n oldNode.addClass('w2ui-selected').find('.w2ui-icon').addClass('w2ui-icon-selected');\n return;\n }\n // default action\n if (oldNode != null) oldNode.selected = false;\n obj.get(id).selected = true;\n obj.selected = id;\n // route processing\n if (typeof nd.route == 'string') {\n var route = nd.route !== '' ? String('/'+ nd.route).replace(/\\/{2,}/g, '/') : '';\n var info = w2utils.parseRoute(route);\n if (info.keys.length > 0) {\n for (var k = 0; k < info.keys.length; k++) {\n if (obj.routeData[info.keys[k].name] == null) continue;\n route = route.replace((new RegExp(':'+ info.keys[k].name, 'g')), obj.routeData[info.keys[k].name]);\n }\n }\n setTimeout(function () { window.location.hash = route; }, 1);\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }, 1);\n },\n\n focus: function (event) {\n var obj = this;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'focus', target: this.name, originalEvent: event });\n if (edata.isCancelled === true) return false;\n // default behaviour\n this.hasFocus = true;\n $(this.box).find('.w2ui-sidebar-body').addClass('w2ui-focus');\n setTimeout(function () {\n var $input = $(obj.box).find('#sidebar_'+ obj.name + '_focus');\n if (!$input.is(':focus')) $input.focus();\n }, 10);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n blur: function (event) {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'blur', target: this.name, originalEvent: event });\n if (edata.isCancelled === true) return false;\n // default behaviour\n this.hasFocus = false;\n $(this.box).find('.w2ui-sidebar-body').removeClass('w2ui-focus');\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n keydown: function (event) {\n var obj = this;\n var nd = obj.get(obj.selected);\n if (obj.keyboard !== true) return;\n if (!nd) nd = obj.nodes[0];\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'keydown', target: obj.name, originalEvent: event });\n if (edata.isCancelled === true) return;\n // default behaviour\n if (event.keyCode == 13 || event.keyCode == 32) { // enter or space\n if (nd.nodes.length > 0) obj.toggle(obj.selected);\n }\n if (event.keyCode == 37) { // left\n if (nd.nodes.length > 0 && nd.expanded) {\n obj.collapse(obj.selected);\n } else {\n selectNode(nd.parent);\n if (!nd.parent.group) obj.collapse(nd.parent.id);\n }\n }\n if (event.keyCode == 39) { // right\n if ((nd.nodes.length > 0 || nd.plus) && !nd.expanded) obj.expand(obj.selected);\n }\n if (event.keyCode == 38) { // up\n if (obj.get(obj.selected) == null) {\n selectNode(this.nodes[0] || null);\n } else {\n selectNode(neighbor(nd, prev));\n }\n }\n if (event.keyCode == 40) { // down\n if (obj.get(obj.selected) == null) {\n selectNode(this.nodes[0] || null);\n } else {\n selectNode(neighbor(nd, next));\n }\n }\n // cancel event if needed\n if ($.inArray(event.keyCode, [13, 32, 37, 38, 39, 40]) != -1) {\n if (event.preventDefault) event.preventDefault();\n if (event.stopPropagation) event.stopPropagation();\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n\n function selectNode (node, event) {\n if (node != null && !node.hidden && !node.disabled && !node.group) {\n obj.click(node.id, event);\n setTimeout(function () { obj.scrollIntoView(); }, 50);\n }\n }\n\n function neighbor (node, neighborFunc) {\n node = neighborFunc(node);\n while (node != null && (node.hidden || node.disabled)) {\n if (node.group) break; else node = neighborFunc(node);\n }\n return node;\n }\n\n function next (node, noSubs) {\n if (node == null) return null;\n var parent = node.parent;\n var ind = obj.get(node.id, true);\n var nextNode = null;\n // jump inside\n if (node.expanded && node.nodes.length > 0 && noSubs !== true) {\n var t = node.nodes[0];\n if (t.hidden || t.disabled || t.group) nextNode = next(t); else nextNode = t;\n } else {\n if (parent && ind + 1 < parent.nodes.length) {\n nextNode = parent.nodes[ind + 1];\n } else {\n nextNode = next(parent, true); // jump to the parent\n }\n }\n if (nextNode != null && (nextNode.hidden || nextNode.disabled || nextNode.group)) nextNode = next(nextNode);\n return nextNode;\n }\n\n function prev (node) {\n if (node == null) return null;\n var parent = node.parent;\n var ind = obj.get(node.id, true);\n var prevNode = (ind > 0) ? lastChild(parent.nodes[ind - 1]) : parent;\n if (prevNode != null && (prevNode.hidden || prevNode.disabled || prevNode.group)) prevNode = prev(prevNode);\n return prevNode;\n }\n\n function lastChild (node) {\n if (node.expanded && node.nodes.length > 0) {\n var t = node.nodes[node.nodes.length - 1];\n if (t.hidden || t.disabled || t.group) return prev(t); else return lastChild(t);\n }\n return node;\n }\n },\n\n scrollIntoView: function (id, instant) {\n if (id == null) id = this.selected;\n var nd = this.get(id);\n if (nd == null) return;\n var body = $(this.box).find('.w2ui-sidebar-body');\n var item = $(this.box).find('#node_'+ w2utils.escapeId(id));\n var offset = item.offset().top - body.offset().top;\n if (offset + item.height() > body.height() || offset <= 0) {\n body.animate({ 'scrollTop': body.scrollTop() + offset - body.height() / 2 + item.height() }, instant ? 0 : 250, 'linear');\n }\n },\n\n dblClick: function (id, event) {\n var nd = this.get(id);\n // event before\n var edata = this.trigger({ phase: 'before', type: 'dblClick', target: id, originalEvent: event, object: nd });\n if (edata.isCancelled === true) return;\n // default action\n this.toggle(id);\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n contextMenu: function (id, event) {\n var obj = this;\n var nd = obj.get(id);\n if (id != obj.selected) obj.click(id);\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'contextMenu', target: id, originalEvent: event, object: nd, allowOnDisabled: false });\n if (edata.isCancelled === true) return;\n // default action\n if (nd.disabled && !edata.allowOnDisabled) return;\n if (obj.menu.length > 0) {\n $(obj.box).find('#node_'+ w2utils.escapeId(id))\n .w2menu({\n items: obj.menu,\n contextMenu: true,\n originalEvent: event,\n onSelect: function (event) {\n obj.menuClick(id, parseInt(event.index), event.originalEvent);\n }\n }\n );\n }\n // cancel event\n if (event.preventDefault) event.preventDefault();\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n },\n\n menuClick: function (itemId, index, event) {\n var obj = this;\n // event before\n var edata = obj.trigger({ phase: 'before', type: 'menuClick', target: itemId, originalEvent: event, menuIndex: index, menuItem: obj.menu[index] });\n if (edata.isCancelled === true) return;\n // default action\n // -- empty\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n },\n\n goFlat: function () {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'flat', goFlat: !this.flat });\n if (edata.isCancelled === true) return;\n // default action\n this.flat = !this.flat;\n this.refresh();\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n render: function (box) {\n var time = (new Date()).getTime();\n var obj = this;\n // event before\n var edata = this.trigger({ phase: 'before', type: 'render', target: this.name, box: box });\n if (edata.isCancelled === true) return;\n // default action\n if (box != null) {\n if ($(this.box).find('> div > div.w2ui-sidebar-body').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-sidebar')\n .html('');\n }\n this.box = box;\n }\n if (!this.box) return;\n $(this.box)\n .attr('name', this.name)\n .addClass('w2ui-reset w2ui-sidebar')\n .html(''+\n ''+\n '' +\n ''+\n ''+\n '
'\n );\n $(this.box).find('> div').css({\n width : $(this.box).width() + 'px',\n height : $(this.box).height() + 'px'\n });\n if ($(this.box).length > 0) $(this.box)[0].style.cssText += this.style;\n // adjust top and bottom\n var flatHTML = '';\n if (this.flatButton == true) {\n flatHTML = '';\n }\n if (this.topHTML !== '' || flatHTML !== '') {\n $(this.box).find('.w2ui-sidebar-top').html(this.topHTML + flatHTML);\n $(this.box).find('.w2ui-sidebar-body')\n .css('top', $(this.box).find('.w2ui-sidebar-top').height() + 'px');\n }\n if (this.bottomHTML !== '') {\n $(this.box).find('.w2ui-sidebar-bottom').html(this.bottomHTML);\n $(this.box).find('.w2ui-sidebar-body')\n .css('bottom', $(this.box).find('.w2ui-sidebar-bottom').height() + 'px');\n }\n // focus\n var kbd_timer;\n $(this.box).find('#sidebar_'+ this.name + '_focus')\n .on('focus', function (event) {\n clearTimeout(kbd_timer);\n if (!obj.hasFocus) obj.focus(event);\n })\n .on('blur', function (event) {\n kbd_timer = setTimeout(function () {\n if (obj.hasFocus) { obj.blur(event); }\n }, 100);\n })\n .on('keydown', function (event) {\n if (event.keyCode != 9) { // not tab\n w2ui[obj.name].keydown.call(w2ui[obj.name], event);\n }\n });\n $(this.box).off('mousedown').on('mousedown', function (event) {\n // set focus to grid\n setTimeout(function () {\n // if input then do not focus\n if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(event.target.tagName.toUpperCase()) == -1) {\n var $input = $(obj.box).find('#sidebar_'+ obj.name + '_focus');\n if (!$input.is(':focus')) {\n if ($(event.target).hasClass('w2ui-node')) {\n var top = $(event.target).position().top + $(obj.box).find('.w2ui-sidebar-top').height() + event.offsetY;\n $input.css({ top: top + 'px', left: '0px' });\n }\n $input.focus();\n }\n }\n }, 1);\n });\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n // ---\n this.refresh();\n return (new Date()).getTime() - time;\n },\n\n update: function (id, options) {\n // quick function to refresh just this item (not sub nodes)\n // - icon, class, style, text, count\n var nd = this.get(id)\n var level\n if (nd) {\n var $el = $(this.box).find('#node_'+ nd.id)\n if (nd.group) {\n if (options.text) {\n nd.text = options.text\n $el.find('.w2ui-group-text').replaceWith(typeof nd.text == 'function'\n ? nd.text.call(this, nd)\n : ''+ nd.text +'')\n delete options.text\n }\n if (options.class) {\n nd.class = options.class\n level = $el.data('level')\n $el[0].className = 'w2ui-node-group w2ui-level-'+ level +(nd.class ? ' ' + nd.class : '')\n delete options.class\n }\n if (options.style) {\n nd.style = options.style\n $el.next()[0].style = nd.style +';'+ (!nd.hidden && nd.expanded ? '' : 'display: none;')\n delete options.style\n }\n } else {\n if (options.icon) {\n var $img = $el.find('.w2ui-node-image > span')\n if ($img.length > 0) {\n nd.icon = options.icon\n $img[0].className = (typeof nd.icon == 'function' ? nd.icon.call(this, nd) : nd.icon)\n delete options.icon\n }\n }\n if (options.count) {\n nd.count = options.count\n $el.find('.w2ui-node-count').html(nd.count)\n if ($el.find('.w2ui-node-count').length > 0) delete options.count\n }\n if (options.class && $el.length > 0) {\n nd.class = options.class\n level = $el.data('level')\n $el[0].className = 'w2ui-node w2ui-level-'+ level + (nd.selected ? ' w2ui-selected' : '') + (nd.disabled ? ' w2ui-disabled' : '') + (nd.class ? ' ' + nd.class : '')\n delete options.class\n }\n if (options.text) {\n nd.text = options.text\n $el.find('.w2ui-node-text').html(typeof nd.text == 'function' ? nd.text.call(this, nd) : nd.text)\n delete options.text\n }\n if (options.style && $el.length > 0) {\n var $txt = $el.find('.w2ui-node-text')\n nd.style = options.style\n $txt[0].style = nd.style\n delete options.style\n }\n }\n }\n // return what was not set\n return options\n },\n\n refresh: function (id) {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'refresh', target: (id != null ? id : this.name),\n fullRefresh: (id != null ? false : true) });\n if (edata.isCancelled === true) return;\n // adjust top and bottom\n var flatHTML = '';\n if (this.flatButton == true) {\n flatHTML = '';\n }\n if (this.topHTML !== '' || flatHTML !== '') {\n $(this.box).find('.w2ui-sidebar-top').html(this.topHTML + flatHTML);\n $(this.box).find('.w2ui-sidebar-body')\n .css('top', $(this.box).find('.w2ui-sidebar-top').height() + 'px');\n }\n if (this.bottomHTML !== '') {\n $(this.box).find('.w2ui-sidebar-bottom').html(this.bottomHTML);\n $(this.box).find('.w2ui-sidebar-body')\n .css('bottom', $(this.box).find('.w2ui-sidebar-bottom').height() + 'px');\n }\n // default action\n $(this.box).find('> div').removeClass('w2ui-sidebar-flat').addClass(this.flat ? 'w2ui-sidebar-flat' : '').css({\n width : $(this.box).width() + 'px',\n height: $(this.box).height() + 'px'\n });\n // if no parent - reset nodes\n if (this.nodes.length > 0 && this.nodes[0].parent == null) {\n var tmp = this.nodes;\n this.nodes = [];\n this.add(this, tmp);\n }\n var obj = this;\n var node, nd;\n var nm;\n if (id == null) {\n node = this;\n nm = '.w2ui-sidebar-body';\n } else {\n node = this.get(id);\n if (node == null) return;\n nm = '#node_'+ w2utils.escapeId(node.id) + '_sub';\n }\n var nodeHTML;\n if (node !== this) {\n var tmp = '#node_'+ w2utils.escapeId(node.id);\n nodeHTML = getNodeHTML(node);\n $(this.box).find(tmp).before('');\n $(this.box).find(tmp).remove();\n $(this.box).find(nm).remove();\n $('#sidebar_'+ this.name + '_tmp').before(nodeHTML);\n $('#sidebar_'+ this.name + '_tmp').remove();\n }\n // remember scroll position\n var scroll = {\n top: $(this.box).find(nm).scrollTop(),\n left: $(this.box).find(nm).scrollLeft()\n }\n // refresh sub nodes\n $(this.box).find(nm).html('');\n for (var i = 0; i < node.nodes.length; i++) {\n nd = node.nodes[i];\n nodeHTML = getNodeHTML(nd);\n $(this.box).find(nm).append(nodeHTML);\n if (nd.nodes.length !== 0) {\n this.refresh(nd.id);\n } else {\n // trigger event\n var edata2 = this.trigger({ phase: 'before', type: 'refresh', target: nd.id });\n if (edata2.isCancelled === true) return;\n // event after\n this.trigger($.extend(edata2, { phase: 'after' }));\n }\n }\n // reset scroll\n $(this.box).find(nm).scrollLeft(scroll.left).scrollTop(scroll.top)\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n\n function getNodeHTML(nd) {\n var html = '';\n var img = nd.img;\n var icon = nd.icon;\n if (icon == null && img == null) {\n if (icon == null) icon = obj.icon;\n if (img == null) img = obj.img;\n }\n // -- find out level\n var tmp = nd.parent;\n var level = 0;\n while (tmp && tmp.parent != null) {\n // if (tmp.group) level--;\n tmp = tmp.parent;\n level++;\n }\n if (nd.caption != null && nd.text == null) nd.text = nd.caption;\n if (nd.caption != null) {\n console.log('NOTICE: sidebar node.caption property is deprecated, please use node.text. Node -> ', nd)\n nd.text = nd.caption;\n }\n if (Array.isArray(nd.nodes) && nd.nodes.length > 0) nd.collapsible = true\n if (nd.group) {\n html =\n ''+\n ((nd.groupShowHide && nd.collapsible) ? ''+ (!nd.hidden && nd.expanded ? w2utils.lang('Hide') : w2utils.lang('Show')) +'' : '') +\n (typeof nd.text == 'function' ? nd.text.call(obj, nd) : ''+ nd.text +'') +\n '
'+\n '';\n if (obj.flat) {\n html = '';\n }\n var text = nd.text;\n var expand = '';\n var counts = (nd.count != null ? '
'+ nd.count +'
' : '');\n if (nd.collapsible === true) {\n expand = '';\n }\n if (typeof nd.text == 'function') text = nd.text.call(obj, nd);\n html = '
'+\n (obj.handle.content\n ? '
'+\n '';\n if (obj.flat) {\n html = ''+\n obj.handle.content +\n '
'\n : ''\n ) +\n ' '+\n expand + tmp + counts +\n '
'+\n ''+ text +'
'+\n ' '+ nd.count +'' : '')) + '\\'), '+\n ' { id: \\'' + nd.id + '\\', left: -5 })\"'+\n ' onmouseout=\"jQuery(this).find(\\'.w2ui-node-data\\').w2tag(null, { id: \\'' + nd.id + '\\' })\"'+\n ' ondblclick=\"w2ui[\\''+ obj.name +'\\'].dblClick(\\''+ nd.id +'\\', event);\"'+\n ' oncontextmenu=\"w2ui[\\''+ obj.name +'\\'].contextMenu(\\''+ nd.id +'\\', event);\"'+\n ' onClick=\"w2ui[\\''+ obj.name +'\\'].click(\\''+ nd.id +'\\', event); \">'+\n '
'+\n '';\n }\n }\n return html;\n }\n },\n\n resize: function () {\n var time = (new Date()).getTime();\n // event before\n var edata = this.trigger({ phase: 'before', type: 'resize', target: this.name });\n if (edata.isCancelled === true) return;\n // default action\n $(this.box).css('overflow', 'hidden'); // container should have no overflow\n $(this.box).find('> div').css({\n width : $(this.box).width() + 'px',\n height : $(this.box).height() + 'px'\n });\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n return (new Date()).getTime() - time;\n },\n\n destroy: function () {\n // event before\n var edata = this.trigger({ phase: 'before', type: 'destroy', target: this.name });\n if (edata.isCancelled === true) return;\n // clean up\n if ($(this.box).find('> div > div.w2ui-sidebar-body').length > 0) {\n $(this.box)\n .removeAttr('name')\n .removeClass('w2ui-reset w2ui-sidebar')\n .html('');\n }\n delete w2ui[this.name];\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n },\n\n lock: function (msg, showSpinner) {\n var args = Array.prototype.slice.call(arguments, 0);\n args.unshift(this.box);\n w2utils.lock.apply(window, args);\n },\n\n unlock: function (speed) {\n w2utils.unlock(this.box, speed);\n }\n };\n\n $.extend(w2sidebar.prototype, w2utils.event);\n w2obj.sidebar = w2sidebar;\n})(jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2field - various field controls\n* - $().w2field - jQuery wrapper\n* - Dependencies: jQuery, w2utils\n*\n* == NICE TO HAVE ==\n* - upload (regular files)\n* - BUG with prefix/postfix and arrows (test in different contexts)\n* - multiple date selection\n* - month selection, year selections\n* - arrows no longer work (for int)\n* - form to support custom types\n* - rewrite suffix and prefix positioning with translateY()\n* - prefix and suffix are slow (100ms or so)\n* - MultiSelect - Allow Copy/Paste for single and multi values\n* - add routeData to list/enum\n* - for type: list -> read value from attr('value')\n* - ENUM, LIST: should have same as grid (limit, offset, search, sort)\n* - ENUM, LIST: should support wild chars\n* - add selection of predefined times (used for appointments)\n* - options.items - can be an array\n* - options.msgSearch - message to search for user\n* - options.msgNoItems - can be a function\n*\n************************************************************************/\n\n(function ($) {\n\n var w2field = function (options) {\n // public properties\n this.el = null;\n this.helpers = {}; // object or helper elements\n this.type = options.type || 'text';\n this.options = $.extend(true, {}, options);\n this.onSearch = options.onSearch || null;\n this.onRequest = options.onRequest || null;\n this.onLoad = options.onLoad || null;\n this.onError = options.onError || null;\n this.onClick = options.onClick || null;\n this.onAdd = options.onAdd || null;\n this.onNew = options.onNew || null;\n this.onRemove = options.onRemove || null;\n this.onMouseOver = options.onMouseOver || null;\n this.onMouseOut = options.onMouseOut || null;\n this.onIconClick = options.onIconClick || null;\n this.onScroll = options.onScroll || null;\n this.tmp = {}; // temp object\n // clean up some options\n delete this.options.type;\n delete this.options.onSearch;\n delete this.options.onRequest;\n delete this.options.onLoad;\n delete this.options.onError;\n delete this.options.onClick;\n delete this.options.onMouseOver;\n delete this.options.onMouseOut;\n delete this.options.onIconClick;\n delete this.options.onScroll;\n // extend with defaults\n $.extend(true, this, w2obj.field);\n };\n\n // ====================================================\n // -- Registers as a jQuery plugin\n\n $.fn.w2field = function (method, options) {\n // call direct\n if (this.length === 0) {\n var pr = w2field.prototype;\n if (pr[method]) {\n return pr[method].apply(pr, Array.prototype.slice.call(arguments, 1));\n }\n } else {\n // if without arguments - return the object\n if (arguments.length === 0) {\n var obj = $(this).data('w2field');\n return obj;\n }\n if (typeof method === 'string' && typeof options === 'object') {\n method = $.extend(true, {}, options, { type: method });\n }\n if (typeof method === 'string' && options == null) {\n method = { type: method };\n }\n if (method) method.type = String(method.type).toLowerCase();\n return this.each(function (index, el) {\n var obj = $(el).data('w2field');\n // if object is not defined, define it\n if (obj == null) {\n obj = new w2field(method);\n $.extend(obj, { handlers: [] });\n if (el) obj.el = $(el)[0];\n obj.init();\n $(el).data('w2field', obj);\n return obj;\n } else { // fully re-init\n obj.clear();\n if (method.type === 'clear') return;\n obj = new w2field(method);\n $.extend(obj, { handlers: [] });\n if (el) obj.el = $(el)[0];\n obj.init();\n $(el).data('w2field', obj);\n return obj;\n }\n return null;\n });\n }\n };\n\n // ====================================================\n // -- Implementation of core functionality\n\n /* To add custom types\n $().w2field('addType', 'myType', function (options) {\n $(this.el).on('keypress', function (event) {\n if (event.metaKey || event.ctrlKey || event.altKey\n || (event.charCode != event.keyCode && event.keyCode > 0)) return;\n var ch = String.fromCharCode(event.charCode);\n if (ch != 'a' && ch != 'b' && ch != 'c') {\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n return false;\n }\n });\n $(this.el).on('blur', function (event) { // keyCode & charCode differ in FireFox\n var ch = this.value;\n if (ch != 'a' && ch != 'b' && ch != 'c') {\n $(this).w2tag(w2utils.lang(\"Not a single character from the set of 'abc'\"));\n }\n });\n });\n */\n\n w2field.prototype = {\n\n custom: {}, // map of custom types\n\n addType: function (type, handler) {\n type = String(type).toLowerCase();\n this.custom[type] = handler;\n return true;\n },\n\n removeType: function (type) {\n type = String(type).toLowerCase();\n if (!this.custom[type]) return false;\n delete this.custom[type];\n return true;\n },\n\n init: function () {\n var obj = this;\n var options = this.options;\n var defaults;\n\n // Custom Types\n if (typeof this.custom[this.type] === 'function') {\n this.custom[this.type].call(this, options);\n return;\n }\n // only for INPUT or TEXTAREA\n if (['INPUT', 'TEXTAREA'].indexOf(this.el.tagName.toUpperCase()) == -1) {\n console.log('ERROR: w2field could only be applied to INPUT or TEXTAREA.', this.el);\n return;\n }\n\n switch (this.type) {\n case 'text':\n case 'int':\n case 'float':\n case 'money':\n case 'currency':\n case 'percent':\n case 'alphanumeric':\n case 'bin':\n case 'hex':\n defaults = {\n min : null,\n max : null,\n step : 1,\n autoFormat : true,\n currencyPrefix : w2utils.settings.currencyPrefix,\n currencySuffix : w2utils.settings.currencySuffix,\n currencyPrecision : w2utils.settings.currencyPrecision,\n decimalSymbol : w2utils.settings.decimalSymbol,\n groupSymbol : w2utils.settings.groupSymbol,\n arrows : false,\n keyboard : true,\n precision : null,\n silent : true,\n prefix : '',\n suffix : ''\n };\n this.options = $.extend(true, {}, defaults, options);\n options = this.options; // since object is re-created, need to re-assign\n options.numberRE = new RegExp('['+ options.groupSymbol + ']', 'g');\n options.moneyRE = new RegExp('['+ options.currencyPrefix + options.currencySuffix + options.groupSymbol +']', 'g');\n options.percentRE = new RegExp('['+ options.groupSymbol + '%]', 'g');\n // no keyboard support needed\n if (['text', 'alphanumeric', 'hex', 'bin'].indexOf(this.type) !== -1) {\n options.arrows = false;\n options.keyboard = false;\n }\n this.addPrefix(); // only will add if needed\n this.addSuffix();\n break;\n\n case 'color':\n defaults = {\n prefix : '',\n suffix : ''+ tmp +'
'+\n ''+ $(obj.el).attr('placeholder') +'
');\n }\n // ITEMS events\n div.off('scroll.w2field').on('scroll.w2field', function (event) {\n var edata = obj.trigger({ phase: 'before', type: 'scroll', target: obj.el, originalEvent: event });\n if (edata.isCancelled === true) return;\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n })\n .find('li')\n .data('mouse', 'out')\n .on('click', function (event) {\n var target = (event.target.tagName.toUpperCase() === 'LI' ? event.target : $(event.target).parents('LI'));\n var item = selected[$(target).attr('index')];\n if ($(target).hasClass('nomouse')) return;\n event.stopPropagation();\n // default behavior\n if ($(event.target).hasClass('w2ui-list-remove')) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'remove', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n // default behavior\n $().w2overlay();\n selected.splice($(event.target).attr('index'), 1);\n $(obj.el).trigger('input').trigger('change');\n $(event.target).parent().fadeOut('fast');\n setTimeout(function () {\n obj.refresh();\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }, 300);\n } else {\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'click', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n // if file - show image preview\n if (obj.type === 'file') {\n var preview = '';\n if ((/image/i).test(item.type)) { // image\n preview = ''+\n ' ![](\"'+)
= h && w > 300) jQuery(this).width(300);'+\n ' if (w < h && h > 300) jQuery(this).height(300);\"'+\n ' onerror=\"this.style.display = \\'none\\'\"'+\n ' >'+\n '
';\n }\n var td1 = 'style=\"padding: 3px; text-align: right; color: #777;\"';\n var td2 = 'style=\"padding: 3px\"';\n preview += ''+\n ' '+\n '
'+\n '
';\n $('#w2ui-overlay').remove();\n $(target).w2overlay(preview);\n } // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n })\n .on('mouseover', function (event) {\n var target = (event.target.tagName.toUpperCase() === 'LI' ? event.target : $(event.target).parents('LI'));\n if ($(target).hasClass('nomouse')) return;\n if ($(target).data('mouse') === 'out') {\n var item = selected[$(event.target).attr('index')];\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'mouseOver', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n $(target).data('mouse', 'over');\n })\n .on('mouseout', function (event) {\n var target = (event.target.tagName.toUpperCase() === 'LI' ? event.target : $(event.target).parents('LI'));\n if ($(target).hasClass('nomouse')) return;\n $(target).data('mouse', 'leaving');\n setTimeout(function () {\n if ($(target).data('mouse') === 'leaving') {\n $(target).data('mouse', 'out');\n var item = selected[$(event.target).attr('index')];\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'mouseOut', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n }, 0);\n });\n // adjust height\n $(this.el).height('auto');\n var cntHeight = $(div).find('> div.w2ui-multi-items').height() + w2utils.getSize(div, '+height') * 2;\n if (cntHeight < 26) cntHeight = 26;\n if (cntHeight > options.maxHeight) cntHeight = options.maxHeight;\n if (div.length > 0) div[0].scrollTop = 1000;\n var inpHeight = w2utils.getSize($(this.el), 'height') - 2;\n if (inpHeight > cntHeight) cntHeight = inpHeight;\n $(div).css({ 'height': cntHeight + 'px', overflow: (cntHeight == options.maxHeight ? 'auto' : 'hidden') });\n if (cntHeight < options.maxHeight) $(div).prop('scrollTop', 0);\n $(this.el).css({ 'height' : (cntHeight + 0) + 'px' });\n // update size\n if (obj.type === 'enum') {\n var tmp = obj.helpers.multi.find('input');\n tmp.width(((tmp.val().length + 2) * 8) + 'px');\n }\n }\n return (new Date()).getTime() - time;\n },\n\n reset: function () {\n var type = this.type;\n this.clear();\n this.type = type;\n this.init();\n },\n\n // resizing width of list, enum, file controls\n resize: function () {\n var obj = this;\n var new_width = $(obj.el).width();\n var new_height = $(obj.el).height();\n if (obj.tmp.current_width == new_width && new_height > 0) return;\n\n var focus = this.helpers.focus;\n var multi = this.helpers.multi;\n var suffix = this.helpers.suffix;\n var prefix = this.helpers.prefix;\n\n // resize helpers\n if (focus) {\n focus.width($(obj.el).width());\n }\n if (multi) {\n var width = (w2utils.getSize(obj.el, 'width')\n - parseInt($(obj.el).css('margin-left'), 10)\n - parseInt($(obj.el).css('margin-right'), 10));\n $(multi).width(width);\n }\n if (suffix) {\n obj.options.suffix = '';\n obj.addSuffix();\n }\n if (prefix) {\n obj.addPrefix();\n }\n // remember width\n obj.tmp.current_width = new_width;\n },\n\n clean: function (val) {\n //issue #499\n if(typeof val === 'number'){\n return val;\n }\n var options = this.options;\n val = String(val).trim();\n // clean\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(this.type) !== -1) {\n if (typeof val === 'string') {\n if (options.autoFormat && ['money', 'currency'].indexOf(this.type) !== -1) val = String(val).replace(options.moneyRE, '');\n if (options.autoFormat && this.type === 'percent') val = String(val).replace(options.percentRE, '');\n if (options.autoFormat && ['int', 'float'].indexOf(this.type) !== -1) val = String(val).replace(options.numberRE, '');\n val = val.replace(/\\s+/g, '').replace(w2utils.settings.groupSymbol, '').replace(w2utils.settings.decimalSymbol, '.');\n }\n if (parseFloat(val) == val) {\n if (options.min != null && val < options.min) { val = options.min; $(this.el).val(options.min); }\n if (options.max != null && val > options.max) { val = options.max; $(this.el).val(options.max); }\n }\n if (val !== '' && w2utils.isFloat(val)) val = Number(val); else val = '';\n }\n return val;\n },\n\n format: function (val) {\n var options = this.options;\n // autoformat numbers or money\n if (options.autoFormat && val !== '') {\n switch (this.type) {\n case 'money':\n case 'currency':\n val = w2utils.formatNumber(val, options.currencyPrecision, options.groupSymbol);\n if (val !== '') val = options.currencyPrefix + val + options.currencySuffix;\n break;\n case 'percent':\n val = w2utils.formatNumber(val, options.precision, options.groupSymbol);\n if (val !== '') val += '%';\n break;\n case 'float':\n val = w2utils.formatNumber(val, options.precision, options.groupSymbol);\n break;\n case 'int':\n val = w2utils.formatNumber(val, 0, options.groupSymbol);\n break;\n }\n }\n return val;\n },\n\n change: function (event) {\n var obj = this;\n var options = obj.options;\n // numeric\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(this.type) !== -1) {\n // check max/min\n var val = $(this.el).val();\n var new_val = this.format(this.clean($(this.el).val()));\n // if was modified\n if (val !== '' && val != new_val) {\n $(this.el).val(new_val).change();\n // cancel event\n event.stopPropagation();\n event.preventDefault();\n return false;\n }\n }\n // color\n if (this.type === 'color') {\n var color = $(this.el).val();\n if (color.substr(0, 3).toLowerCase() !== 'rgb') {\n color = '#' + color;\n var len = $(this.el).val().length\n if (len !== 8 && len !== 6 && len !== 3) color = '';\n }\n $(this.el).next().find('div').css('background-color', color);\n if ($(this.el).hasClass('has-focus') && $(this.el).data('skipInit') !== true) {\n this.updateOverlay();\n }\n }\n // list, enum\n if (['list', 'enum', 'file'].indexOf(this.type) !== -1) {\n obj.refresh();\n // need time out to show icon indent properly\n setTimeout(function () { obj.refresh(); }, 5);\n }\n // date, time\n if (['date', 'time', 'datetime'].indexOf(this.type) !== -1) {\n // convert linux timestamps\n var tmp = parseInt(obj.el.value);\n if (w2utils.isInt(obj.el.value) && tmp > 3000) {\n if (this.type === 'time') $(obj.el).val(w2utils.formatTime(new Date(tmp), options.format)).change();\n if (this.type === 'date') $(obj.el).val(w2utils.formatDate(new Date(tmp), options.format)).change();\n if (this.type === 'datetime') $(obj.el).val(w2utils.formatDateTime(new Date(tmp), options.format)).change();\n }\n }\n },\n\n click: function (event) {\n event.stopPropagation();\n // lists\n if (['list', 'combo', 'enum'].indexOf(this.type) !== -1) {\n if (!$(this.el).hasClass('has-focus')) this.focus(event);\n }\n // other fields with drops\n if (['date', 'time', 'color', 'datetime'].indexOf(this.type) !== -1) {\n this.updateOverlay();\n }\n },\n\n focus: function (event) {\n var obj = this;\n $(obj.el).addClass('has-focus')\n // color, date, time\n if (['color', 'date', 'time', 'datetime'].indexOf(obj.type) !== -1) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n setTimeout(function () { obj.updateOverlay(); }, 150);\n }\n // menu\n if (['list', 'combo', 'enum'].indexOf(obj.type) !== -1) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n obj.resize();\n setTimeout(function () {\n if (obj.type === 'list' && $(obj.el).is(':focus')) { // need to stay .is(':focus')\n $(obj.helpers.focus).find('input').focus();\n return;\n }\n obj.search();\n setTimeout(function () { obj.updateOverlay(); }, 1);\n }, 1);\n // regenerat items\n if (typeof obj.options._items_fun == 'function') {\n obj.options.items = w2obj.field.prototype.normMenu.call(this, obj.options._items_fun);\n }\n }\n // file\n if (obj.type === 'file') {\n $(obj.helpers.multi).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });\n }\n },\n\n blur: function (event) {\n var obj = this;\n var options = obj.options;\n var val = $(obj.el).val().trim();\n var $overlay = $(\"#w2ui-overlay\");\n $(obj.el).removeClass('has-focus')\n\n // hide overlay\n if (['color', 'date', 'time', 'list', 'combo', 'enum', 'datetime'].indexOf(obj.type) !== -1) {\n var closeTimeout = window.setTimeout(function() {\n if ($overlay.data('keepOpen') !== true) $overlay.hide();\n }, 0);\n\n $(\".menu\", $overlay).one('focus', function() {\n clearTimeout(closeTimeout);\n $(this).one('focusout', function(event) {\n $overlay.hide();\n });\n });\n }\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(obj.type) !== -1) {\n if (val !== '' && !obj.checkType(val)) {\n $(obj.el).val('').change();\n if (options.silent === false) {\n $(obj.el).w2tag('Not a valid number');\n setTimeout(function () { $(obj.el).w2tag(''); }, 3000);\n }\n }\n }\n // date or time\n if (['date', 'time', 'datetime'].indexOf(obj.type) !== -1) {\n // check if in range\n if (val !== '' && !obj.inRange(obj.el.value)) {\n $(obj.el).val('').removeData('selected').change();\n if (options.silent === false) {\n $(obj.el).w2tag('Not in range');\n setTimeout(function () { $(obj.el).w2tag(''); }, 3000);\n }\n } else {\n if (obj.type === 'date' && val !== '' && !w2utils.isDate(obj.el.value, options.format)) {\n $(obj.el).val('').removeData('selected').change();\n if (options.silent === false) {\n $(obj.el).w2tag('Not a valid date');\n setTimeout(function () { $(obj.el).w2tag(''); }, 3000);\n }\n }\n else if (obj.type === 'time' && val !== '' && !w2utils.isTime(obj.el.value)) {\n $(obj.el).val('').removeData('selected').change();\n if (options.silent === false) {\n $(obj.el).w2tag('Not a valid time');\n setTimeout(function () { $(obj.el).w2tag(''); }, 3000);\n }\n }\n else if (obj.type === 'datetime' && val !== '' && !w2utils.isDateTime(obj.el.value, options.format)) {\n $(obj.el).val('').removeData('selected').change();\n if (options.silent === false) {\n $(obj.el).w2tag('Not a valid date');\n setTimeout(function () { $(obj.el).w2tag(''); }, 3000);\n }\n }\n }\n }\n // clear search input\n if (obj.type === 'enum') {\n $(obj.helpers.multi).find('input').val('').width(20);\n }\n // file\n if (obj.type === 'file') {\n $(obj.helpers.multi).css({ 'outline': 'none' });\n }\n },\n\n keyPress: function (event) {\n var obj = this;\n var options = obj.options;\n // ignore wrong pressed key\n if (['int', 'float', 'money', 'currency', 'percent', 'hex', 'bin', 'color', 'alphanumeric'].indexOf(obj.type) !== -1) {\n // keyCode & charCode differ in FireFox\n if (event.metaKey || event.ctrlKey || event.altKey || (event.charCode != event.keyCode && event.keyCode > 0)) return;\n var ch = String.fromCharCode(event.charCode);\n if (!obj.checkType(ch, true) && event.keyCode != 13) {\n event.preventDefault();\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n return false;\n }\n }\n // update date popup\n if (['date', 'time', 'datetime'].indexOf(obj.type) !== -1) {\n if (event.keyCode !== 9) setTimeout(function () { obj.updateOverlay(); }, 1);\n }\n },\n\n keyDown: function (event, extra) {\n var obj = this;\n var options = obj.options;\n var key = event.keyCode || (extra && extra.keyCode);\n var cancel = false;\n // numeric\n if (['int', 'float', 'money', 'currency', 'percent'].indexOf(obj.type) !== -1) {\n if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n var val = parseFloat($(obj.el).val().replace(options.moneyRE, '')) || 0;\n var inc = options.step;\n if (event.ctrlKey || event.metaKey) inc = 10;\n switch (key) {\n case 38: // up\n if (event.shiftKey) break; // no action if shift key is pressed\n $(obj.el).val((val + inc <= options.max || options.max == null ? Number((val + inc).toFixed(12)) : options.max)).change();\n cancel = true;\n break;\n case 40: // down\n if (event.shiftKey) break; // no action if shift key is pressed\n $(obj.el).val((val - inc >= options.min || options.min == null ? Number((val - inc).toFixed(12)) : options.min)).change();\n cancel = true;\n break;\n }\n if (cancel) {\n event.preventDefault();\n setTimeout(function () {\n // set cursor to the end\n obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);\n }, 0);\n }\n }\n // date\n if (obj.type === 'date') {\n if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n var daymil = 24*60*60*1000;\n var inc = 1;\n if (event.ctrlKey || event.metaKey) inc = 10;\n var dt = w2utils.isDate($(obj.el).val(), options.format, true);\n if (!dt) { dt = new Date(); daymil = 0; }\n switch (key) {\n case 38: // up\n if (event.shiftKey) break; // no action if shift key is pressed\n var newDT = w2utils.formatDate(dt.getTime() + daymil, options.format);\n if (inc == 10) newDT = w2utils.formatDate(new Date(dt.getFullYear(), dt.getMonth()+1, dt.getDate()), options.format);\n $(obj.el).val(newDT).trigger('input').change();\n cancel = true;\n break;\n case 40: // down\n if (event.shiftKey) break; // no action if shift key is pressed\n var newDT = w2utils.formatDate(dt.getTime() - daymil, options.format);\n if (inc == 10) newDT = w2utils.formatDate(new Date(dt.getFullYear(), dt.getMonth()-1, dt.getDate()), options.format);\n $(obj.el).val(newDT).trigger('input').change();\n cancel = true;\n break;\n }\n if (cancel) {\n event.preventDefault();\n setTimeout(function () {\n // set cursor to the end\n obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);\n obj.updateOverlay();\n }, 0);\n }\n }\n // time\n if (obj.type === 'time') {\n if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n var inc = (event.ctrlKey || event.metaKey ? 60 : 1);\n var val = $(obj.el).val();\n var time = obj.toMin(val) || obj.toMin((new Date()).getHours() + ':' + ((new Date()).getMinutes() - 1));\n switch (key) {\n case 38: // up\n if (event.shiftKey) break; // no action if shift key is pressed\n time += inc;\n cancel = true;\n break;\n case 40: // down\n if (event.shiftKey) break; // no action if shift key is pressed\n time -= inc;\n cancel = true;\n break;\n }\n if (cancel) {\n $(obj.el).val(obj.fromMin(time)).trigger('input').change();\n event.preventDefault();\n setTimeout(function () {\n // set cursor to the end\n obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);\n }, 0);\n }\n }\n // datetime\n if (obj.type === 'datetime') {\n if (!options.keyboard || $(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n var daymil = 24*60*60*1000;\n var inc = 1;\n if (event.ctrlKey || event.metaKey) inc = 10;\n var str = $(obj.el).val();\n var dt = w2utils.isDateTime(str, this.options.format, true);\n if (!dt) { dt = new Date(); daymil = 0; }\n switch (key) {\n case 38: // up\n if (event.shiftKey) break; // no action if shift key is pressed\n var newDT = w2utils.formatDateTime(dt.getTime() + daymil, options.format);\n if (inc == 10) newDT = w2utils.formatDateTime(new Date(dt.getFullYear(), dt.getMonth()+1, dt.getDate()), options.format);\n $(obj.el).val(newDT).trigger('input').change();\n cancel = true;\n break;\n case 40: // down\n if (event.shiftKey) break; // no action if shift key is pressed\n var newDT = w2utils.formatDateTime(dt.getTime() - daymil, options.format);\n if (inc == 10) newDT = w2utils.formatDateTime(new Date(dt.getFullYear(), dt.getMonth()-1, dt.getDate()), options.format);\n $(obj.el).val(newDT).trigger('input').change();\n cancel = true;\n break;\n }\n if (cancel) {\n event.preventDefault();\n setTimeout(function () {\n // set cursor to the end\n obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);\n obj.updateOverlay();\n }, 0);\n }\n }\n // color\n if (obj.type === 'color') {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n // paste\n if ((event.ctrlKey || event.metaKey) && !event.shiftKey) {\n var dir = null;\n var newColor = null;\n switch (key) {\n case 38: // up\n dir = 'up';\n break;\n case 40: // down\n dir = 'down';\n break;\n case 39: // right\n dir = 'right';\n break;\n case 37: // left\n dir = 'left';\n break;\n }\n if (obj.el.nav && dir != null) {\n newColor = obj.el.nav(dir);\n $(obj.el).val(newColor).change();\n event.preventDefault();\n }\n }\n }\n // list/select/combo\n if (['list', 'combo', 'enum'].indexOf(obj.type) !== -1) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n var selected = $(obj.el).data('selected');\n var focus = $(obj.el);\n var indexOnly = false;\n if (['list', 'enum'].indexOf(obj.type) !== -1) {\n if (obj.type === 'list') {\n focus = $(obj.helpers.focus).find('input');\n }\n if (obj.type === 'enum') {\n focus = $(obj.helpers.multi).find('input');\n }\n // not arrows - refresh\n if ([37, 38, 39, 40].indexOf(key) == -1) {\n setTimeout(function () { obj.refresh(); }, 1);\n }\n // paste\n if (event.keyCode == 86 && (event.ctrlKey || event.metaKey)) {\n setTimeout(function () {\n obj.refresh();\n obj.search();\n obj.request();\n }, 50);\n }\n }\n // apply arrows\n switch (key) {\n case 27: // escape\n if (obj.type === 'list') {\n if (focus.val() !== '') focus.val('');\n event.stopPropagation(); // escape in field should not close popup\n }\n break;\n case 37: // left\n case 39: // right\n // indexOnly = true;\n break;\n case 13: // enter\n if ($('#w2ui-overlay').length === 0) break; // no action if overlay not open\n var item = options.items[options.index];\n if (obj.type === 'enum') {\n if (item != null) {\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n item = edata.item; // need to reassign because it could be recreated by user\n // default behavior\n if (selected.length >= options.max && options.max > 0) selected.pop();\n delete item.hidden;\n delete obj.tmp.force_open;\n selected.push(item);\n $(obj.el).change();\n focus.val('').width(20);\n obj.refresh();\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n } else {\n // trigger event\n item = { id: focus.val(), text: focus.val() };\n var edata = obj.trigger({ phase: 'before', type: 'new', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n item = edata.item; // need to reassign because it could be recreated by user\n // default behavior\n if (typeof obj.onNew === 'function') {\n if (selected.length >= options.max && options.max > 0) selected.pop();\n delete obj.tmp.force_open;\n selected.push(item);\n $(obj.el).change();\n focus.val('').width(20);\n obj.refresh();\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n } else {\n if (item) $(obj.el).data('selected', item).val(item.text).change();\n if ($(obj.el).val() === '' && $(obj.el).data('selected')) $(obj.el).removeData('selected').val('').change();\n if (obj.type === 'list') {\n focus.val('');\n obj.refresh();\n }\n // hide overlay\n obj.tmp.force_hide = true;\n }\n break;\n case 8: // backspace\n case 46: // delete\n if (obj.type === 'enum' && key === 8) {\n if (focus.val() === '' && selected.length > 0) {\n var item = selected[selected.length - 1];\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'remove', target: obj.el, originalEvent: event.originalEvent, item: item });\n if (edata.isCancelled === true) return;\n // default behavior\n selected.pop();\n $(obj.el).trigger('input').trigger('change');\n obj.refresh();\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n }\n if (obj.type === 'list' && focus.val() === '') {\n $(obj.el).data('selected', {}).change();\n obj.refresh();\n }\n break;\n case 38: // up\n options.index = w2utils.isInt(options.index) ? parseInt(options.index) : 0;\n options.index--;\n while (options.index > 0 && (options.items[options.index].hidden || options.items[options.index].disabled)) options.index--;\n if (options.index === 0 && (options.items[options.index].hidden || options.items[options.index].disabled)) {\n while (options.items[options.index] && (options.items[options.index].hidden || options.items[options.index].disabled)) options.index++;\n }\n indexOnly = true;\n break;\n case 40: // down\n options.index = w2utils.isInt(options.index) ? parseInt(options.index) : -1;\n options.index++;\n while (options.index < options.items.length-1 && (options.items[options.index].hidden || options.items[options.index].disabled)) options.index++;\n if (options.index == options.items.length-1 && (options.items[options.index].hidden || options.items[options.index].disabled)) {\n while (options.items[options.index] && (options.items[options.index].hidden || options.items[options.index].disabled)) options.index--;\n }\n // show overlay if not shown\n if (focus.val() === '' && $('#w2ui-overlay').length === 0) {\n obj.tmp.force_open = true;\n } else {\n indexOnly = true;\n }\n break;\n }\n if (indexOnly) {\n if (options.index < 0) options.index = 0;\n if (options.index >= options.items.length) options.index = options.items.length -1;\n obj.updateOverlay(indexOnly);\n // cancel event\n event.preventDefault();\n setTimeout(function () {\n // set cursor to the end\n if (obj.type === 'enum') {\n var tmp = focus.get(0);\n tmp.setSelectionRange(tmp.value.length, tmp.value.length);\n } else if (obj.type === 'list') {\n var tmp = focus.get(0);\n tmp.setSelectionRange(tmp.value.length, tmp.value.length);\n } else {\n obj.el.setSelectionRange(obj.el.value.length, obj.el.value.length);\n }\n }, 0);\n return;\n }\n // expand input\n if (obj.type === 'enum') {\n focus.width(((focus.val().length + 2) * 8) + 'px');\n }\n }\n },\n\n keyUp: function (event) {\n var obj = this;\n if (['list', 'combo', 'enum'].indexOf(this.type) !== -1) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n // need to be here for ipad compa\n if ([16, 17, 18, 20, 37, 39, 91].indexOf(event.keyCode) == -1) { // no refresh on crtl, shift, left/right arrows, etc\n var input = $(this.helpers.focus).find('input');\n if (input.length === 0) input = $(this.el); // for combo list\n // trigger event\n var edata = this.trigger({ phase: 'before', type: 'search', originalEvent: event, target: input, search: input.val() });\n if (edata.isCancelled === true) return;\n // regular\n if (!this.tmp.force_hide) this.request();\n if (input.val().length == 1) this.refresh();\n if ($('#w2ui-overlay').length === 0 || [38, 40].indexOf(event.keyCode) == -1) { // no search on arrows\n this.search();\n }\n // event after\n this.trigger($.extend(edata, { phase: 'after' }));\n }\n }\n },\n\n clearCache: function () {\n var options = this.options;\n options.items = [];\n this.tmp.xhr_loading = false;\n this.tmp.xhr_search = '';\n this.tmp.xhr_total = -1;\n },\n\n request: function (interval) {\n var obj = this;\n var options = this.options;\n var search = $(obj.el).val() || '';\n // if no url - do nothing\n if (!options.url) return;\n // --\n if (obj.type === 'enum') {\n var tmp = $(obj.helpers.multi).find('input');\n if (tmp.length === 0) search = ''; else search = tmp.val();\n }\n if (obj.type === 'list') {\n var tmp = $(obj.helpers.focus).find('input');\n if (tmp.length === 0) search = ''; else search = tmp.val();\n }\n if (options.minLength !== 0 && search.length < options.minLength) {\n options.items = []; // need to empty the list\n this.updateOverlay();\n return;\n }\n if (interval == null) interval = options.interval;\n if (obj.tmp.xhr_search == null) obj.tmp.xhr_search = '';\n if (obj.tmp.xhr_total == null) obj.tmp.xhr_total = -1;\n // check if need to search\n if (options.url && (\n (options.items.length === 0 && obj.tmp.xhr_total !== 0) ||\n (obj.tmp.xhr_total == options.cacheMax && search.length > obj.tmp.xhr_search.length) ||\n (search.length >= obj.tmp.xhr_search.length && search.substr(0, obj.tmp.xhr_search.length) !== obj.tmp.xhr_search) ||\n (search.length < obj.tmp.xhr_search.length)\n )) {\n // empty list\n if (obj.tmp.xhr) try { obj.tmp.xhr.abort(); } catch (e) {}\n obj.tmp.xhr_loading = true;\n obj.search();\n // timeout\n clearTimeout(obj.tmp.timeout);\n obj.tmp.timeout = setTimeout(function () {\n // trigger event\n var url = options.url;\n var postData = {\n search : search,\n max : options.cacheMax\n };\n $.extend(postData, options.postData);\n var edata = obj.trigger({ phase: 'before', type: 'request', search: search, target: obj.el, url: url, postData: postData });\n if (edata.isCancelled === true) return;\n url = edata.url;\n postData = edata.postData;\n var ajaxOptions = {\n type : 'GET',\n url : url,\n data : postData,\n dataType : 'JSON' // expected from server\n };\n if (options.method) ajaxOptions.type = options.method;\n if (w2utils.settings.dataType === 'JSON') {\n ajaxOptions.type = 'POST';\n ajaxOptions.data = JSON.stringify(ajaxOptions.data);\n ajaxOptions.contentType = 'application/json';\n }\n if (w2utils.settings.dataType === 'HTTPJSON') {\n ajaxOptions.data = { request: JSON.stringify(ajaxOptions.data) };\n }\n if (options.method != null) ajaxOptions.type = options.method;\n obj.tmp.xhr = $.ajax(ajaxOptions)\n .done(function (data, status, xhr) {\n // trigger event\n var edata2 = obj.trigger({ phase: 'before', type: 'load', target: obj.el, search: postData.search, data: data, xhr: xhr });\n if (edata2.isCancelled === true) return;\n // default behavior\n data = edata2.data;\n if (typeof data === 'string') data = JSON.parse(data);\n if (data.records == null && data.items != null) {\n // needed for backward compatibility\n data.records = data.items;\n delete data.items;\n }\n if (data.status === 'success' && data.records == null) { data.records = []; } // handles Golang marshal of empty arrays to null\n if (data.status !== 'success' || !Array.isArray(data.records)) {\n console.log('ERROR: server did not return proper structure. It should return', { status: 'success', records: [{ id: 1, text: 'item' }] });\n return;\n }\n // remove all extra items if more then needed for cache\n if (data.records.length > options.cacheMax) data.records.splice(options.cacheMax, 100000);\n // map id and text\n if (options.recId == null && options.recid != null) options.recId = options.recid; // since lower-case recid is used in grid\n if (options.recId || options.recText) {\n data.records.forEach(function (item) {\n if (typeof options.recId === 'string') item.id = item[options.recId];\n if (typeof options.recId === 'function') item.id = options.recId(item);\n if (typeof options.recText === 'string') item.text = item[options.recText];\n if (typeof options.recText === 'function') item.text = options.recText(item);\n });\n }\n // remember stats\n obj.tmp.xhr_loading = false;\n obj.tmp.xhr_search = search;\n obj.tmp.xhr_total = data.records.length;\n obj.tmp.lastError = '';\n options.items = obj.normMenu(data.records);\n if (search === '' && data.records.length === 0) obj.tmp.emptySet = true; else obj.tmp.emptySet = false;\n // preset item\n var find_selected = $(obj.el).data('find_selected');\n if (find_selected) {\n var sel;\n if (Array.isArray(find_selected)) {\n sel = [];\n find_selected.forEach(function (find) {\n var isFound = false\n options.items.forEach(function (item) {\n if (item.id == find || (find && find.id == item.id)) {\n sel.push($.extend(true, {}, item));\n isFound = true\n }\n })\n if (!isFound) sel.push(find)\n })\n } else {\n sel = find_selected;\n options.items.forEach(function (item) {\n if (item.id == find_selected || (find_selected && find_selected.id == item.id)) {\n sel = item\n }\n })\n }\n $(obj.el).data('selected', sel).removeData('find_selected').change();\n }\n obj.search();\n // event after\n obj.trigger($.extend(edata2, { phase: 'after' }));\n })\n .fail(function (xhr, status, error) {\n // trigger event\n var errorObj = { status: status, error: error, rawResponseText: xhr.responseText };\n var edata2 = obj.trigger({ phase: 'before', type: 'error', target: obj.el, search: search, error: errorObj, xhr: xhr });\n if (edata2.isCancelled === true) return;\n // default behavior\n if (status !== 'abort') {\n var data;\n try { data = $.parseJSON(xhr.responseText); } catch (e) {}\n console.log('ERROR: Server communication failed.',\n '\\n EXPECTED:', { status: 'success', records: [{ id: 1, text: 'item' }] },\n '\\n OR:', { status: 'error', message: 'error message' },\n '\\n RECEIVED:', typeof data === 'object' ? data : xhr.responseText);\n }\n // reset stats\n obj.tmp.xhr_loading = false;\n obj.tmp.xhr_search = search;\n obj.tmp.xhr_total = 0;\n obj.tmp.emptySet = true;\n obj.tmp.lastError = (edata2.error || 'Server communication failed');\n options.items = [];\n obj.clearCache();\n obj.search();\n obj.updateOverlay(false);\n // event after\n obj.trigger($.extend(edata2, { phase: 'after' }));\n });\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }, interval);\n }\n },\n\n search: function () {\n var obj = this;\n var options = this.options;\n var search = $(obj.el).val();\n var target = obj.el;\n var ids = [];\n var selected = $(obj.el).data('selected');\n if (obj.type === 'enum') {\n target = $(obj.helpers.multi).find('input');\n search = target.val();\n for (var s in selected) { if (selected[s]) ids.push(selected[s].id); }\n }\n else if (obj.type === 'list') {\n target = $(obj.helpers.focus).find('input');\n search = target.val();\n for (var s in selected) { if (selected[s]) ids.push(selected[s].id); }\n }\n var items = options.items;\n if (obj.tmp.xhr_loading !== true) {\n var shown = 0;\n for (var i = 0; i < items.length; i++) {\n var item = items[i];\n if (options.compare != null) {\n if (typeof options.compare === 'function') {\n item.hidden = (options.compare.call(this, item, search) === false ? true : false);\n }\n } else {\n var prefix = '';\n var suffix = '';\n if (['is', 'begins'].indexOf(options.match) !== -1) prefix = '^';\n if (['is', 'ends'].indexOf(options.match) !== -1) suffix = '$';\n try {\n var re = new RegExp(prefix + search + suffix, 'i');\n if (re.test(item.text) || item.text === '...') item.hidden = false; else item.hidden = true;\n } catch (e) {}\n }\n if (options.filter === false) item.hidden = false;\n // do not show selected items\n if (obj.type === 'enum' && $.inArray(item.id, ids) !== -1) item.hidden = true;\n if (item.hidden !== true) { shown++; delete item.hidden; }\n }\n // preselect first item\n options.index = -1;\n while (items[options.index] && items[options.index].hidden) options.index++;\n if (shown <= 0) options.index = -1;\n options.spinner = false;\n obj.updateOverlay();\n setTimeout(function () {\n var html = $('#w2ui-overlay').html() || '';\n if (options.markSearch && html.indexOf('$.fn.w2menuHandler') !== -1) { // do not highlight when no items\n $('#w2ui-overlay').w2marker(search);\n }\n }, 1);\n } else {\n items.splice(0, options.cacheMax);\n options.spinner = true;\n obj.updateOverlay();\n }\n },\n\n updateOverlay: function (indexOnly) {\n var obj = this;\n var options = this.options;\n // color\n if (this.type === 'color') {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n $(this.el).w2color({\n color : $(this.el).val(),\n transparent : options.transparent,\n advanced : options.advanced\n },\n function (color) {\n if (color == null) return;\n $(obj.el).val(color).trigger('input').change();\n });\n }\n // date\n if (this.type === 'date') {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n if ($('#w2ui-overlay').length === 0) {\n $(obj.el).w2overlay('', {\n css: { \"background-color\": \"#f5f5f5\" },\n onShow: function (event) {\n // this needed for IE 11 compatibility\n if (w2utils.isIE) {\n $('.w2ui-calendar').on('mousedown', function (event) {\n var $tg = $(event.target);\n if ($tg.length === 1 && $tg[0].id === 'w2ui-jump-year') {\n $('#w2ui-overlay').data('keepOpen', true);\n }\n });\n }\n }\n });\n }\n var month, year;\n var dt = w2utils.isDate($(obj.el).val(), obj.options.format, true);\n if (dt) { month = dt.getMonth() + 1; year = dt.getFullYear(); }\n (function refreshCalendar(month, year) {\n $('#w2ui-overlay > div > div').html(obj.getMonthHTML(month, year, $(obj.el).val()));\n $('#w2ui-overlay .w2ui-calendar-title')\n .on('mousedown', function () {\n if ($(this).next().hasClass('w2ui-calendar-jump')) {\n $(this).next().remove();\n } else {\n var selYear, selMonth;\n $(this).after('');\n $(this).next().hide().html(obj.getYearHTML()).fadeIn(200);\n setTimeout(function () {\n $('#w2ui-overlay .w2ui-calendar-jump')\n .find('.w2ui-jump-month, .w2ui-jump-year')\n .on('click', function () {\n if ($(this).hasClass('w2ui-jump-month')) {\n $(this).parent().find('.w2ui-jump-month').removeClass('selected');\n $(this).addClass('selected');\n selMonth = $(this).attr('name');\n }\n if ($(this).hasClass('w2ui-jump-year')) {\n $(this).parent().find('.w2ui-jump-year').removeClass('selected');\n $(this).addClass('selected');\n selYear = $(this).attr('name');\n }\n if (selYear != null && selMonth != null) {\n $('#w2ui-overlay .w2ui-calendar-jump').fadeOut(100);\n setTimeout(function () { refreshCalendar(parseInt(selMonth)+1, selYear); }, 100);\n }\n });\n $('#w2ui-overlay .w2ui-calendar-jump >:last-child').prop('scrollTop', 2000);\n }, 1);\n }\n });\n $('#w2ui-overlay .w2ui-date')\n .on('mousedown', function () {\n var day = $(this).attr('date');\n $(obj.el).val(day).trigger('input').change();\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n })\n .on('mouseup', function () {\n setTimeout(function () {\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide();\n }, 10);\n });\n $('#w2ui-overlay .previous').on('mousedown', function () {\n var tmp = obj.options.current.split('/');\n tmp[0] = parseInt(tmp[0]) - 1;\n refreshCalendar(tmp[0], tmp[1]);\n });\n $('#w2ui-overlay .next').on('mousedown', function () {\n var tmp = obj.options.current.split('/');\n tmp[0] = parseInt(tmp[0]) + 1;\n refreshCalendar(tmp[0], tmp[1]);\n });\n }) (month, year);\n }\n // time\n if (this.type === 'time') {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n if ($('#w2ui-overlay').length === 0) {\n $(obj.el).w2overlay('', {\n css: { \"background-color\": \"#fff\" }\n });\n }\n var h24 = (this.options.format === 'h24');\n $('#w2ui-overlay > div').html(obj.getHourHTML());\n $('#w2ui-overlay .w2ui-time')\n .on('mousedown', function (event) {\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n var hour = $(this).attr('hour');\n $(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':00' + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).trigger('input').change();\n });\n if (this.options.noMinutes == null || this.options.noMinutes === false) {\n $('#w2ui-overlay .w2ui-time')\n .on('mouseup', function () {\n var hour = $(this).attr('hour');\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n $(obj.el).w2overlay('', { css: { \"background-color\": \"#fff\" } });\n $('#w2ui-overlay > div').html(obj.getMinHTML(hour));\n $('#w2ui-overlay .w2ui-time')\n .on('mousedown', function () {\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n var min = $(this).attr('min');\n $(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':' + (min < 10 ? 0 : '') + min + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).trigger('input').change();\n })\n .on('mouseup', function () {\n setTimeout(function () { if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);\n });\n });\n } else {\n $('#w2ui-overlay .w2ui-time')\n .on('mouseup', function () {\n setTimeout(function () { if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);\n });\n }\n }\n // datetime\n if (this.type === 'datetime') {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n // hide overlay if we are in the time selection\n if ($(\"#w2ui-overlay .w2ui-time\").length > 0) $('#w2ui-overlay')[0].hide();\n if ($('#w2ui-overlay').length === 0) {\n $(obj.el).w2overlay('', {\n css: { \"background-color\": \"#f5f5f5\" },\n onShow: function (event) {\n // this needed for IE 11 compatibility\n if (w2utils.isIE) {\n $('.w2ui-calendar').on('mousedown', function (event) {\n var $tg = $(event.target);\n if ($tg.length === 1 && $tg[0].id === 'w2ui-jump-year') {\n $('#w2ui-overlay').data('keepOpen', true);\n }\n });\n }\n }\n });\n }\n var month, year;\n var dt = w2utils.isDateTime($(obj.el).val(), obj.options.format, true);\n if (dt) { month = dt.getMonth() + 1; year = dt.getFullYear(); }\n var selDate = null;\n (function refreshCalendar(month, year) {\n $('#w2ui-overlay > div > div').html(\n obj.getMonthHTML(month, year, $(obj.el).val())\n + (options.btn_now ? '| '+ w2utils.lang('Name') +': | '+ item.name +' |
| '+ w2utils.lang('Size') +': | '+ w2utils.formatSize(item.size) +' |
| '+ w2utils.lang('Type') +': | ' +\n ' '+ item.type +''+\n ' |
| '+ w2utils.lang('Modified') +': | '+ w2utils.date(item.modified) +' |
'+ w2utils.lang('Current Date & Time') + '
' : '')\n );\n $('#w2ui-overlay .w2ui-calendar-title')\n .on('mousedown', function () {\n if ($(this).next().hasClass('w2ui-calendar-jump')) {\n $(this).next().remove();\n } else {\n var selYear, selMonth;\n $(this).after('');\n $(this).next().hide().html(obj.getYearHTML()).fadeIn(200);\n setTimeout(function () {\n $('#w2ui-overlay .w2ui-calendar-jump')\n .find('.w2ui-jump-month, .w2ui-jump-year')\n .on('click', function () {\n if ($(this).hasClass('w2ui-jump-month')) {\n $(this).parent().find('.w2ui-jump-month').removeClass('selected');\n $(this).addClass('selected');\n selMonth = $(this).attr('name');\n }\n if ($(this).hasClass('w2ui-jump-year')) {\n $(this).parent().find('.w2ui-jump-year').removeClass('selected');\n $(this).addClass('selected');\n selYear = $(this).attr('name');\n }\n if (selYear != null && selMonth != null) {\n $('#w2ui-overlay .w2ui-calendar-jump').fadeOut(100);\n setTimeout(function () { refreshCalendar(parseInt(selMonth)+1, selYear); }, 100);\n }\n });\n $('#w2ui-overlay .w2ui-calendar-jump >:last-child').prop('scrollTop', 2000);\n }, 1);\n }\n });\n $('#w2ui-overlay .w2ui-date')\n .on('mousedown', function () {\n var day = $(this).attr('date');\n $(obj.el).val(day).trigger('input').change();\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n selDate = new Date($(this).attr('data-date'));\n })\n .on('mouseup', function () {\n // continue with time picker\n var selHour, selMin;\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n $(obj.el).w2overlay('', { css: { \"background-color\": \"#fff\" } });\n var h24 = (obj.options.format === 'h24');\n $('#w2ui-overlay > div').html(obj.getHourHTML());\n $('#w2ui-overlay .w2ui-time')\n .on('mousedown', function (event) {\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n selHour = $(this).attr('hour');\n selDate.setHours(selHour);\n var txt = w2utils.formatDateTime(selDate, obj.options.format);\n $(obj.el).val(txt).trigger('input').change();\n //$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':00' + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).trigger('input').change();\n });\n if (obj.options.noMinutes == null || obj.options.noMinutes === false) {\n $('#w2ui-overlay .w2ui-time')\n .on('mouseup', function () {\n var hour = $(this).attr('hour');\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n $(obj.el).w2overlay('', { css: { \"background-color\": \"#fff\" } });\n $('#w2ui-overlay > div').html(obj.getMinHTML(hour));\n $('#w2ui-overlay .w2ui-time')\n .on('mousedown', function () {\n $(this).css({ 'background-color': '#B6D5FB', 'border-color': '#aaa' });\n selMin = $(this).attr('min');\n selDate.setHours(selHour, selMin);\n var txt = w2utils.formatDateTime(selDate, obj.options.format);\n $(obj.el).val(txt).trigger('input').change();\n //$(obj.el).val((hour > 12 && !h24 ? hour - 12 : hour) + ':' + (min < 10 ? 0 : '') + min + (!h24 ? (hour < 12 ? ' am' : ' pm') : '')).trigger('input').change();\n })\n .on('mouseup', function () {\n setTimeout(function () { if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);\n });\n });\n } else {\n $('#w2ui-overlay .w2ui-time')\n .on('mouseup', function () {\n setTimeout(function () { if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide(); }, 10);\n });\n }\n });\n $('#w2ui-overlay .previous').on('mousedown', function () {\n var tmp = obj.options.current.split('/');\n tmp[0] = parseInt(tmp[0]) - 1;\n refreshCalendar(tmp[0], tmp[1]);\n });\n $('#w2ui-overlay .next').on('mousedown', function () {\n var tmp = obj.options.current.split('/');\n tmp[0] = parseInt(tmp[0]) + 1;\n refreshCalendar(tmp[0], tmp[1]);\n });\n // \"now\" button\n $('#w2ui-overlay .now')\n .on('mousedown', function () {\n // this currently ignores blocked days or start / end dates!\n var tmp = w2utils.formatDateTime(new Date(), obj.options.format);\n $(obj.el).val(tmp).trigger('input').change();\n return false;\n })\n .on('mouseup', function () {\n setTimeout(function () {\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay').removeData('keepOpen')[0].hide();\n }, 10);\n });\n }) (month, year);\n }\n // list\n if (['list', 'combo', 'enum'].indexOf(this.type) !== -1) {\n var el = this.el;\n var input = this.el;\n if (this.type === 'enum') {\n el = $(this.helpers.multi);\n input = $(el).find('input');\n }\n if (this.type === 'list') {\n var sel = $(input).data('selected');\n if ($.isPlainObject(sel) && !$.isEmptyObject(sel) && options.index == -1) {\n options.items.forEach(function (item, ind) {\n if (item.id === sel.id) {\n options.index = ind;\n }\n });\n }\n input = $(this.helpers.focus).find('input');\n }\n if ($(this.el).hasClass('has-focus')) {\n if (options.openOnFocus === false && $(input).val() === '' && obj.tmp.force_open !== true) {\n $().w2overlay();\n return;\n }\n if (obj.tmp.force_hide) {\n $().w2overlay();\n setTimeout(function () {\n delete obj.tmp.force_hide;\n }, 1);\n return;\n }\n if ($(input).val() !== '') delete obj.tmp.force_open;\n var msgNoItems = w2utils.lang('No matches');\n if (options.url != null && String($(input).val()).length < options.minLength && obj.tmp.emptySet !== true) {\n msgNoItems = options.minLength + ' ' + w2utils.lang('letters or more...');\n }\n if (options.url != null && $(input).val() === '' && obj.tmp.emptySet !== true) {\n msgNoItems = w2utils.lang(options.msgSearch || 'Type to search...');\n }\n if (options.url == null && options.items.length === 0) msgNoItems = w2utils.lang('Empty list');\n if (options.msgNoItems != null) {\n var eventData = {\n search: $(input).val(),\n options: $.extend(true, {}, options)\n }\n if (options.url) {\n eventData.remote = {\n url: options.url,\n empty: obj.tmp.emptySet ? true : false,\n error: obj.tmp.lastError,\n minLength: options.minLength\n }\n }\n msgNoItems = (typeof options.msgNoItems === 'function'\n ? options.msgNoItems(eventData)\n : options.msgNoItems)\n }\n if (obj.tmp.lastError) {\n msgNoItems = obj.tmp.lastError;\n }\n if (msgNoItems) {\n msgNoItems = '' + msgNoItems + '
';\n }\n\n var params = $.extend(true, {}, options, {\n search : false,\n render : options.renderDrop,\n maxHeight : options.maxDropHeight,\n maxWidth : options.maxDropWidth,\n msgNoItems : msgNoItems,\n // selected with mouse\n onSelect: function (event) {\n if (obj.type === 'enum') {\n var selected = $(obj.el).data('selected');\n if (event.item) {\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, originalEvent: event.originalEvent, item: event.item });\n if (edata.isCancelled === true) return;\n // default behavior\n if (selected.length >= options.max && options.max > 0) selected.pop();\n delete event.item.hidden;\n selected.push(event.item);\n $(obj.el).data('selected', selected).trigger('input').change();\n $(obj.helpers.multi).find('input').val('').width(20);\n obj.refresh();\n if (event.keepOpen !== true) {\n if ($(\"#w2ui-overlay\").length > 0) $('#w2ui-overlay')[0].hide();\n } else {\n var ind;\n params.items.forEach(function (item, i) { if (item.id == event.item.id) ind = i })\n if (ind != null) params.items.splice(ind, 1)\n params.selected = selected\n $(el).w2menu('refresh', params);\n }\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n } else {\n $(obj.el).data('selected', event.item).val(event.item.text).trigger('input').change();\n if (obj.helpers.focus) obj.helpers.focus.find('input').val('');\n }\n }\n });\n $(el).w2menu((!indexOnly ? 'refresh' : 'refresh-index'), params);\n }\n }\n },\n\n inRange: function (str, onlyDate) {\n var inRange = false;\n if (this.type === 'date') {\n var dt = w2utils.isDate(str, this.options.format, true);\n if (dt) {\n // enable range\n if (this.options.start || this.options.end) {\n var st = (typeof this.options.start === 'string' ? this.options.start : $(this.options.start).val());\n var en = (typeof this.options.end === 'string' ? this.options.end : $(this.options.end).val());\n var start = w2utils.isDate(st, this.options.format, true);\n var end = w2utils.isDate(en, this.options.format, true);\n var current = new Date(dt);\n if (!start) start = current;\n if (!end) end = current;\n if (current >= start && current <= end) inRange = true;\n } else {\n inRange = true;\n }\n // block predefined dates\n if (this.options.blocked && $.inArray(str, this.options.blocked) !== -1) inRange = false;\n\n /*\n clockWeekDay - type: array or integers. every element - number of week day.\n number of weekday (1 - monday, 2 - tuesday, 3 - wensday, 4 - thursday, 5 - friday, 6 - saturday, 0 - sunday)\n for block in calendar (for example, block all sundays so user can't choose sunday in calendar)\n */\n if (this.options.blockWeekDays !== null && this.options.blockWeekDays !== undefined\n && this.options.blockWeekDays.length != undefined){\n var l = this.options.blockWeekDays.length;\n for (var i=0; i '+\n '
');\n helper = $(obj.el).next();\n helper.css({\n 'color' : $(obj.el).css('color'),\n 'font-family' : $(obj.el).css('font-family'),\n 'font-size' : $(obj.el).css('font-size'),\n 'height' : ($(obj.el).height() + parseInt($(obj.el).css('padding-top'), 10) + parseInt($(obj.el).css('padding-bottom'), 10) ) + 'px',\n 'padding' : 0,\n 'margin-top' : (parseInt($(obj.el).css('margin-top'), 10) + 1) + 'px',\n 'margin-bottom' : 0,\n 'border-left' : '1px solid silver'\n })\n .css('margin-left', '-'+ (helper.width() + parseInt($(obj.el).css('margin-right'), 10) + 12) + 'px')\n .on('mousedown', function (event) {\n var body = $('body');\n body.on('mouseup', tmp);\n body.data('_field_update_timer', setTimeout(update, 700));\n update(false);\n // timer function\n function tmp() {\n clearTimeout(body.data('_field_update_timer'));\n body.off('mouseup', tmp);\n }\n // update function\n function update(notimer) {\n $(obj.el).focus();\n obj.keyDown($.Event(\"keydown\"), {\n keyCode : ($(event.target).attr('type') === 'up' ? 38 : 40)\n });\n if (notimer !== false) $('body').data('_field_update_timer', setTimeout(update, 60));\n }\n });\n pr += helper.width() + 12;\n $(obj.el).css('padding-right', pr + 'px');\n // remember helper\n obj.helpers.arrows = helper;\n }\n if (obj.options.suffix !== '') {\n // remove if already displayed\n if (obj.helpers.suffix) $(obj.helpers.suffix).remove();\n // add fresh\n $(obj.el).after(\n ''+\n ' '+\n '
'+\n ' '+\n ' '+\n '
'+\n ''+\n obj.options.suffix +\n '
');\n helper = $(obj.el).next();\n helper\n .css({\n 'color' : $(obj.el).css('color'),\n 'font-family' : $(obj.el).css('font-family'),\n 'font-size' : $(obj.el).css('font-size'),\n 'padding-top' : $(obj.el).css('padding-top'),\n 'padding-bottom' : $(obj.el).css('padding-bottom'),\n 'padding-left' : '3px',\n 'padding-right' : $(obj.el).css('padding-right'),\n 'margin-top' : (parseInt($(obj.el).css('margin-top'), 10) + 2) + 'px',\n 'margin-bottom' : (parseInt($(obj.el).css('margin-bottom'), 10) + 1) + 'px'\n })\n .on('click', function (event) {\n if (obj.type === 'list') {\n $(obj.helpers.focus).find('input').focus();\n } else {\n $(obj.el).focus();\n }\n });\n\n helper.css('margin-left', '-'+ (w2utils.getSize(helper, 'width') + parseInt($(obj.el).css('margin-right'), 10) + 2) + 'px');\n pr += helper.width() + 3;\n $(obj.el).css('padding-right', pr + 'px');\n // remember helper\n obj.helpers.suffix = helper;\n }\n }, 1);\n },\n\n addFocus: function () {\n var obj = this;\n var options = this.options;\n var width = 0; // 11 - show search icon, 0 do not show\n var pholder;\n // clean up & init\n $(obj.helpers.focus).remove();\n // remember original tabindex\n var tabIndex = parseInt($(obj.el).attr('tabIndex'));\n if (!isNaN(tabIndex) && tabIndex !== -1) obj.el._tabIndex = tabIndex;\n if (obj.el._tabIndex) tabIndex = obj.el._tabIndex;\n if (tabIndex == null) tabIndex = -1;\n if (isNaN(tabIndex)) tabIndex = 0;\n // if there is id, add to search with \"_search\"\n var searchId = '';\n if ($(obj.el).attr('id') != null) {\n searchId = 'id=\"' + $(obj.el).attr('id') + '_search\"'\n }\n // build helper\n var html =\n ''+\n ' '+\n ' '+\n '
';\n $(obj.el).attr('tabindex', -1).before(html);\n var helper = $(obj.el).prev();\n obj.helpers.focus = helper;\n helper.css({\n width : $(obj.el).width(),\n \"margin-top\" : $(obj.el).css('margin-top'),\n \"margin-left\" : (parseInt($(obj.el).css('margin-left')) + parseInt($(obj.el).css('padding-left'))) + 'px',\n \"margin-bottom\" : $(obj.el).css('margin-bottom'),\n \"margin-right\" : $(obj.el).css('margin-right')\n })\n .find('input')\n .css({\n cursor : 'default',\n width : '100%',\n outline : 'none',\n opacity : 1,\n margin : 0,\n border : '1px solid transparent',\n padding : $(obj.el).css('padding-top'),\n \"padding-left\" : 0,\n \"margin-left\" : (width > 0 ? width + 6 : 0),\n \"background-color\" : 'transparent'\n });\n // INPUT events\n helper.find('input')\n .on('click', function (event) {\n if ($('#w2ui-overlay').length === 0) obj.focus(event);\n event.stopPropagation();\n })\n .on('focus', function (event) {\n pholder = $(obj.el).attr('placeholder');\n $(obj.el).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });\n $(this).val('');\n $(obj.el).triggerHandler('focus');\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n })\n .on('blur', function (event) {\n $(obj.el).css('outline', 'none');\n $(this).val('');\n obj.refresh();\n $(obj.el).triggerHandler('blur');\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n if (pholder != null) $(obj.el).attr('placeholder', pholder);\n })\n .on('keydown', function (event) {\n var el = this;\n obj.keyDown(event);\n setTimeout(function () {\n if (el.value === '') $(obj.el).attr('placeholder', pholder); else $(obj.el).attr('placeholder', '');\n }, 10);\n })\n .on('keyup', function (event) { obj.keyUp(event); })\n .on('keypress', function (event) { obj.keyPress(event); });\n // MAIN div\n helper.on('click', function (event) { $(this).find('input').focus(); });\n obj.refresh();\n },\n\n addMulti: function () {\n var obj = this;\n var options = this.options;\n // clean up & init\n $(obj.helpers.multi).remove();\n // build helper\n var html = '';\n var margin =\n 'margin-top : 0px; ' +\n 'margin-bottom : 0px; ' +\n 'margin-left : ' + $(obj.el).css('margin-left') + '; ' +\n 'margin-right : ' + $(obj.el).css('margin-right') + '; '+\n 'width : ' + (w2utils.getSize(obj.el, 'width')\n - parseInt($(obj.el).css('margin-left'), 10)\n - parseInt($(obj.el).css('margin-right'), 10))\n + 'px;';\n // if there is id, add to search with \"_search\"\n var searchId = '';\n if ($(obj.el).attr('id') != null) {\n searchId = 'id=\"' + $(obj.el).attr('id') + '_search\" '\n }\n if (obj.type === 'enum') {\n // remember original tabindex\n var tabIndex = $(obj.el).attr('tabIndex');\n if (tabIndex && tabIndex !== -1) obj.el._tabIndex = tabIndex;\n if (obj.el._tabIndex) tabIndex = obj.el._tabIndex;\n if (tabIndex == null) tabIndex = 0; // default tabindex\n\n html = ''+\n '
';\n }\n if (obj.type === 'file') {\n html = ''+\n '
'+\n '- '+\n '
- '+\n ' '+\n ' '+\n '
'+\n '
';\n }\n // old bg and border\n var tmp = $(obj.el).data('tmp') || {};\n tmp['old-background-color'] = $(obj.el).css('background-color');\n tmp['old-border-color'] = $(obj.el).css('border-color');\n $(obj.el).data('tmp', tmp);\n\n $(obj.el)\n .before(html)\n .css({\n 'background-color' : 'transparent',\n 'border-color' : 'transparent'\n });\n\n var div = $(obj.el).prev();\n obj.helpers.multi = div;\n if (obj.type === 'enum') {\n $(obj.el).attr('tabindex', -1);\n // INPUT events\n div.find('input')\n .on('click', function (event) {\n if ($('#w2ui-overlay').length === 0) obj.focus(event);\n $(obj.el).triggerHandler('click');\n })\n .on('focus', function (event) {\n $(div).css({ 'outline': 'auto 5px #7DB4F3', 'outline-offset': '-2px' });\n $(obj.el).triggerHandler('focus');\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n })\n .on('blur', function (event) {\n $(div).css('outline', 'none');\n $(obj.el).triggerHandler('blur');\n if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true;\n })\n .on('keyup', function (event) { obj.keyUp(event); })\n .on('keydown', function (event) { obj.keyDown(event); })\n .on('keypress', function (event) { obj.keyPress(event); });\n // MAIN div\n div.on('click', function (event) { $(this).find('input').focus(); });\n }\n if (obj.type === 'file') {\n $(obj.el).css('outline', 'none');\n div.find('input')\n .off('.drag')\n .on('click.drag', function (event) {\n event.stopPropagation();\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n $(obj.el).focus();\n })\n .on('dragenter.drag', function (event) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n $(div).addClass('w2ui-file-dragover');\n })\n .on('dragleave.drag', function (event) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n $(div).removeClass('w2ui-file-dragover');\n })\n .on('drop.drag', function (event) {\n if ($(obj.el).prop('readonly') || $(obj.el).prop('disabled')) return;\n $(div).removeClass('w2ui-file-dragover');\n var files = event.originalEvent.dataTransfer.files;\n for (var i = 0, l = files.length; i < l; i++) obj.addFile.call(obj, files[i]);\n $(obj.el).focus();\n // cancel to stop browser behaviour\n event.preventDefault();\n event.stopPropagation();\n })\n .on('dragover.drag', function (event) {\n // cancel to stop browser behaviour\n event.preventDefault();\n event.stopPropagation();\n })\n .on('change.drag', function () {\n $(obj.el).focus();\n if (typeof this.files !== \"undefined\") {\n for (var i = 0, l = this.files.length; i < l; i++) {\n obj.addFile.call(obj, this.files[i]);\n }\n }\n });\n }\n obj.refresh();\n },\n\n addFile: function (file) {\n var obj = this;\n var options = this.options;\n var selected = $(obj.el).data('selected');\n var newItem = {\n name : file.name,\n type : file.type,\n modified : file.lastModifiedDate,\n size : file.size,\n content : null,\n file : file\n };\n var size = 0;\n var cnt = 0;\n var err;\n if (selected) {\n for (var s = 0; s < selected.length; s++) {\n // check for dups\n if (selected[s].name == file.name && selected[s].size == file.size) return;\n size += selected[s].size;\n cnt++;\n }\n }\n // trigger event\n var edata = obj.trigger({ phase: 'before', type: 'add', target: obj.el, file: newItem, total: cnt, totalSize: size });\n if (edata.isCancelled === true) return;\n // check params\n if (options.maxFileSize !== 0 && newItem.size > options.maxFileSize) {\n err = 'Maximum file size is '+ w2utils.formatSize(options.maxFileSize);\n if (options.silent === false) $(obj.el).w2tag(err);\n console.log('ERROR: '+ err);\n return;\n }\n if (options.maxSize !== 0 && size + newItem.size > options.maxSize) {\n err = w2utils.lang('Maximum total size is') + ' ' + w2utils.formatSize(options.maxSize);\n if (options.silent === false) {\n $(obj.el).w2tag(err);\n } else {\n console.log('ERROR: '+ err);\n }\n return;\n }\n if (options.max !== 0 && cnt >= options.max) {\n err = w2utils.lang('Maximum number of files is') + ' '+ options.max;\n if (options.silent === false) {\n $(obj.el).w2tag(err);\n } else {\n console.log('ERROR: '+ err);\n }\n return;\n }\n selected.push(newItem);\n // read file as base64\n if (typeof FileReader !== \"undefined\" && options.readContent === true) {\n var reader = new FileReader();\n // need a closure\n reader.onload = (function () {\n return function (event) {\n var fl = event.target.result;\n var ind = fl.indexOf(',');\n newItem.content = fl.substr(ind+1);\n obj.refresh();\n $(obj.el).trigger('input').trigger('change');\n // event after\n obj.trigger($.extend(edata, { phase: 'after' }));\n };\n })();\n reader.readAsDataURL(file);\n } else {\n obj.refresh();\n $(obj.el).trigger('input').trigger('change');\n obj.trigger($.extend(edata, { phase: 'after' }));\n }\n },\n\n normMenu: function (menu, el) {\n if ($.isArray(menu)) {\n for (var m = 0; m < menu.length; m++) {\n if (typeof menu[m] === 'string') {\n menu[m] = { id: menu[m], text: menu[m] };\n } else if (menu[m] != null) {\n if (menu[m].text != null && menu[m].id == null) menu[m].id = menu[m].text;\n if (menu[m].text == null && menu[m].id != null) menu[m].text = menu[m].id;\n if (menu[m].caption != null) menu[m].text = menu[m].caption;\n } else {\n menu[m] = { id: null, text: 'null' }\n }\n }\n return menu;\n } else if (typeof menu === 'function') {\n return w2obj.field.prototype.normMenu.call(this, menu.call(this, el));\n } else if (typeof menu === 'object') {\n var tmp = [];\n for (var m in menu) tmp.push({ id: m, text: menu[m] });\n return tmp;\n }\n },\n\n getMonthHTML: function (month, year, selected) {\n var td = new Date();\n var months = w2utils.settings.fullmonths;\n var daysCount = ['31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31'];\n var today = td.getFullYear() + '/' + (Number(td.getMonth()) + 1) + '/' + td.getDate();\n var days = w2utils.settings.fulldays.slice(); // creates copy of the array\n var sdays = w2utils.settings.shortdays.slice(); // creates copy of the array\n if (w2utils.settings.weekStarts !== 'M') {\n days.unshift(days.pop());\n sdays.unshift(sdays.pop());\n }\n var options = this.options;\n if (options == null) options = {};\n // normalize date\n year = w2utils.isInt(year) ? parseInt(year) : td.getFullYear();\n month = w2utils.isInt(month) ? parseInt(month) : td.getMonth() + 1;\n if (month > 12) { month -= 12; year++; }\n if (month < 1 || month === 0) { month += 12; year--; }\n if (year/4 == Math.floor(year/4)) { daysCount[1] = '29'; } else { daysCount[1] = '28'; }\n options.current = month + '/' + year;\n\n // start with the required date\n td = new Date(year, month-1, 1);\n var weekDay = td.getDay();\n var dayTitle = '';\n for (var i = 0; i < sdays.length; i++) dayTitle += ''+\n ' '+\n '
'+\n ' '+\n '
'+\n ''+\n ' '+\n ' '+\n months[month-1] +', '+ year +\n '
'+\n '| ';\n ci += 6;\n } else {\n if (ci < weekDay || day > daysCount[month-1]) {\n html += ' | ';\n if ((ci) % 7 === 0) html += ' |
| '+\n dspDay +\n ' | ';\n if (ci % 7 === 0 || (weekDay === 0 && ci == 1)) html += '|
'+ months[m] + '
';\n }\n for (var y = start_year; y <= end_year; y++) {\n yhtml += ''+ y + '
';\n }\n return ''+ mhtml +'
'+ yhtml +'
';\n },\n\n getHourHTML: function () {\n var tmp = [];\n var options = this.options;\n if (options == null) options = { format: w2utils.settings.timeFormat };\n var h24 = (options.format.indexOf('h24') > -1);\n for (var a = 0; a < 24; a++) {\n var time = (a >= 12 && !h24 ? a - 12 : a) + ':00' + (!h24 ? (a < 12 ? ' am' : ' pm') : '');\n if (a == 12 && !h24) time = '12:00 pm';\n if (!tmp[Math.floor(a/8)]) tmp[Math.floor(a/8)] = '';\n var tm1 = this.fromMin(this.toMin(time));\n var tm2 = this.fromMin(this.toMin(time) + 59);\n if (this.type === 'datetime') {\n var dt = w2utils.isDateTime(this.el.value, options.format, true);\n var fm = options.format.split('|')[0].trim();\n tm1 = w2utils.formatDate(dt, fm) + ' ' + tm1;\n tm2 = w2utils.formatDate(dt, fm) + ' ' + tm2;\n }\n tmp[Math.floor(a/8)] += ''+ time +'
';\n }\n var html =\n ''+\n '
'+\n '
';\n return html;\n },\n\n getMinHTML: function (hour) {\n if (hour == null) hour = 0;\n var options = this.options;\n if (options == null) options = { format: w2utils.settings.timeFormat };\n var h24 = (options.format.indexOf('h24') > -1);\n var tmp = [];\n for (var a = 0; a < 60; a += 5) {\n var time = (hour > 12 && !h24 ? hour - 12 : hour) + ':' + (a < 10 ? 0 : '') + a + ' ' + (!h24 ? (hour < 12 ? 'am' : 'pm') : '');\n var tm = time;\n var ind = a < 20 ? 0 : (a < 40 ? 1 : 2);\n if (!tmp[ind]) tmp[ind] = '';\n if (this.type === 'datetime') {\n var dt = w2utils.isDateTime(this.el.value, options.format, true);\n var fm = options.format.split('|')[0].trim();\n tm = w2utils.formatDate(dt, fm) + ' ' + tm;\n }\n tmp[ind] += ''+ w2utils.lang('Select Hour') +'
'+\n ' | '+ tmp[0] +' | ' +\n ''+ tmp[1] +' | ' +\n ''+ tmp[2] +' | ' +\n '
'+ time +'
';\n }\n var html =\n ''+\n '
'+\n '
';\n return html;\n },\n\n toMin: function (str) {\n if (typeof str !== 'string') return null;\n var tmp = str.split(':');\n if (tmp.length === 2) {\n tmp[0] = parseInt(tmp[0]);\n tmp[1] = parseInt(tmp[1]);\n if (str.indexOf('pm') !== -1 && tmp[0] !== 12) tmp[0] += 12;\n } else {\n return null;\n }\n return tmp[0] * 60 + tmp[1];\n },\n\n fromMin: function (time) {\n var ret = '';\n if (time >= 24 * 60) time = time % (24 * 60);\n if (time < 0) time = 24 * 60 + time;\n var hour = Math.floor(time/60);\n var min = ((time % 60) < 10 ? '0' : '') + (time % 60);\n var options = this.options;\n if (options == null) options = { format: w2utils.settings.timeFormat };\n if (options.format.indexOf('h24') !== -1) {\n ret = hour + ':' + min;\n } else {\n ret = (hour <= 12 ? hour : hour - 12) + ':' + min + ' ' + (hour >= 12 ? 'pm' : 'am');\n }\n return ret;\n }\n };\n\n $.extend(w2field.prototype, w2utils.event);\n w2obj.field = w2field;\n\n}) (jQuery);\n","/************************************************************************\n* Library: Web 2.0 UI for jQuery (using prototypical inheritance)\n* - Following objects defined\n* - w2form - form widget\n* - $().w2form - jQuery wrapper\n* - Dependencies: jQuery, w2utils, w2fields, w2tabs, w2toolbar\n*\n* == NICE TO HAVE ==\n* - include delta on save\n* - form should read '+ w2utils.lang('Select Minute') +'
'+\n ' | '+ tmp[0] +' | ' +\n ''+ tmp[1] +' | ' +\n ''+ tmp[2] +' | ' +\n '