Repository: wootapa/watable Branch: master Commit: baf298d1eac0 Files: 6 Total size: 143.7 KB Directory structure: gitextract_ou9dcir2/ ├── LICENSE.md ├── README.md ├── bower.json ├── index.html ├── jquery.watable.js └── watable.css ================================================ FILE CONTENTS ================================================ ================================================ FILE: LICENSE.md ================================================ The MIT License (MIT) Copyright (c) 2015 Andreas Petersson Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ watable ======= A jQuery table plugin with sorting, paging, filtering. Visit https://oweitman.github.io/watable/doc/index.html for demo and docs. ================================================ FILE: bower.json ================================================ { "name": "WATable", "version": "1.10.3", "homepage": "http://wootapa-watable.appspot.com", "authors": ["Andreas Petersson "], "description": "A swiss army jQuery table plugin. Filter, format, paginate and sort your data with ease and lightning speed.", "main": [ "jquery.watable.js", "watable.css" ], "keywords": [ "table", "jquery", "paginate", "sort", "filter" ], "ignore": [ "index.html" ], "dependencies": { "jquery": ">= 1.7.1", "bootstrap": ">= 3.2.0" } } ================================================ FILE: index.html ================================================ WATable

WATable

http://wootapa-watable.appspot.com/

Example 1. No options supplied

Example 2. Lots of options supplied

================================================ FILE: jquery.watable.js ================================================ /* WATable 1.10.3 Copyright (c) 2012 Andreas Petersson(apesv03@gmail.com) http://wootapa-watable.appspot.com/ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ (function ($, undefined) { var WATable = function () { var priv = {}; //private api var publ = {}; //public api priv.options = {}; var defaults = { url: '', //webservice url urlData: '', //webservice params urlPost: false, //use POST instead of GET debug: false, //prints debug info to console filter: false, //show filter row columnPicker: false, //show columnpicker checkboxes: false, //show body checkboxes checkAllToggle: true, //show check all toggle actions: '', //holds action links pageSize: 10, //current pagesize pageSizePadding: false, //pad with empty rows pageSizes: [10, 20, 30, 40, 50, 'All'], //available pagesizes hidePagerOnEmpty: false, //removes pager if no rows preFill: false, //prefill table with empty rows sorting: true, // enable column sorting sortEmptyLast: true, //empty values will be shown last dataBind: false, //updates table when detecting row data changes types: { //type specific options string: {}, number: {}, bool: {}, date: {} }, transition: undefined, //transition type when paging transitionDuration: 0.3 //duration of transition in seconds }; /* bundled scripts */ priv.ext = {}; priv.ext.XDate = /* xdate 0.7 */ function(a,b,c,d){function e(){var b=this instanceof e?this:new e,c=arguments,d=c.length,h;typeof c[d-1]=="boolean"&&(h=c[--d],c=y(c,0,d));if(d)if(d==1)if(d=c[0],d instanceof a||typeof d=="number")b[0]=new a(+d);else if(d instanceof e){var c=b,i=new a(+d[0]);if(f(d))i.toString=G;c[0]=i}else{if(typeof d=="string"){b[0]=new a(0);a:{for(var c=d,d=h||!1,i=e.parsers,j=0,k;j=d;g--)f/=D[g],f+=s(c,!1,g)-s(a,!1,g);d==1&&(f+=(c.getFullYear()-a.getFullYear())*12)}else d==2?(d=a.toDate().setUTCHours(0,0,0,0),f=c.toDate().setUTCHours(0,0,0,0),f=b.round((f-d)/864e5)+(c-f-(a-d))/864e5):f=(c-a)/[36e5,6e4,1e3,1][d-3];return f}function k(c){var d=c(0),e=c(1),c=c(2),e=new a(F(d,e,c)),f=l(d),c=f;e=d&&(c=d));return b.floor(b.round((e-c)/864e5)/7)+1}function l(b){b=new a(F(b,0,4));b.setUTCDate(b.getUTCDate()-(b.getUTCDay()+6)%7);return b}function m(a,b,c,e){var f=x(s,a,e),g=x(t,a,e),c=l(c===d?f(0):c);e||(c=u(c));a.setTime(+c);g(2,[f(2)+(b-1)*7])}function n(a,b,c,d,f){var g=e.locales,h=g[e.defaultLocale]||{},i=x(s,a,f),c=(typeof c=="string"?g[c]:c)||{};return o(a,b,function(a){if(d)for(var b=(a==7?2:a)-1;b>=0;b--)d.push(i(b));return i(a)},function(a){return c[a]||h[a]},f)}function o(a,b,c,e,f){for(var g,h,i="";g=b.match(E);){i+=b.substr(0,g.index);if(g[1]){h=i;for(var i=a,j=g[1],k=c,l=e,m=f,n=j.length,q=void 0,r="";n>0;)q=p(i,j.substr(0,n),k,l,m),q!==d?(r+=q,j=j.substr(n),n=j.length):n--;i=h+(r+j)}else g[3]?(h=o(a,g[4],c,e,f),parseInt(h.replace(/\D/g,""),10)&&(i+=h)):i+=g[7]||"'";b=b.substr(g.index+g[0].length)}return i+b}function p(a,c,d,f,g){var h=e.formatters[c];if(typeof h=="string")return o(a,h,d,f,g);else if(typeof h=="function")return h(a,g||!1,f);switch(c){case"fff":return A(d(6),3);case"s":return d(5);case"ss":return A(d(5));case"m":return d(4);case"mm":return A(d(4));case"h":return d(3)%12||12;case"hh":return A(d(3)%12||12);case"H":return d(3);case"HH":return A(d(3));case"d":return d(2);case"dd":return A(d(2));case"ddd":return f("dayNamesShort")[d(7)]||"";case"dddd":return f("dayNames")[d(7)]||"";case"M":return d(1)+1;case"MM":return A(d(1)+1);case"MMM":return f("monthNamesShort")[d(1)]||"";case"MMMM":return f("monthNames")[d(1)]||"";case"yy":return(d(0)+"").substring(2);case"yyyy":return d(0);case"t":return q(d,f).substr(0,1).toLowerCase();case"tt":return q(d,f).toLowerCase();case"T":return q(d,f).substr(0,1);case"TT":return q(d,f);case"z":case"zz":case"zzz":return g?c="Z":(f=a.getTimezoneOffset(),a=f<0?"+":"-",d=b.floor(b.abs(f)/60),f=b.abs(f)%60,g=d,c=="zz"?g=A(d):c=="zzz"&&(g=A(d)+":"+A(f)),c=a+g),c;case"w":return k(d);case"ww":return A(k(d));case"S":return c=d(2),c>10&&c<20?"th":["st","nd","rd"][c%10-1]||"th"}}function q(a,b){return a(3)<12?b("amDesignator"):b("pmDesignator")}function r(a){return!isNaN(+a[0])}function s(a,b,c){return a["get"+(b?"UTC":"")+B[c]]()}function t(a,b,c,d){a["set"+(b?"UTC":"")+B[c]].apply(a,d)}function u(b){return new a(b.getUTCFullYear(),b.getUTCMonth(),b.getUTCDate(),b.getUTCHours(),b.getUTCMinutes(),b.getUTCSeconds(),b.getUTCMilliseconds())}function v(b,c){return 32-(new a(F(b,c,32))).getUTCDate()}function w(a){return function(){return a.apply(d,[this].concat(y(arguments)))}}function x(a){var b=y(arguments,1);return function(){return a.apply(d,b.concat(y(arguments)))}}function y(a,b,e){return c.prototype.slice.call(a,b||0,e===d?a.length:e)}function z(a,b){for(var c=0;c').appendTo(_cont); } //create the header which will later hold both sorting and filtering if (!_head) { _table.find('thead').remove(); _headSort = _headFilter = undefined; _head = $('').prependTo(_table); } //sort the columns in index order var colsSorted = Object.keys(_data.cols).sort(function (a, b) { return _data.cols[a].index - _data.cols[b].index; }); //create the header sorting row if (!_headSort) { _head.find('.sort i').tooltip('hide'); _head.find(".sort").remove(); _headSort = $('').prependTo(_head); //create the checkall toggle if (_uniqueCol && priv.options.checkboxes) { var checked = _checkToggleChecked ? 'checked' : ''; var headCell = $('').appendTo(_headSort); if (priv.options.checkAllToggle) { var elem = $(''.f(checked)).appendTo(headCell); elem.on('change', priv.checkToggleChanged); } } //create the sortable headers for (var i = 0; i < colsSorted.length; i++) { var column = colsSorted[i]; var props = _data.cols[column]; if (!props.hidden) { var headCell = $('').appendTo(_headSort); var link; if(priv.options.sorting && props.sorting !== false) { link = $('{0}'.f(props.friendly || column)); link.on('click', {column: column}, priv.columnClicked); } else { link = $('{0}'.f(props.friendly || column)); } link.appendTo(headCell); if (props.tooltip) { $('').tooltip({ title: props.tooltip.trim(), html: true, container: 'body', placement: 'top', delay: { show: 500, hide: 100 } }).appendTo(link); } //Add sort arrow if (column == _currSortCol) { if (_currSortFlip) $('').appendTo(headCell); else $('').appendTo(headCell); } } } } //create the header filtering row if (!_headFilter && priv.options.filter) { _head.find(".filter").remove(); _headFilter = $('').appendTo(_head); var headCell; var elem; var placeHolder = ''; var tooltip = ''; //create the filter checkbox if (_uniqueCol && priv.options.checkboxes) { tooltip = priv.options.types.bool.filterTooltip || 'Toggle between:
indeterminate,
checked,
unchecked'; headCell = $('').appendTo(_headFilter); elem = $('').appendTo(headCell); $.map(_filterCols, function (colProps, col) { if (col == "unique") { if (colProps.filter == 1) elem.prop('checked', true).removeClass('indeterminate'); else if (colProps.filter == 0) elem.prop('checked', false).removeClass('indeterminate'); else elem.prop('checked', true).addClass('indeterminate'); } }); if (tooltip) { elem.tooltip({ title: tooltip.trim(), html: true, container: 'body', trigger: 'hover', placement: 'top', delay: { show: 500, hide: 100 } }); } elem.on('click', {column: "unique"}, priv.filterChanged); } //create the column filters for (var i = 0; i < colsSorted.length; i++) { var column = colsSorted[i]; var props = _data.cols[column]; tooltip = props.filterTooltip === true ? undefined : props.filterTooltip === false ? '' : props.filterTooltip; placeHolder = props.placeHolder === true ? undefined : props.placeHolder === false ? '' : props.placeHolder; if (!props.hidden) { headCell = $('').appendTo(_headFilter); switch (props.type || 'string') { case "number": if (placeHolder == undefined) placeHolder = priv.options.types.number.placeHolder; placeHolder = (placeHolder === true || placeHolder == undefined) ? '10..20 =50' : placeHolder === false ? '' : placeHolder; if (tooltip == undefined) tooltip = priv.options.types.number.filterTooltip; tooltip = (tooltip === true || tooltip == undefined) ? 'Values 10 to 20:
10..20
Values except 10 to 20:
!10..20
Values exactly 50:
=50' : tooltip === false ? '' : tooltip; elem = $(''.f(placeHolder)); elem.on('keyup', {column: column}, priv.filterChanged); break; case "date": if (placeHolder == undefined) placeHolder = priv.options.types.date.placeHolder; placeHolder = (placeHolder === true || placeHolder == undefined) ? '-7..0' : placeHolder === false ? '' : placeHolder; if (tooltip == undefined) tooltip = priv.options.types.date.filterTooltip; tooltip = (tooltip === true || tooltip == undefined) ? 'Today:
0..1
All except today:
!0..1
A week today excluded:
-7..0' : tooltip === false ? '' : tooltip; elem = $('
'.f(placeHolder)); if (priv.options.types.date.datePicker === true || priv.options.types.date.datePicker == undefined) { if ($().datepicker) { elem.addClass('date-wrap'); var today = new priv.ext.XDate(false).setHours(0, 0, 0, 0).toString('yyyy-MM-dd'); var dp = $('
'.f(today, 'yyyy-mm-dd')).appendTo(elem); $('').appendTo(dp); $('').on('click', {op: "l"}, priv.dpOpChanged).appendTo(dp); $('').on('click', {op: "r"}, priv.dpOpChanged).appendTo(dp); dp.datepicker({weekStart:1}); dp.on('changeDate', {column: column, input: $('input.filter', elem)}, priv.dpClicked); } else priv.log('datepicker plugin not found'); } elem.on('keyup', 'input.filter', {column: column}, priv.filterChanged); break; case "bool": if (tooltip == undefined) tooltip = priv.options.types.bool.filterTooltip; tooltip = (tooltip === true || tooltip == undefined) ? 'Toggle between:
indeterminate,
checked,
unchecked' : tooltip === false ? '' : tooltip; elem = $(''); elem.on('click', {column: column}, priv.filterChanged); break; case "string": if (placeHolder == undefined) placeHolder = priv.options.types.string.placeHolder; placeHolder = (placeHolder === true || placeHolder == undefined) ? 'John Doe' : placeHolder === false ? '' : placeHolder; if (tooltip == undefined) tooltip = priv.options.types.string.filterTooltip; tooltip = (tooltip === true || tooltip == undefined) ? 'Find John Doe:
John Doe
Find John and Jane Doe(Regex):
?John Doe|Jane Doe
Find all except John Doe:
!John Doe' : tooltip === false ? '' : tooltip; elem = $(''.f(placeHolder)); elem.on('keyup', {column: column}, priv.filterChanged); break; case "none": elem = $('
 
'); break; } if (tooltip) { elem.tooltip({ title: tooltip.trim(), html: true, container: 'body', trigger: 'hover', placement: 'top', delay: { show: 500, hide: 100 } }); } if (elem && props.filter !== false) { $.map(_filterCols, function (colProps, col) { if (col == column) { if (colProps.col.type == 'bool') { if (colProps.filter == 1) elem.prop('checked', true).removeClass('indeterminate'); else if (colProps.filter == 0) elem.prop('checked', false).removeClass('indeterminate'); else elem.prop('checked', true).addClass('indeterminate'); } else if (colProps.col.type == 'date') { //dates have the input nested $('input:first', elem).val(colProps.filter); } else{ elem.val(colProps.filter); } } }); elem.appendTo(headCell); } } } } //create the body if (!_body) { var prevBody = _table.find('tbody'); if (!_transition.doTransition && prevBody.length) prevBody.remove(); _body = $('').insertAfter(_head); _body.on('change', '.unique', priv.rowChecked); _body.on('click', 'td:not(.watable-col-cbunique)', priv.rowClicked); //find out what rows to show next... _pageSize = priv.options.pageSize == -1 ? _data.rows.length : Math.min(priv.options.pageSize, _data.rows.length); _totalPages = Math.ceil(_data.rows.length / _pageSize) || 1; _currPage = Math.min(_totalPages, _currPage); _data.meta.rowsRendered = {}; if (_currPage > 1) { _data.meta.fromRow = Math.max((_pageSize * _currPage) - _pageSize, 0); _data.meta.toRow = Math.min(_data.meta.fromRow + _pageSize, _data.rows.length); } else { _data.meta.fromRow = 0; _data.meta.toRow = _pageSize; } //slice out the chunk of data we need and create rows $.each(_data.rows.slice(_data.meta.fromRow, _data.meta.toRow), function (index, row) { var rowRendered = $(''.f(index%2 == 0 ? 'odd' : 'even')).appendTo(_body); if (_uniqueCol) { _data.meta.rowsRendered[row[_uniqueCol]] = rowRendered; //create checkbox if (priv.options.checkboxes) { var check = _data.meta.rowsChecked[row[_uniqueCol]] != undefined ? 'checked' : ''; var checkable = row['row-checkable'] === false ? 'disabled' : ''; var cell = $('').appendTo(rowRendered); $(''.f(check, checkable)).appendTo(cell); } } //create cells for (var i = 0; i < colsSorted.length; i++) { var col = colsSorted[i]; if (!_data.cols[col]) { return; } if (_data.cols[col].unique) { rowRendered.data('unique', row[col]); } if (!_data.cols[col].hidden) { var cell = $(''); priv.renderCell(cell, col, row, rowRendered); cell.appendTo(rowRendered); } } }); //pad with empty rows? if (priv.options.pageSize != -1 && (_currPage == _totalPages && _currPage > 1) || priv.options.pageSizePadding) { var loops = priv.options.pageSize - (_data.meta.toRow - _data.meta.fromRow); while (loops-- >0) { var row = $('').appendTo(_body); if (_uniqueCol && priv.options.checkboxes) { var cell = $('').appendTo(row); $('').appendTo(cell); } $.each(_data.cols, function (column, props) { if (!props.hidden) $(' ').appendTo(row); }); } } //transition between bodys? if (prevBody.length && _transition.doTransition) { var transition = _transition.direction == 1 ? _transition.available[priv.options.transition].next : _transition.available[priv.options.transition].prev; //animation duration var vendorCSSProps = {}; $.each(_vendors, function (index, vendor) { var key = '-{0}-animation-duration'.f(vendor); vendorCSSProps[key] = '{0}s'.f(priv.options.transitionDuration); }); prevBody.css(vendorCSSProps); var fallbackTimer; var vendorAnimationEnd = $.map(_vendors, function (vendor) { return '{0}AnimationEnd {0}animationend'.f(vendor); }).join(" "); prevBody.one('{0} animationend'.f(vendorAnimationEnd), function (e) { clearTimeout(fallbackTimer); prevBody.remove(); _body.css(vendorCSSProps); //animate in the current body _body.one('{0} animationend'.f(vendorAnimationEnd), function (e) { _body.removeClass('animated {0}'.f(transition.tin)); }); _body.show(0).addClass('animated {0}'.f(transition.tin)); }); //fallback timer to prevent paging from breaking when animationend wont fire fallbackTimer = setTimeout(function(e) { priv.log('animate.css seems to be missing!', true); prevBody.remove(); _body.show(0); _transition.supported = false; }, (priv.options.transitionDuration * 1000) /* wait a little longer */ + 500); //animate out the previous body prevBody.addClass('animated {0}'.f(transition.tout)); _transition.doTransition = false; } else { _body.show(0); } //recreate footer? _data.meta.rowsFilteredCount = _data.meta.rowsFilteredCount || 0; if (_data.meta.rowsFilteredCount != _data.rows.length) { _foot = undefined; _data.meta.rowsFilteredCount = _data.rows.length; } } //create the footer if (!_foot) { _table.find('tfoot').remove(); _foot = $('').insertAfter(_body); var footRow = $('').appendTo(_foot); var footCell = $('').appendTo(footRow); //create summary if (_data.rows.length > 0) $('

Rows {0}-{1} of {2}

'.f(_data.meta.fromRow + 1, Math.min(_data.meta.toRow, _data.rows.length), _data.rows.length)).appendTo(footCell); else { $('

No results

').appendTo(footCell); } //create the pager. var lowerPage = _currPage - 2; var upperPage = _currPage + 2; if (upperPage > _totalPages) { var diff = upperPage - _totalPages; upperPage = _totalPages; lowerPage -= diff; } if (lowerPage < 1) lowerPage = 1; if (upperPage < 5) upperPage = 5; var footToolbar = $('
').appendTo(footCell); var footDiv = $('
').appendTo(footToolbar); var footPagerUl = $('
    ').appendTo(footDiv); $('
  • «
    • '.f(_currPage == 1 ? 'disabled' : '')) .on('click', {pageIndex: _currPage - 1}, priv.pageChanged).appendTo(footPagerUl); for (var i = lowerPage; i <= upperPage; i++) { var link; if (i == _currPage) { link = $('
  • {0}
    • '.f(i)); link.on('click', function(e) { e.preventDefault();} ) } else { link = $('
  • {0}
    • '.f(i, i > _totalPages ? 'disabled' : '')); link.on('click', {pageIndex: i}, priv.pageChanged); } link.appendTo(footPagerUl); } $('
  • »
    • '.f(_currPage == _totalPages ? 'disabled' : '')) .on('click', {pageIndex: _currPage + 1}, priv.pageChanged).appendTo(footPagerUl); //create pagesize dropdown if (priv.options.pageSizes.length) { var div = $('
    ').appendTo(footToolbar); var btn = $('').appendTo(div); var span = $('').appendTo(btn); var ul = $('
      ').appendTo(div); $.each(priv.options.pageSizes, function (index, val) { var li = $('
    • ').appendTo(ul); $('{0}'.f(val)).appendTo(li); }); div.on('click', 'a', priv.pageSizeChanged); } //create columnpicker dropdown if (priv.options.columnPicker) { var div = $('
      ').appendTo(footToolbar); var btn = $('').appendTo(div); var span = $('').appendTo(btn); var ul = $('
        ').appendTo(div); for (var i = 0; i < colsSorted.length; i++) { var col = colsSorted[i]; var props = _data.cols[col]; if (props.type != "unique") { var li = $('
      • ').appendTo(ul); $(' {2}'.f(props.hidden ? '' : 'checked', col, props.friendly || col)).appendTo(li); } } div.on('click', 'input', priv.columnPickerClicked); } //create actions dropdown if (priv.options.actions) { var div = $('
        ').appendTo(footToolbar); var btn = $('').appendTo(div); var span = $('').appendTo(btn); var ul = $('
          ').appendTo(div); if (priv.options.actions.filter) { var li = $('
        • ').appendTo(ul); $(' Filter'.f(priv.options.filter ? 'checked' : '')).appendTo(li); li.on('click', 'input', function (e) { priv.options.filter = !priv.options.filter; _head = undefined; priv.createTable(); }); } if (priv.options.actions.columnPicker) { var li = $('
        • ').appendTo(ul); $(' ColumnPicker'.f(priv.options.columnPicker ? 'checked' : '')).appendTo(li); li.on('click', 'input', function (e) { priv.options.columnPicker = !priv.options.columnPicker; _foot = undefined; priv.createTable(); }); } if (priv.options.actions.custom) { $.each(priv.options.actions.custom, function (index, val) { var li = $('
        • ').appendTo(ul); $(val).appendTo(li); }); } } } if (_data.rows.length == 0 && priv.options.hidePagerOnEmpty) $('.btn-toolbar', _foot).remove(); priv.log('table created in {0}ms.'.f(new priv.ext.XDate() - start)); if (typeof priv.options.tableCreated == 'function') priv.options.tableCreated.call(_table.get(0), {table: _table.get(0)}); }; /* renders a cell */ priv.renderCell= function(cell, col, row, renderedRow) { cell.data('column', col); //add any cell/column level classes cell.removeClass(); var cellClasses = $.grep([].concat((row[col + 'Cls'] || '').split(','), (_data.cols[col].cls || '').split(',')),function(n){ return(n)}); $.each(cellClasses, function(i, cellClass) { cellClass = cellClass.trim(); if (!cell.hasClass(cellClass)) cell.addClass(cellClass); }); //add any row level classes here as well var rowClasses = row['row-cls'] || ""; var newClasses = $.grep(rowClasses.split(','),function(n){ return(n)}); var oldClasses = renderedRow.attr('class').split(' '); var addClasses = $.unique($(newClasses)).not($(oldClasses)).get(); $.each(addClasses, function(i, cls) { renderedRow.addClass(cls); }); var removeClasses = $.unique($(oldClasses)).not($(newClasses.concat(['odd','even']))).get(); $.each(removeClasses, function(i, cls) { renderedRow.removeClass(cls); }); if (_uniqueCol) { var cellClass = 'watable-col-{0}'.f(col); if (!cell.hasClass(cellClass)) cell.addClass(cellClass); } var val = row[col]; var format = row[col + 'Format'] || _data.cols[col].format || row[col + 'AutoFormat'] || '{0}'; function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } switch (_data.cols[col].type) { case "string": val = val || ''; cell.html(format.f(val)); break; case "number": val = val || ''; if (isNumber(val)) { val = (+val); var forceDecimals = !isNaN(_data.cols[col].decimals); if (forceDecimals) { val = val.toFixed(_data.cols[col].decimals); } else { val = val % 1 === 0 ? val : val.toFixed(priv.options.types.number.decimals || 2); } } cell.html(format.f(val)); break; case "date": val = val || ''; if (isNumber(val)) { val = (+val); val = new priv.ext.XDate(val, _data.cols[col].dateUTC === true || priv.options.types.date.utc === true).toString(_data.cols[col].dateFormat || priv.options.types.date.format || 'yyyy-MM-dd HH:mm:ss'); } cell.html(format.f(val)); break; case "bool": var checkbox = cell.children("input:checkbox"); if(checkbox.length) { checkbox.prop("checked", val == 1); } else { $(''.f(val == 1 ? "checked" : "")).appendTo(cell); } break; } }; /* calls the webservice(if defined). */ priv.update = function (callback, skipCols, resetChecked) { if (!priv.options.url) { priv.log('no url found'); return; } priv.log('requesting data from url:{0} data:{1}'.f(priv.options.url, JSON.stringify(priv.options.urlData) || '')); var start = new priv.ext.XDate(); $.ajax({ url: priv.options.url, type: priv.options.urlPost ? 'POST' : 'GET', dataType: 'json', contentType: "application/json; charset=utf-8", data: priv.options.urlData, async: true, success: function (data) { priv.log('request finished in {0}ms.'.f(new priv.ext.XDate() - start)); //assign the new data if (data.d && data.d.cols) priv.setData(data.d, skipCols, resetChecked); else priv.setData(data, skipCols, resetChecked); if (typeof callback == "function") callback.call(this); }, error: function (err) { priv.log('request error: '.f(err)); } }); }; /* assigns the new data. */ priv.setData = function (pData, skipCols, resetChecked) { var data = $.extend(true, {}, pData); data.meta = {}; data.meta.rowsRendered = {}; data.meta.fromRow = _data.meta && _data.meta.fromRow || 0; data.meta.toRow = _data.meta && _data.meta.toRow || 0; //use previous column definitions? skipCols = skipCols || false; if (skipCols) data.cols = _data.cols; else _filterCols = {}; _data = data; _data.meta.rowsAll = pData.rows; //wash the new data a bit _uniqueCol = ""; $.each(_data.cols, function (col, props) { //set sorting if (!_currSortCol && props.sortOrder && priv.options.sorting && props.sorting !== false) { _currSortCol = col; _currSortFlip = props.sortOrder != "asc"; } //default to string type if missing if (!props.type) _data.cols[col].type = "string"; //if several unique columns is defined, use the first. if (props.unique) { if (!_uniqueCol) _uniqueCol = col; else props.unique = false; } //if index property is missing, create one if (!props.index) _data.cols[col].index = new priv.ext.XDate(); props.column = col; //set any initial filter if (!skipCols) { props.filter = props.filter == undefined ? '' : props.filter; if (props.filter !== false) { _filterCols[col] = _filterCols[col] || { filter: props.filter, col: props }; } } }); _data.meta.rowsLookup = {}; //keep any previously checked rows around? if (resetChecked === true || resetChecked === undefined) _data.meta.rowsChecked = {}; else { for (var key in _data.meta.rowsChecked) _data.meta.rowsChecked[key] = _data.meta.rowsLookup[key]; } if (_uniqueCol) { //create a unique column definition _data.cols["unique"] = { column: "unique", type: "unique", index: -1, hidden: true }; _data.meta.rowObservers = {}; $.each(_data.meta.rowsAll, function (index, row) { //add rows that needs to be pre-checked if (row["row-checked"] === true) { _data.meta.rowsChecked[row[_uniqueCol]] = row; } //add the row to lookup object, so we can find it fast later on. _data.meta.rowsLookup[row[_uniqueCol]] = { index: index, row: row }; //add row observer priv.addRowObserver(row); }); if (_dataBind) { _data.meta.rowsObserver = new ArrayObserver(_data.meta.rowsAll).open(priv.rowsChanged); } } _head = undefined; _body = undefined; priv.filter(); priv.sort(); priv.createTable(); }; /* returns data with all,checked,filtered or rendered rows */ priv.getData = function (checked, filtered, rendered) { checked = checked || false; filtered = filtered || false; rendered = rendered || false; //copy complete _data object var data = $.extend(true, {}, _data); //remove internal stuff delete data.cols["unique"]; delete data.meta; //set the current filters $.each(data.cols, function(col) { if (_filterCols[col]) { data.cols[col].filter = _filterCols[col].filter; } }); //set rows data.rows = filtered ? _data.rows : _data.meta.rowsAll; if (checked) { data.rows = $.map(data.rows, function (row, index) { if (_data.meta.rowsChecked[row[_uniqueCol]]) { return row; } }); } if (rendered) { data.rows = $.map(data.rows, function (row, index) { if (_data.meta.rowsRendered[row[_uniqueCol]]) { return row; } }); } return data; }; /* filters all rows. */ priv.filter = function () { //get a fresh copy of the data _data.rows = _data.meta.rowsAll.slice(); if (!priv.options.filter) return; if (Object.keys(_filterCols).length == 0) return; var start = new priv.ext.XDate(); //for every column with a filter, run through the rows and return the matching rows $.each(_filterCols, function (col, colProps) { priv.log('filtering on text:{0} col:{1} type:{2} '.f(colProps.filter, colProps.col.column, colProps.col.type)); switch (colProps.col.type) { case "string": var filter = colProps.filter; var ne = false, regex = false, validRegex = true; //Escaping first character means cannot be negate or regex if (filter.charAt(0) == '\\') filter = filter.substr(1); else { var ne = filter.charAt(0) == '!'; if (ne) filter = filter.substring(1); regex = filter.length > 0 && filter.charAt(0) == "?"; } if (regex) { filter = filter.substr(1); try {filter = new RegExp(filter, "gi");} catch(err) { priv.log('invalid regex:{0}'.f(filter), true); validRegex = false; } } else filter = filter.toLowerCase(); _data.rows = $.map(_data.rows, function (row) { var val = String(row[col]); row[col + 'AutoFormat'] = ''; if (regex && validRegex) { var matches = val.match(filter); if (!matches && ne) return row; if (matches && !ne) { var pos = 0; $.each(matches, function(index, match) { var matchMask = '{0}'.f(match); pos = val.indexOf(match, pos); var pre = val.substring(0, pos); var post = val.substring(pos + match.length); val = '{0}{1}{2}'.f(pre, matchMask, post); pos += matchMask.length; }); row[col + 'AutoFormat'] = val; return row; } } else { var pos = val.toLowerCase().indexOf(filter); if ((pos == -1 && ne) || filter === '') return row; else if (row[col] != undefined && pos >= 0 && !ne) { var pre = val.substring(0, pos); var match = val.substring(pos, pos + filter.length); var post = val.substring(pos + filter.length, row[col].length); val = '{0}{1}{2}'.f(pre, match, post); row[col + 'AutoFormat'] = val; return row; } } }); break; case "number": case "date": var expr = colProps.filter.replace(/\s+/gi, ' '); var pos = -1, lval, rval, op; var ne = expr.charAt(0) == '!'; if (ne) expr = expr.substring(1); //find operator,l/r value $.each(["..", "="], function(index, operator) { pos = expr.indexOf(operator); if (pos >= 0) { op = operator; lval = expr.substring(0, pos); rval = expr.substring(pos + op.length); lval = parseFloat(lval); rval = parseFloat(rval); if (isNaN(lval)) lval = Number.NEGATIVE_INFINITY; if (isNaN(rval)) rval = Number.MAX_VALUE; if (colProps.col.type == "date") { var today = new priv.ext.XDate(priv.options.types.date.utc === true).setHours(0, 0, 0, 0); lval = today - (lval * -1) * (60 * 60 * 24 * 1000); rval = today - (rval * -1) * (60 * 60 * 24 * 1000); } return false; } }); _data.rows = $.map(_data.rows, function (row) { var match = false; switch (op) { case "=": if (row[col] == rval) match = true; break; case "..": if (colProps.col.type == "date") { if (row[col] >= lval && row[col] < rval) match = true; } else { if (row[col] >= lval && row[col] <= rval) match = true; } break; default: break; } if (match && !ne || !match && ne || expr.length == 0 || pos < 0) return row; }); break; case "bool": _data.rows = $.map(_data.rows, function (row) { if (colProps.filter === '') return row; if (row[col] === colProps.filter) return row; }); break; case "unique": _data.rows = $.map(_data.rows, function (row) { if (colProps.filter === '') return row; var a = row[_uniqueCol]; var b = _data.meta.rowsChecked[a] ? _data.meta.rowsChecked[a][_uniqueCol] : ''; if ((colProps.filter && a === b) || (!colProps.filter && b === '')) return row; }); break; } if (colProps.filter === '') delete _filterCols[colProps.col.column]; }); priv.log('filtering finished in {0}ms.'.f(new priv.ext.XDate() - start)); _body = undefined; }; /* sorts all rows on the current sorting column */ priv.sort = function () { if (!_data.cols[_currSortCol]) _currSortCol = ""; if (!_currSortCol) return; var start = new priv.ext.XDate(); priv.log('sorting on col:{0} order:{1}'.f(_currSortCol, _currSortFlip ? "desc" : "asc")); var isString = (_data.cols[_currSortCol].type == "string"); _data.rows = _data.rows.sort(function (a, b) { var valA = a[_currSortCol]; var valB = b[_currSortCol]; if (isString) { valA = valA || ''; valB = valB || ''; if (!valA) { valA = priv.options.sortEmptyLast ? _currSortFlip ? "!!!" : "|||" : "!!!"; } if (!valB) { valB = priv.options.sortEmptyLast ? _currSortFlip ? "!!!" : "|||" : "!!!"; } if (String(valA).toLowerCase() == String(valB).toLowerCase()) return 0; if (String(valA).toLowerCase() > String(valB).toLowerCase()) return _currSortFlip ? -1 : 1; else return _currSortFlip ? 1 : -1; } else { if (valA == '' || undefined || isNaN(valA)) { valA = priv.options.sortEmptyLast ? _currSortFlip ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY; } if (valB == '' || undefined || isNaN(valB)) { valB = priv.options.sortEmptyLast ? _currSortFlip ? Number.NEGATIVE_INFINITY : Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY; } if (valA == valB) return 0; if (valA > valB) return _currSortFlip ? -1 : 1; else return _currSortFlip ? 1 : -1; } }); priv.log('sorting finished in {0}ms.'.f(new priv.ext.XDate() - start)); }; /* helper for console logging */ priv.log = function (message, isWarning) { if (isWarning) console.warn(message); else if (priv.options.debug) console.log(message); }; /* helper to detect transition support */ priv.supportsTransition = function() { var style = document.createElement('p').style; //check vendorfree support if( style['transition'] == '' ) return true; //check vendor support var vendorSupport = false; $.each(_vendors, function (index, vendor) { if ('{0}Transition'.f(vendor) in style) { vendorSupport = true; return false; } }); return vendorSupport; }; /* adds an observer to a row */ priv.addRowObserver = function(row) { if (_dataBind) { _data.meta.rowObservers[row[_uniqueCol]] = new ObjectObserver(row).open(function(added, removed, changed, getOldValueFn) { priv.rowChanged(row, added, removed, changed, getOldValueFn); }); } }; /* Event Handlers *************************************************************************/ /* when: typing a filter what: data is filtered on the value */ priv.filterChanged = function (e) { //clear old timer if we're typing fast enough if (_filterTimeout) { clearTimeout(_filterTimeout); priv.log('filtering cancelled'); } var filter = this.value; var col = _data.cols[e.data.column]; var timeout = 200; //boolean filters needs some special care if (col.type == "bool" || col.type == "unique") { timeout = 0; var elem = $(this); var cssClass = 'indeterminate'; if (elem.hasClass(cssClass)) { e.preventDefault(); elem.removeClass(cssClass); filter = 1; } else { if (!elem.is(':checked')) { filter =0; } else { elem.addClass(cssClass); filter = ''; } } } //add the filter to the filter array _filterCols[col.column] = { filter: filter, col: col }; //wait a few deciseconds before filtering _filterTimeout = setTimeout(function () { _filterTimeout = undefined; priv.filter(); priv.sort(); priv.createTable(); }, timeout); }; /* when: changing page in pager what: table is created with new page */ priv.pageChanged = function (e) { e.preventDefault(); if (e.data.pageIndex < 1 || e.data.pageIndex > _totalPages) return; //if we have a valid transition, enable it. _transition.doTransition = (_transition.supported && priv.options.transitionDuration > 0 && _transition.available[priv.options.transition]) || false; // _transition.direction = e.data.pageIndex < _currPage ? 0 : 1; //set the new page _currPage = e.data.pageIndex; priv.log('paging to index:{0}'.f(_currPage)); //trigger callback if (typeof priv.options.pageChanged == 'function') { priv.options.pageChanged.call(e.target, { event: e, page: _currPage }); } _body = undefined; _foot = undefined; priv.createTable(); }; /* when: changing pagesize in pagesize dropdown what: table is created with new pagesize */ priv.pageSizeChanged = function (e) { e.preventDefault(); var val = $(this).text().toLowerCase(); priv.log('pagesize changed to:{0}'.f(val)); //set the new pagesize if (val == "all") priv.options.pageSize = _data.rows.length; else priv.options.pageSize = parseInt(val); //revert to first page, as its gets messy otherwise. _currPage = 1; _data.meta.fromRow = 0; _data.meta.toRow = _data.meta.fromRow + priv.options.pageSize; if (_data.meta.toRow > _data.rows.length) _data.meta.toRow = _data.rows.length; //trigger callback if (typeof priv.options.pageSizeChanged == 'function') { priv.options.pageSizeChanged.call(e.target, { event: e, pageSize: priv.options.pageSize }); } _body = undefined; _foot = undefined; priv.createTable(); }; /* when: clicking a column what: data is sorted on the column */ priv.columnClicked = function (e) { e.preventDefault(); priv.log('col:{0} clicked'.f(e.data.column)); //set the new sorting column if (_currSortCol == e.data.column) _currSortFlip = !_currSortFlip; _currSortCol = e.data.column; //trigger callback if (typeof priv.options.columnClicked == 'function') { priv.options.columnClicked.call(e.target, { event: e, column: _data.cols[_currSortCol], descending: _currSortFlip }); } _headSort = undefined; _body = undefined; priv.sort(); priv.createTable(); }; /* when: clicking a column in columnpicker what: show/hides the column */ priv.columnPickerClicked = function (e) { e.stopPropagation(); var elem = $(this); var col = elem.val(); priv.log('col:{0} {1}'.f(col, elem.is(':checked') ? 'checked' : 'unchecked')); //toggle column visibility _data.cols[col].hidden = !_data.cols[col].hidden; _data.cols[col].index = _data.cols[col].index || new priv.ext.XDate(); _head = undefined; _body = undefined; priv.createTable(); }; /* when: clicking the check-all checkbox what: toggles checked state on all rows, and adds/removes them from checked array */ priv.checkToggleChanged = function (e) { var elem = $(this); if (elem.is(':checked')) { var start = new priv.ext.XDate(); //for every row(except non checkables), add it to the checked array var count = 0; $.each(_data.rows, function (index, row) { if (row['row-checkable'] === false) return; if (!_data.meta.rowsChecked[row[_uniqueCol]]) { _data.meta.rowsChecked[row[_uniqueCol]] = row; count++; } }); priv.log('{0} rows checked in {1}ms.'.f(count, new priv.ext.XDate() - start)); _checkToggleChecked = true; } else { var start = new priv.ext.XDate(); //for every checked row(except non checkables), remove it from checked array var count = 0; $.each(_data.meta.rowsChecked, function(index, row) { if (row['row-checkable'] === false) return; delete _data.meta.rowsChecked[row[_uniqueCol]]; count++; }); priv.log('{0} rows unchecked in {1}ms.'.f(count, new priv.ext.XDate() - start)); _checkToggleChecked = false; } _body = undefined; priv.createTable(); }; /* when: clicking a row checkbox what: toggles checked state on row, and add/removes it from checked array */ priv.rowChecked = function (e) { var elem = $(this); //get the row's unique value var unique = elem.closest('tr').data('unique'); priv.log('row({0}) {1}'.f(unique, elem.is(':checked') ? 'checked' : 'unchecked')); //store the row in checked array if (elem.is(':checked')) { _data.meta.rowsChecked[unique] = _data.meta.rowsLookup[unique].row; } else { delete _data.meta.rowsChecked[unique]; } priv.rowClicked.call(elem, e); }; /* when: clicking anywhere on a row what: row data and other info is returned to caller */ priv.rowClicked = function (e) { if (!_uniqueCol) { priv.log('no unique column specified'); return; } var elem = $(this); var unique = elem.closest('tr').data('unique'); if (!unique) return; //gather callback data var column = _data.cols[elem.data('column')]; var row = _data.meta.rowsLookup[unique].row; var index = _data.meta.rowsLookup[unique].index; var isChecked = _data.meta.rowsChecked[unique] != undefined; //trigger callback if (typeof priv.options.rowClicked == 'function') { var callBackData = { event: e, row: row, index: index, column: column || {}, //no column available when when using the checkboxes checked: isChecked }; priv.options.rowClicked.call(e.target, callBackData); //check for new checked state if (row['row-checkable'] !== false) { var target = $(e.target); var checkbox; if (target.hasClass('unique') && target.prop('checked') != callBackData.checked) { checkbox = $(target); e.preventDefault(); } if (callBackData.checked != isChecked) { checkbox = checkbox || $('.unique', elem.closest('tr')); checkbox.prop('checked', callBackData.checked); //priv.rowChecked.call(checkbox, e); //store the row in checked array if (callBackData.checked) { _data.meta.rowsChecked[unique] = _data.meta.rowsLookup[unique].row; } else { delete _data.meta.rowsChecked[unique]; } } } } }; /* when: clicking a datepicker operator what: sets the datepicker operator before a datepicker date is chosen. */ priv.dpOpChanged = function(e) { priv.log('dp oper:{0} clicked'.f(e.data.op)); e.preventDefault(); _currDpOp = e.data.op; }; /* when: clicking a datepicker date what: filters on the date */ priv.dpClicked = function (e) { priv.log('dp date:{0} clicked'.f(new priv.ext.XDate(e.date, priv.options.types.date.utc === true).toString('yyyy-MM-dd'))); e.preventDefault(); var input = $(this).prev('input.filter').get(0); Placeholders.disable(input); //Remove date placeholders for IE var today = new priv.ext.XDate(false).setHours(0, 0, 0, 0); var daysDiff = Math.floor(e.date / (60 * 60 * 24 * 1000)) - Math.floor(today / (60 * 60 * 24 * 1000)); var filter = $(e.data.input); var op = ".."; var pos = filter.val().indexOf(op); var lval = filter.val().substring(0, pos); var rval = filter.val().substring(pos + op.length); if (_currDpOp == "l") lval = daysDiff; if (_currDpOp == "r") rval = daysDiff; filter.val("{0}{1}{2}".f(lval, op, rval)); Placeholders.enable(input); $(this).datepicker('hide'); filter.trigger('keyup'); }; /* when: rows array are modified what: table gets recreated */ priv.rowsChanged = function(splices) { $.each(splices, function(index, splice) { var start = new priv.ext.XDate(); var from = splice.index; var to = splice.index + splice.addedCount; //update indexes $.each(_data.meta.rowsAll.slice(to), function(index, row) { _data.meta.rowsLookup[row[_uniqueCol]].index = to + index; }); //remove old references $.each(splice.removed, function(index, row) { delete _data.meta.rowObservers[row[_uniqueCol]]; delete _data.meta.rowsLookup[row[_uniqueCol]]; delete _data.meta.rowsChecked[row[_uniqueCol]]; }); //get the new rows, add them to lookup and make them observable $.each(_data.meta.rowsAll.slice(from, to), function (index, row) { _data.meta.rowsLookup[row[_uniqueCol]] = { index: from + index, row: row }; if (row["row-checked"] === true) _data.meta.rowsChecked[row[_uniqueCol]] = row; else delete _data.meta.rowsChecked[row[_uniqueCol]]; priv.addRowObserver(row); }); priv.log('splicing finished in {0}ms.'.f(new priv.ext.XDate() - start)); }); _body = undefined; _foot = undefined; priv.filter(); priv.sort(); priv.createTable(); }; /* when: row object is modified what: recreates cell(if rendered) or table(if column is sorted/filtered on) */ priv.rowChanged = function(row, added, removed, changed, getOldValueFn) { var rowRendered = _data.meta.rowsRendered[row[_uniqueCol]]; var createTable = false; var render = function(property) { var col = _data.cols[property]; if (!col) col = _data.cols[property.substring(0, property.indexOf('Format'))]; if (!col) col = _data.cols[property.substring(0, property.indexOf('Cls'))]; if (property == 'row-checked') { if (row["row-checked"] === true) _data.meta.rowsChecked[row[_uniqueCol]] = row; else delete _data.meta.rowsChecked[row[_uniqueCol]]; //re-render table if sorting/filtering on checked state if (col && _filterCols[col.column] || _data.cols[_currSortCol] == col) createTable = true; //otherwise, re-render the checkbox else if (rowRendered) $('input.unique', rowRendered.closest('tr')).prop('checked', row["row-checked"] === true); return; } // re-render checkbox if checkable state changed if (property == 'row-checkable' && rowRendered) { $('input.unique', rowRendered.closest('tr')).prop('disabled', row["row-checkable"] === false); return; } // when row-class, find cell not unique/sorted/filtered on, and fall though to trigger a cell update if (property == 'row-cls' && rowRendered) { $.each(_data.cols, function (column, props) { if (props.column == _uniqueCol || props.hidden || _filterCols[props.column] || _data.cols[_currSortCol] == props) return; col = props; return false; }); if (!col) { createTable = true; return; } } if (col && !col.hidden === true) { //re-render table if filtering/sorting on this column if (_filterCols[col.column] || _data.cols[_currSortCol] == col) { createTable = true; return; } //re-render cell if cell is rendered. if (rowRendered) { var start = new priv.ext.XDate(); var cell = $('.watable-col-{0}'.f(col.column), rowRendered); priv.renderCell(cell, col.column, row, rowRendered); priv.log('row({0}).{1} changed value from:{2} to:{3} in {4}ms'.f(row[_uniqueCol], col.column, getOldValueFn(col.column), changed[col.column], new priv.ext.XDate() - start)); } } }; var isReserved = function(property) { var reserved = false; $.each(_reservedRowProps, function(index, prop) { if (property.indexOf(prop) >= 0) { reserved = true; return false; } }); return reserved; }; $.each(Object.keys(changed), function(index, property) { if (isReserved(property) || createTable) return false; render(property); }); $.each(Object.keys(added), function(index, property) { if (isReserved(property) || createTable) return false; render(property); }); $.each(Object.keys(removed), function(index, property) { if (isReserved(property) || createTable) return false; render(property); }); if (createTable) { _body = undefined; priv.filter(); priv.sort(); priv.createTable(); } }; /* Public API *************************************************************************/ publ.init = function (options) { priv.log('watable initialization...'); //merge supplied options with defaults $.extend(priv.options, defaults, options); priv.init(); return publ; }; publ.update = function (callback, skipCols, resetChecked) { priv.log('publ.update called'); priv.update(callback, skipCols, resetChecked); return publ; }; publ.getRow = function(unique) { priv.log('publ.getRow called'); if (!_uniqueCol) { priv.log('No unique column defined', true); return; } return _data.meta.rowsLookup[unique]; } publ.getData = function (checked, filtered, rendered) { priv.log('publ.getData called'); return priv.getData(checked, filtered, rendered); }; publ.setData = function (data, skipCols, resetChecked) { priv.log('publ.setData called'); priv.setData(data, skipCols, resetChecked); return publ; }; publ.option = function (option, val) { priv.log('publ.option called'); if (val == undefined) return priv.options[option]; priv.options[option] = val; _head = undefined; _body = undefined; _foot = undefined; priv.createTable(); return publ; }; return publ; }; $.fn.WATable = function (options) { options = options || {}; return this.each(function () { options.id = this; $(this).data('WATable', new WATable().init(options)); }); }; String.prototype.format = String.prototype.f = function () { var s = this; var i = arguments.length; while (i--) s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), arguments[i]); return s; }; //Polyfills /* placeholders.js */ (function(t){"use strict";function e(t,e,r){return t.addEventListener?t.addEventListener(e,r,!1):t.attachEvent?t.attachEvent("on"+e,r):void 0}function r(t,e){var r,n;for(r=0,n=t.length;n>r;r++)if(t[r]===e)return!0;return!1}function n(t,e){var r;t.createTextRange?(r=t.createTextRange(),r.move("character",e),r.select()):t.selectionStart&&(t.focus(),t.setSelectionRange(e,e))}function a(t,e){try{return t.type=e,!0}catch(r){return!1}}t.Placeholders={Utils:{addEventListener:e,inArray:r,moveCaret:n,changeType:a}}})(this),function(t){"use strict";function e(t){var e;return t.value===t.getAttribute(S)&&"true"===t.getAttribute(I)?(t.setAttribute(I,"false"),t.value="",t.className=t.className.replace(R,""),e=t.getAttribute(P),e&&(t.type=e),!0):!1}function r(t){var e,r=t.getAttribute(S);return""===t.value&&r?(t.setAttribute(I,"true"),t.value=r,t.className+=" "+k,e=t.getAttribute(P),e?t.type="text":"password"===t.type&&H.changeType(t,"text")&&t.setAttribute(P,"password"),!0):!1}function n(t,e){var r,n,a,u,i;if(t&&t.getAttribute(S))e(t);else for(r=t?t.getElementsByTagName("input"):v,n=t?t.getElementsByTagName("textarea"):b,i=0,u=r.length+n.length;u>i;i++)a=r.length>i?r[i]:n[i-r.length],e(a)}function a(t){n(t,e)}function u(t){n(t,r)}function i(t){return function(){f&&t.value===t.getAttribute(S)&&"true"===t.getAttribute(I)?H.moveCaret(t,0):e(t)}}function l(t){return function(){r(t)}}function c(t){return function(e){return p=t.value,"true"===t.getAttribute(I)?!(p===t.getAttribute(S)&&H.inArray(C,e.keyCode)):void 0}}function o(t){return function(){var e;"true"===t.getAttribute(I)&&t.value!==p&&(t.className=t.className.replace(R,""),t.value=t.value.replace(t.getAttribute(S),""),t.setAttribute(I,!1),e=t.getAttribute(P),e&&(t.type=e)),""===t.value&&(t.blur(),H.moveCaret(t,0))}}function s(t){return function(){t===document.activeElement&&t.value===t.getAttribute(S)&&"true"===t.getAttribute(I)&&H.moveCaret(t,0)}}function d(t){return function(){a(t)}}function g(t){t.form&&(x=t.form,x.getAttribute(U)||(H.addEventListener(x,"submit",d(x)),x.setAttribute(U,"true"))),H.addEventListener(t,"focus",i(t)),H.addEventListener(t,"blur",l(t)),f&&(H.addEventListener(t,"keydown",c(t)),H.addEventListener(t,"keyup",o(t)),H.addEventListener(t,"click",s(t))),t.setAttribute(j,"true"),t.setAttribute(S,y),r(t)}var v,b,f,h,p,m,A,y,E,x,T,N,L,w=["text","search","url","tel","email","password","number","textarea"],C=[27,33,34,35,36,37,38,39,40,8,46],B="#ccc",k="placeholdersjs",R=RegExp("\\b"+k+"\\b"),S="data-placeholder-value",I="data-placeholder-active",P="data-placeholder-type",U="data-placeholder-submit",j="data-placeholder-bound",V="data-placeholder-focus",q="data-placeholder-live",z=document.createElement("input"),D=document.getElementsByTagName("head")[0],F=document.documentElement,G=t.Placeholders,H=G.Utils;if(void 0===z.placeholder){for(v=document.getElementsByTagName("input"),b=document.getElementsByTagName("textarea"),f="false"===F.getAttribute(V),h="false"!==F.getAttribute(q),m=document.createElement("style"),m.type="text/css",A=document.createTextNode("."+k+" { color:"+B+"; }"),m.styleSheet?m.styleSheet.cssText=A.nodeValue:m.appendChild(A),D.insertBefore(m,D.firstChild),L=0,N=v.length+b.length;N>L;L++)T=v.length>L?v[L]:b[L-v.length],y=T.getAttribute("placeholder"),y&&H.inArray(w,T.type)&&g(T);E=setInterval(function(){for(L=0,N=v.length+b.length;N>L;L++)T=v.length>L?v[L]:b[L-v.length],y=T.getAttribute("placeholder"),y&&H.inArray(w,T.type)&&(T.getAttribute(j)||g(T),(y!==T.getAttribute(S)||"password"===T.type&&!T.getAttribute(P))&&("password"===T.type&&!T.getAttribute(P)&&H.changeType(T,"text")&&T.setAttribute(P,"password"),T.value===T.getAttribute(S)&&(T.value=y),T.setAttribute(S,y)));h||clearInterval(E)},100)}G.disable=a,G.enable=u}(this); /* json3 */ (function(){var e=null;(function(t){function r(t){if(r[t]!==u)return r[t];var s;if("bug-string-char-index"==t)s="a"!="a"[0];else if("json"==t)s=r("json-stringify")&&r("json-parse");else{var o;if("json-stringify"==t){s=l.stringify;var a="function"==typeof s&&c;if(a){(o=function(){return 1}).toJSON=o;try{a="0"===s(0)&&"0"===s(new Number)&&'""'==s(new String)&&s(i)===u&&s(u)===u&&s()===u&&"1"===s(o)&&"[1]"==s([o])&&"[null]"==s([u])&&"null"==s(e)&&"[null,null,null]"==s([u,i,e])&&'{"a":[1,true,false,null,"\\u0000\\b\\n\\f\\r\\t"]}'==s({a:[o,!0,!1,e,"\0\b\n\f\r "]})&&"1"===s(e,o)&&"[\n 1,\n 2\n]"==s([1,2],e,1)&&'"-271821-04-20T00:00:00.000Z"'==s(new Date(-864e13))&&'"+275760-09-13T00:00:00.000Z"'==s(new Date(864e13))&&'"-000001-01-01T00:00:00.000Z"'==s(new Date(-621987552e5))&&'"1969-12-31T23:59:59.999Z"'==s(new Date(-1))}catch(f){a=!1}}s=a}if("json-parse"==t){s=l.parse;if("function"==typeof s)try{if(0===s("0")&&!s(!1)){o=s('{"a":[1,true,false,null,"\\u0000\\b\\n\\f\\r\\t"]}');var h=5==o.a.length&&1===o.a[0];if(h){try{h=!s('" "')}catch(p){}if(h)try{h=1!==s("01")}catch(d){}if(h)try{h=1!==s("1.")}catch(v){}}}}catch(m){h=!1}s=h}}return r[t]=!!s}var i={}.toString,s,o,u,a=typeof define==="function"&&define.amd,f="object"==typeof JSON&&JSON,l="object"==typeof exports&&exports&&!exports.nodeType&&exports;l&&f?(l.stringify=f.stringify,l.parse=f.parse):l=t.JSON=f||{};var c=new Date(-0xc782b5b800cec);try{c=-109252==c.getUTCFullYear()&&0===c.getUTCMonth()&&1===c.getUTCDate()&&10==c.getUTCHours()&&37==c.getUTCMinutes()&&6==c.getUTCSeconds()&&708==c.getUTCMilliseconds()}catch(h){}if(!r("json")){var p=r("bug-string-char-index");if(!c)var d=Math.floor,v=[0,31,59,90,120,151,181,212,243,273,304,334],m=function(e,t){return v[t]+365*(e-1970)+d((e-1969+(t=+(t>1)))/4)-d((e-1901+t)/100)+d((e-1601+t)/400)};if(!(s={}.hasOwnProperty))s=function(t){var r={},o;if((r.__proto__=e,r.__proto__={toString:1},r).toString!=i)s=function(t){var r=this.__proto__,t=t in(this.__proto__=e,this);this.__proto__=r;return t};else{o=r.constructor;s=function(e){var t=(this.constructor||o).prototype;return e in this&&!(e in t&&this[e]===t[e])}}r=e;return s.call(this,t)};var g={"boolean":1,number:1,string:1,"undefined":1};o=function(t,r){var u=0,a,f,l;(a=function(){this.valueOf=0}).prototype.valueOf=0;f=new a;for(l in f)s.call(f,l)&&u++;a=f=e;if(u)o=u==2?function(e,t){var n={},r=i.call(e)=="[object Function]",o;for(o in e)!(r&&o=="prototype")&&!s.call(n,o)&&(n[o]=1)&&s.call(e,o)&&t(o)}:function(e,t){var n=i.call(e)=="[object Function]",r,o;for(r in e)!(n&&r=="prototype")&&s.call(e,r)&&!(o=r==="constructor")&&t(r);(o||s.call(e,r="constructor"))&&t(r)};else{f=["valueOf","toString","toLocaleString","propertyIsEnumerable","isPrototypeOf","hasOwnProperty","constructor"];o=function(e,t){var n=i.call(e)=="[object Function]",r,o;if(o=!n)if(o=typeof e.constructor!="function"){o=typeof e.hasOwnProperty;o=o=="object"?!!e.hasOwnProperty:!g[o]}o=o?e.hasOwnProperty:s;for(r in e)!(n&&r=="prototype")&&o.call(e,r)&&t(r);for(n=f.length;r=f[--n];o.call(e,r)&&t(r));}}return o(t,r)};if(!r("json-stringify")){var y={92:"\\\\",34:'\\"',8:"\\b",12:"\\f",10:"\\n",13:"\\r",9:"\\t"},b=function(e,t){return("000000"+(t||0)).slice(-e)},w=function(e){var t='"',n=0,r=e.length,i=r>10&&p,s;for(i&&(s=e.split(""));n-1/0&&p<1/0){if(m){y=d(p/864e5);for(v=d(y/365.2425)+1970-1;m(v+1,0)<=y;v++);for(g=d((y-m(v,0))/30.42);m(v,g+1)<=y;g++);y=1+y-m(v,g);S=(p%864e5+864e5)%864e5;x=d(S/36e5)%24;T=d(S/6e4)%60;N=d(S/1e3)%60;S=S%1e3}else{v=p.getUTCFullYear();g=p.getUTCMonth();y=p.getUTCDate();x=p.getUTCHours();T=p.getUTCMinutes();N=p.getUTCSeconds();S=p.getUTCMilliseconds()}p=(v<=0||v>=1e4?(v<0?"-":"+")+b(6,v<0?-v:v):b(4,v))+"-"+b(2,g+1)+"-"+b(2,y)+"T"+b(2,x)+":"+b(2,T)+":"+b(2,N)+"."+b(3,S)+"Z"}else p=e;else if(typeof p.toJSON=="function"&&(v!="[object Number]"&&v!="[object String]"&&v!="[object Array]"||s.call(p,"toJSON")))p=p.toJSON(t)}a&&(p=a.call(r,t,p));if(p===e)return"null";v=i.call(p);if(v=="[object Boolean]")return""+p;if(v=="[object Number]")return p>-1/0&&p<1/0?""+p:"null";if(v=="[object String]")return w(""+p);if(typeof p=="object"){for(t=h.length;t--;)if(h[t]===p)throw TypeError();h.push(p);C=[];r=c;c=c+l;if(v=="[object Array]"){g=0;for(t=p.length;g0){r="";for(n>10&&(n=10);r.length=48&&a<=57||a>=97&&a<=102||a>=65&&a<=70||C()}i=i+S("0x"+t.slice(s,T));break;default:C()}}else{if(a==34)break;a=t.charCodeAt(T);for(s=T;a>=32&&a!=92&&a!=34;)a=t.charCodeAt(++T);i=i+t.slice(s,T)}}if(t.charCodeAt(T)==34){T++;return i}C();default:s=T;if(a==45){u=true;a=t.charCodeAt(++T)}if(a>=48&&a<=57){for(a==48&&(a=t.charCodeAt(T+1),a>=48&&a<=57)&&C();T=48&&a<=57);T++);if(t.charCodeAt(T)==46){for(o=++T;o=48&&a<=57);o++);o==T&&C();T=o}a=t.charCodeAt(T);if(a==101||a==69){a=t.charCodeAt(++T);(a==43||a==45)&&T++;for(o=T;o=48&&a<=57);o++);o==T&&C();T=o}return+t.slice(s,T)}u&&C();if(t.slice(T,T+4)=="true"){T=T+4;return true}if(t.slice(T,T+5)=="false"){T=T+5;return false}if(t.slice(T,T+4)=="null"){T=T+4;return e}C()}}return"$"},L=function(e){var t,n;e=="$"&&C();if(typeof e=="string"){if((p?e.charAt(0):e[0])=="@")return e.slice(1);if(e=="["){for(t=[];;n||(n=true)){e=k();if(e=="]")break;if(n)if(e==","){e=k();e=="]"&&C()}else C();e==","&&C();t.push(L(e))}return t}if(e=="{"){for(t={};;n||(n=true)){e=k();if(e=="}")break;if(n)if(e==","){e=k();e=="}"&&C()}else C();(e==","||typeof e!="string"||(p?e.charAt(0):e[0])!="@"||k()!=":")&&C();t[e.slice(1)]=L(k())}return t}C()}return e},A=function(e,t,n){n=O(e,t,n);n===u?delete e[t]:e[t]=n},O=function(e,t,n){var r=e[t],s;if(typeof r=="object"&&r)if(i.call(r)=="[object Array]")for(s=r.length;s--;)A(r,s,n);else o(r,function(e){A(r,e,n)});return n.call(e,t,r)};l.parse=function(t,r){var s,o;T=0;N=""+t;s=L(k());k()!="$"&&C();T=N=e;return r&&i.call(r)=="[object Function]"?O((o={},o[""]=s,o),"",r):s}}}a&&define(function(){return l})})(this)})(); Object.keys = Object.keys || function(o) { var result = []; for(var name in o) { if (o.hasOwnProperty(name)) result.push(name); } return result; }; String.prototype.trim = String.prototype.trim || function () { return this.replace(/^\s+|\s+$/g,''); }; Date.now = Date.now || function() { return +new Date; }; console = window.console || { log:function(){}, warn:function(){} }; /* polymer observe-js, Copyright (c) 2014 The Polymer Authors. All rights reserved. */ (function(e){"use strict";function n(){function t(t){e=t}if(typeof Object.observe!=="function"||typeof Array.observe!=="function"){return false}var e=[];var n={};var r=[];Object.observe(n,t);Array.observe(r,t);n.id=1;n.id=2;delete n.id;r.push(1,2);r.length=0;Object.deliverChangeRecords(t);if(e.length!==5)return false;if(e[0].type!="add"||e[1].type!="update"||e[2].type!="delete"||e[3].type!="splice"||e[4].type!="splice"){return false}Object.unobserve(n,t);Array.unobserve(r,t);return true}function i(){if(typeof chrome!=="undefined"&&chrome.app&&chrome.app.runtime){return false}if(typeof navigator!="undefined"&&navigator.getDeviceStorage){return false}try{var e=new Function("","return true;");return e()}catch(t){return false}}function o(e){return+e===e>>>0&&e!==""}function u(e){return+e}function a(e){return e===Object(e)}function l(e,t){if(e===t)return e!==0||1/e===1/t;if(f(e)&&f(t))return true;return e!==e&&t!==t}function v(e){if(e===undefined)return"eof";var t=e.charCodeAt(0);switch(t){case 91:case 93:case 46:case 34:case 39:case 48:return e;case 95:case 36:return"ident";case 32:case 9:case 10:case 13:case 160:case 65279:case 8232:case 8233:return"ws"}if(97<=t&&t<=122||65<=t&&t<=90)return"ident";if(49<=t&&t<=57)return"number";return"else"}function g(){}function y(e){function h(){if(n>=e.length)return;var t=e[n+1];if(l=="inSingleQuote"&&t=="'"||l=="inDoubleQuote"&&t=='"'){n++;i=t;c.append();return true}}var t=[];var n=-1;var r,i,s,o,u,a,f,l="beforePath";var c={push:function(){if(s===undefined)return;t.push(s);s=undefined},append:function(){if(s===undefined)s=i;else s+=i}};while(l){n++;r=e[n];if(r=="\\"&&h(l))continue;o=v(r);f=m[l];u=f[o]||f["else"]||"error";if(u=="error")return;l=u[0];a=c[u[1]]||g;i=u[2]===undefined?r:u[2];a();if(l==="afterPath"){return t}}return}function b(e){return d.test(e)}function E(e,t){if(t!==w)throw Error("Use Path.get to retrieve path objects");for(var n=0;n0}function L(e){for(var t in e)return false;return true}function A(e){return L(e.added)&&L(e.removed)&&L(e.changed)}function O(e,t){var n={};var r={};var i={};for(var s in t){var o=e[s];if(o!==undefined&&o===t[s])continue;if(!(s in e)){r[s]=undefined;continue}if(o!==t[s])i[s]=o}for(var s in e){if(s in t)continue;n[s]=e[s]}if(Array.isArray(e)&&e.length!==t.length)i.length=e.length;return{added:n,removed:r,changed:i}}function _(){if(!M.length)return false;for(var e=0;e0){return}for(var o=0;o=0){e.splice(u,1);u--;o-=a.addedCount-a.removed.length;i.addedCount+=a.addedCount-f;var l=i.removed.length+a.removed.length-f;if(!i.addedCount&&!l){s=true}else{var n=a.removed;if(i.indexa.index+a.addedCount){var h=i.removed.slice(a.index+a.addedCount-i.index);Array.prototype.push.apply(n,h)}i.removed=n;if(a.index0||n>0){if(t==0){i.push(lt);n--;continue}if(n==0){i.push(ct);t--;continue}var s=e[t-1][n-1];var o=e[t-1][n];var u=e[t][n-1];var a;if(o