This is pretty much identical to how W3C and jQuery implement events.
\r\n * @class EventData\r\n * @constructor\r\n */\r\n function EventData() {\r\n var isPropagationStopped = false;\r\n var isImmediatePropagationStopped = false;\r\n\r\n /***\r\n * Stops event from propagating up the DOM tree.\r\n * @method stopPropagation\r\n */\r\n this.stopPropagation = function () {\r\n isPropagationStopped = true;\r\n };\r\n\r\n /***\r\n * Returns whether stopPropagation was called on this event object.\r\n * @method isPropagationStopped\r\n * @return {Boolean}\r\n */\r\n this.isPropagationStopped = function () {\r\n return isPropagationStopped;\r\n };\r\n\r\n /***\r\n * Prevents the rest of the handlers from being executed.\r\n * @method stopImmediatePropagation\r\n */\r\n this.stopImmediatePropagation = function () {\r\n isImmediatePropagationStopped = true;\r\n };\r\n\r\n /***\r\n * Returns whether stopImmediatePropagation was called on this event object.\\\r\n * @method isImmediatePropagationStopped\r\n * @return {Boolean}\r\n */\r\n this.isImmediatePropagationStopped = function () {\r\n return isImmediatePropagationStopped;\r\n }\r\n }\r\n\r\n /***\r\n * A simple publisher-subscriber implementation.\r\n * @class Event\r\n * @constructor\r\n */\r\n function Event() {\r\n var handlers = [];\r\n\r\n /***\r\n * Adds an event handler to be called when the event is fired.\r\n * \r\n * @method subscribe\r\n * @param fn {Function} Event handler.\r\n */\r\n this.subscribe = function (fn) {\r\n handlers.push(fn);\r\n };\r\n\r\n /***\r\n * Removes an event handler added with subscribe(fn).\r\n * @method unsubscribe\r\n * @param fn {Function} Event handler to be removed.\r\n */\r\n this.unsubscribe = function (fn) {\r\n for (var i = handlers.length - 1; i >= 0; i--) {\r\n if (handlers[i] === fn) {\r\n handlers.splice(i, 1);\r\n }\r\n }\r\n };\r\n\r\n /***\r\n * Fires an event notifying all subscribers.\r\n * @method notify\r\n * @param args {Object} Additional data object to be passed to all handlers.\r\n * @param e {EventData}\r\n * Optional.\r\n * An EventData object to be passed to all handlers.\r\n * For DOM events, an existing W3C/jQuery event object can be passed in.\r\n * @param scope {Object}\r\n * Optional.\r\n * The scope (\"this\") within which the handler will be executed.\r\n * If not specified, the scope will be set to the Event instance.\r\n */\r\n this.notify = function (args, e, scope) {\r\n e = e || new EventData();\r\n scope = scope || this;\r\n\r\n var returnValue;\r\n for (var i = 0; i < handlers.length && !(e.isPropagationStopped() || e.isImmediatePropagationStopped()); i++) {\r\n returnValue = handlers[i].call(scope, e, args);\r\n }\r\n\r\n return returnValue;\r\n };\r\n }\r\n\r\n function EventHandler() {\r\n var handlers = [];\r\n\r\n this.subscribe = function (event, handler) {\r\n handlers.push({\r\n event: event,\r\n handler: handler\r\n });\r\n event.subscribe(handler);\r\n\r\n return this; // allow chaining\r\n };\r\n\r\n this.unsubscribe = function (event, handler) {\r\n var i = handlers.length;\r\n while (i--) {\r\n if (handlers[i].event === event &&\r\n handlers[i].handler === handler) {\r\n handlers.splice(i, 1);\r\n event.unsubscribe(handler);\r\n return;\r\n }\r\n }\r\n\r\n return this; // allow chaining\r\n };\r\n\r\n this.unsubscribeAll = function () {\r\n var i = handlers.length;\r\n while (i--) {\r\n handlers[i].event.unsubscribe(handlers[i].handler);\r\n }\r\n handlers = [];\r\n\r\n return this; // allow chaining\r\n }\r\n }\r\n\r\n /***\r\n * A structure containing a range of cells.\r\n * @class Range\r\n * @constructor\r\n * @param fromRow {Integer} Starting row.\r\n * @param fromCell {Integer} Starting cell.\r\n * @param toRow {Integer} Optional. Ending row. Defaults to fromRow.\r\n * @param toCell {Integer} Optional. Ending cell. Defaults to fromCell.\r\n */\r\n function Range(fromRow, fromCell, toRow, toCell) {\r\n if (toRow === undefined && toCell === undefined) {\r\n toRow = fromRow;\r\n toCell = fromCell;\r\n }\r\n\r\n /***\r\n * @property fromRow\r\n * @type {Integer}\r\n */\r\n this.fromRow = Math.min(fromRow, toRow);\r\n\r\n /***\r\n * @property fromCell\r\n * @type {Integer}\r\n */\r\n this.fromCell = Math.min(fromCell, toCell);\r\n\r\n /***\r\n * @property toRow\r\n * @type {Integer}\r\n */\r\n this.toRow = Math.max(fromRow, toRow);\r\n\r\n /***\r\n * @property toCell\r\n * @type {Integer}\r\n */\r\n this.toCell = Math.max(fromCell, toCell);\r\n\r\n /***\r\n * Returns whether a range represents a single row.\r\n * @method isSingleRow\r\n * @return {Boolean}\r\n */\r\n this.isSingleRow = function () {\r\n return this.fromRow == this.toRow;\r\n };\r\n\r\n /***\r\n * Returns whether a range represents a single cell.\r\n * @method isSingleCell\r\n * @return {Boolean}\r\n */\r\n this.isSingleCell = function () {\r\n return this.fromRow == this.toRow && this.fromCell == this.toCell;\r\n };\r\n\r\n /***\r\n * Returns whether a range contains a given cell.\r\n * @method contains\r\n * @param row {Integer}\r\n * @param cell {Integer}\r\n * @return {Boolean}\r\n */\r\n this.contains = function (row, cell) {\r\n return row >= this.fromRow && row <= this.toRow &&\r\n cell >= this.fromCell && cell <= this.toCell;\r\n };\r\n\r\n /***\r\n * Returns a readable representation of a range.\r\n * @method toString\r\n * @return {String}\r\n */\r\n this.toString = function () {\r\n if (this.isSingleCell()) {\r\n return \"(\" + this.fromRow + \":\" + this.fromCell + \")\";\r\n }\r\n else {\r\n return \"(\" + this.fromRow + \":\" + this.fromCell + \" - \" + this.toRow + \":\" + this.toCell + \")\";\r\n }\r\n }\r\n }\r\n\r\n\r\n /***\r\n * A base class that all special / non-data rows (like Group and GroupTotals) derive from.\r\n * @class NonDataItem\r\n * @constructor\r\n */\r\n function NonDataItem() {\r\n this.__nonDataRow = true;\r\n }\r\n\r\n\r\n /***\r\n * Information about a group of rows.\r\n * @class Group\r\n * @extends Slick.NonDataItem\r\n * @constructor\r\n */\r\n function Group() {\r\n this.__group = true;\r\n\r\n /**\r\n * Grouping level, starting with 0.\r\n * @property level\r\n * @type {Number}\r\n */\r\n this.level = 0;\r\n\r\n /***\r\n * Number of rows in the group.\r\n * @property count\r\n * @type {Integer}\r\n */\r\n this.count = 0;\r\n\r\n /***\r\n * Grouping value.\r\n * @property value\r\n * @type {Object}\r\n */\r\n this.value = null;\r\n\r\n /***\r\n * Formatted display value of the group.\r\n * @property title\r\n * @type {String}\r\n */\r\n this.title = null;\r\n\r\n /***\r\n * Whether a group is collapsed.\r\n * @property collapsed\r\n * @type {Boolean}\r\n */\r\n this.collapsed = false;\r\n\r\n /***\r\n * Whether a group selection checkbox is checked.\r\n * @property selectChecked\r\n * @type {Boolean}\r\n */\r\n this.selectChecked = false;\r\n\r\n /***\r\n * GroupTotals, if any.\r\n * @property totals\r\n * @type {GroupTotals}\r\n */\r\n this.totals = null;\r\n\r\n /**\r\n * Rows that are part of the group.\r\n * @property rows\r\n * @type {Array}\r\n */\r\n this.rows = [];\r\n\r\n /**\r\n * Sub-groups that are part of the group.\r\n * @property groups\r\n * @type {Array}\r\n */\r\n this.groups = null;\r\n\r\n /**\r\n * A unique key used to identify the group. This key can be used in calls to DataView\r\n * collapseGroup() or expandGroup().\r\n * @property groupingKey\r\n * @type {Object}\r\n */\r\n this.groupingKey = null;\r\n }\r\n\r\n Group.prototype = new NonDataItem();\r\n\r\n /***\r\n * Compares two Group instances.\r\n * @method equals\r\n * @return {Boolean}\r\n * @param group {Group} Group instance to compare to.\r\n */\r\n Group.prototype.equals = function (group) {\r\n return this.value === group.value &&\r\n this.count === group.count &&\r\n this.collapsed === group.collapsed &&\r\n this.title === group.title;\r\n };\r\n\r\n /***\r\n * Information about group totals.\r\n * An instance of GroupTotals will be created for each totals row and passed to the aggregators\r\n * so that they can store arbitrary data in it. That data can later be accessed by group totals\r\n * formatters during the display.\r\n * @class GroupTotals\r\n * @extends Slick.NonDataItem\r\n * @constructor\r\n */\r\n function GroupTotals() {\r\n this.__groupTotals = true;\r\n\r\n /***\r\n * Parent Group.\r\n * @param group\r\n * @type {Group}\r\n */\r\n this.group = null;\r\n\r\n /***\r\n * Whether the totals have been fully initialized / calculated.\r\n * Will be set to false for lazy-calculated group totals.\r\n * @param initialized\r\n * @type {Boolean}\r\n */\r\n this.initialized = false;\r\n }\r\n\r\n GroupTotals.prototype = new NonDataItem();\r\n\r\n})(jQuery);\r\n\r\n\r\n","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n/* global Slick, jQuery */\r\n\r\n/**\r\n * @license (c) 2009-2012 Michael Leibman michael{dot}leibman{at}gmail{dot}com\r\n * http://github.com/mleibman/slickgrid\r\n * Distributed under MIT license.\r\n * All rights reserved.\r\n * SlickGrid v2.1\r\n */\r\n\r\n\r\n// make sure required JavaScript modules are loaded\r\nif (typeof jQuery === \"undefined\") {\r\n throw \"SlickGrid requires jquery module to be loaded\";\r\n}\r\n\r\nif (typeof Slick === \"undefined\") {\r\n throw \"slick.core.js not loaded\";\r\n}\r\n\r\n\r\n(function ($) {\r\n // Slick.Grid\r\n $.extend(true, window, {\r\n Slick: {\r\n Grid: SlickGrid\r\n }\r\n });\r\n\r\n // shared across all grids on the page\r\n var scrollbarDimensions;\r\n var maxSupportedCssHeight; // browser's breaking point\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // SlickGrid class implementation (available as Slick.Grid)\r\n\r\n /**\r\n * Creates a new instance of the grid.\r\n * @class SlickGrid\r\n * @constructor\r\n * @param {Node} container Container node to create the grid in.\r\n * @param {Array,Object} data An array of objects for databinding.\r\n * @param {Array} columns An array of column definitions.\r\n * @param {Object} options Grid options.\r\n **/\r\n function SlickGrid(container, data, columns, options) {\r\n // settings\r\n var defaults = {\r\n explicitInitialization: false,\r\n rowHeight: 25,\r\n defaultColumnWidth: 80,\r\n enableAddRow: false,\r\n leaveSpaceForNewRows: false,\r\n editable: false,\r\n autoEdit: true,\r\n enableCellNavigation: true,\r\n enableColumnReorder: true,\r\n// asyncEditorLoading: false,\r\n// asyncEditorLoadDelay: 100,\r\n forceFitColumns: false,\r\n enableAsyncPostRender: false,\r\n asyncPostRenderDelay: 50,\r\n autoHeight: false,\r\n showHeaderRow: false,\r\n headerRowHeight: 25,\r\n showTopPanel: false,\r\n topPanelHeight: 25,\r\n formatterFactory: null,\r\n cellFlashingCssClass: \"flashing\",\r\n selectedCellCssClass: \"selected\",\r\n multiSelect: true,\r\n enableTextSelectionOnCells: false,\r\n dataItemColumnValueExtractor: null,\r\n fullWidthRows: false,\r\n multiColumnSort: false,\r\n defaultFormatter: defaultFormatter,\r\n forceSyncScrolling: false,\r\n jQueryUiStyles: true\r\n };\r\n\r\n var columnDefaults = {\r\n name: \"\",\r\n resizable: true,\r\n sortable: false,\r\n minWidth: 30,\r\n rerenderOnResize: false,\r\n headerCssClass: null,\r\n defaultSortAsc: true\r\n };\r\n\r\n // scroller\r\n var th; // virtual height\r\n var h; // real scrollable height\r\n var ph; // page height\r\n var n; // number of pages\r\n var cj; // \"jumpiness\" coefficient\r\n\r\n var page = 0; // current page\r\n var offset = 0; // current page offset\r\n var vScrollDir = 1;\r\n\r\n // private\r\n var initialized = false;\r\n var $container;\r\n var uid = \"slickgrid_\" + Math.round(1000000 * Math.random());\r\n var self = this;\r\n var $focusSink, $focusSink2;\r\n var $headerScroller;\r\n var $headers;\r\n var $headerRow, $headerRowScroller, $headerRowSpacer;\r\n var $topPanelScroller;\r\n var $topPanel;\r\n var $viewport;\r\n var $canvas;\r\n var $style;\r\n var $boundAncestors;\r\n var stylesheet, columnCssRulesL, columnCssRulesR;\r\n var viewportH, viewportW;\r\n var canvasWidth;\r\n var viewportHasHScroll, viewportHasVScroll;\r\n var headerColumnWidthDiff = 0, headerColumnHeightDiff = 0, // border+padding\r\n cellWidthDiff = 0, cellHeightDiff = 0;\r\n var absoluteColumnMinWidth;\r\n var numberOfRows = 0;\r\n\r\n var tabbingDirection = 1;\r\n var activePosX;\r\n var activeRow, activeCell;\r\n var activeCellNode = null;\r\n var currentEditor = null;\r\n\r\n var rowsCache = {};\r\n var renderedRows = 0;\r\n var numVisibleRows;\r\n var prevScrollTop = 0;\r\n var scrollTop = 0;\r\n var lastRenderedScrollTop = 0;\r\n var lastRenderedScrollLeft = 0;\r\n var prevScrollLeft = 0;\r\n var scrollLeft = 0;\r\n\r\n var selectionModel;\r\n var selectedRows = [];\r\n\r\n var plugins = [];\r\n var cellCssClasses = {};\r\n\r\n var columnsById = {};\r\n var sortColumns = [];\r\n var columnPosLeft = [];\r\n var columnPosRight = [];\r\n\r\n\r\n // async call handles\r\n var h_editorLoader = null;\r\n var h_render = null;\r\n var h_postrender = null;\r\n var postProcessedRows = {};\r\n var postProcessToRow = null;\r\n var postProcessFromRow = null;\r\n\r\n // perf counters\r\n var counter_rows_rendered = 0;\r\n var counter_rows_removed = 0;\r\n\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // Initialization\r\n\r\n function init() {\r\n $container = $(container);\r\n if ($container.length < 1) {\r\n throw new Error(\"SlickGrid requires a valid container, \" + container + \" does not exist in the DOM.\");\r\n }\r\n\r\n // calculate these only once and share between grid instances\r\n maxSupportedCssHeight = maxSupportedCssHeight || getMaxSupportedCssHeight();\r\n scrollbarDimensions = scrollbarDimensions || measureScrollbar();\r\n\r\n options = $.extend({}, defaults, options);\r\n validateAndEnforceOptions();\r\n columnDefaults.width = options.defaultColumnWidth;\r\n\r\n columnsById = {};\r\n for (var i = 0; i < columns.length; i++) {\r\n var m = columns[i] = $.extend({}, columnDefaults, columns[i]);\r\n columnsById[m.id] = i;\r\n if (m.minWidth && m.width < m.minWidth) {\r\n m.width = m.minWidth;\r\n }\r\n if (m.maxWidth && m.width > m.maxWidth) {\r\n m.width = m.maxWidth;\r\n }\r\n }\r\n\r\n // validate loaded JavaScript modules against requested options\r\n if (options.enableColumnReorder && !$.fn.sortable) {\r\n throw new Error(\"SlickGrid's 'enableColumnReorder = true' option requires jquery-ui.sortable module to be loaded\");\r\n }\r\n\r\n $container\r\n .empty()\r\n .css(\"overflow\", \"hidden\")\r\n .css(\"outline\", 0)\r\n .addClass(uid);\r\n// if (options.jQueryUiStyles) {\r\n// $container.addClass(\"ui-widget\");\r\n// }\r\n\r\n // set up a positioning container if needed\r\n if (!/relative|absolute|fixed/.test($container.css(\"position\"))) {\r\n $container.css(\"position\", \"relative\");\r\n }\r\n\r\n $focusSink = $(\"
\").appendTo($container);\r\n $viewport.css(\"overflow-y\", options.autoHeight ? \"hidden\" : \"auto\");\r\n\r\n $canvas = $(\"
\").appendTo($viewport);\r\n\r\n $focusSink2 = $focusSink.clone().appendTo($container);\r\n\r\n if (!options.explicitInitialization) {\r\n finishInitialization();\r\n }\r\n }\r\n\r\n function finishInitialization() {\r\n if (!initialized) {\r\n initialized = true;\r\n\r\n viewportW = parseFloat($.css($container[0], \"width\", true));\r\n\r\n // header columns and cells may have different padding/border skewing width calculations\r\n // calculate the diff so we can set consistent sizes\r\n measureCellPaddingAndBorder();\r\n\r\n // for usability reasons, all text selection in SlickGrid is disabled\r\n // with the exception of input and textarea elements (selection must\r\n // be enabled there so that editors work as expected); note that\r\n // selection in grid cells (grid body) is already unavailable in\r\n // all browsers except IE\r\n disableSelection($headers); // disable all text selection in header (including input and textarea)\r\n\r\n if (!options.enableTextSelectionOnCells) {\r\n // disable text selection in grid cells except in input and textarea elements\r\n // (this is IE-specific, because selectstart event will only fire in IE)\r\n $viewport.bind(\"selectstart.ui\", function (event) {\r\n return $(event.target).is(\"input,textarea\");\r\n });\r\n }\r\n\r\n updateColumnCaches();\r\n createColumnHeaders();\r\n setupColumnSort();\r\n createCssRules();\r\n resizeCanvas();\r\n bindAncestorScrollEvents();\r\n\r\n $container\r\n .bind(\"resize.slickgrid\", resizeCanvas);\r\n $viewport\r\n .bind(\"scroll\", handleScroll);\r\n $headerScroller\r\n .bind(\"click\", handleHeaderClick)\r\n .delegate(\".slick-header-column\", \"mouseenter\", handleHeaderMouseEnter)\r\n .delegate(\".slick-header-column\", \"mouseleave\", handleHeaderMouseLeave);\r\n $headerRowScroller\r\n .bind(\"scroll\", handleHeaderRowScroll);\r\n $canvas\r\n .bind(\"click\", handleClick)\r\n .bind( \"mouseover\", handleMouseOver)\r\n .delegate(\".slick-cell\", \"mouseenter\", handleMouseEnter)\r\n .delegate(\".slick-cell\", \"mouseleave\", handleMouseLeave);\r\n }\r\n }\r\n \r\n function handleMouseOver( evt) { // ? Keep track of rowOver, stop events between cells\r\n $canvas.bind( \"mouseout\", handleMouseOut); // Need way to trigger on row, not cell\r\n var obj = getCellFromEvent( evt);\r\n if (!obj ) {\r\n return;\r\n }\r\n \r\n ///////////////////////////////////////////////////////////////////////////////////////////////\r\n\t\t\r\n if( data.getItem(obj.row).bLocal) {\r\n document.dispatchEvent( new expocadfx.fxevent( \"Highlight_Booth\", \r\n\t\t\t\t\t\t\t\t\t\t\t{ index: data.getItem(obj.row).arBoothIndexes.join( \",\")}));\r\n }\r\n else {\r\n document.dispatchEvent( new expocadfx.fxevent( \"Unhighlight_Booth\", { index: \"-1\"}));\r\n }\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n }\r\n \r\n function handleMouseOut( evt) {\r\n if( evt.relatedTarget !== null && !expocadfx.util.hasClass( evt.relatedTarget, \"slick-cell\")) {\r\n $canvas.unbind( \"mouseout\", handleMouseOut);\r\n document.dispatchEvent( new expocadfx.fxevent( \"Unhighlight_Booth\", { index: \"-1\"}));\r\n }\r\n }\r\n\r\n function registerPlugin(plugin) {\r\n plugins.unshift(plugin);\r\n plugin.init(self);\r\n }\r\n\r\n function unregisterPlugin(plugin) {\r\n for (var i = plugins.length; i >= 0; i--) {\r\n if (plugins[i] === plugin) {\r\n if (plugins[i].destroy) {\r\n plugins[i].destroy();\r\n }\r\n plugins.splice(i, 1);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function setSelectionModel(model) {\r\n if (selectionModel) {\r\n selectionModel.onSelectedRangesChanged.unsubscribe(handleSelectedRangesChanged);\r\n if (selectionModel.destroy) {\r\n selectionModel.destroy();\r\n }\r\n }\r\n\r\n selectionModel = model;\r\n if (selectionModel) {\r\n selectionModel.init(self);\r\n selectionModel.onSelectedRangesChanged.subscribe(handleSelectedRangesChanged);\r\n }\r\n }\r\n\r\n function getSelectionModel() {\r\n return selectionModel;\r\n }\r\n\r\n function getCanvasNode() {\r\n return $canvas[0];\r\n }\r\n\r\n function measureScrollbar() {\r\n\t\tvar dim;\r\n\t\tvar scrollContainer = document.createElement( \"div\");\r\n\t\tscrollContainer.setAttribute( \"id\", \"scrollContainer\");\r\n\t\tdocument.body.appendChild( scrollContainer);\r\n\t\t\r\n\t\tdim = {\r\n\t\t\twidth: scrollContainer.offsetWidth - scrollContainer.clientWidth || 16,\r\n\t\t\theight: scrollContainer.offsetHeight - scrollContainer.clientHeight || 16\r\n\t\t};\r\n\t\tdocument.body.removeChild( scrollContainer);\r\n\t\t\r\n\t\treturn dim;\r\n }\r\n\r\n function getHeadersWidth() {\r\n var headersWidth = 0;\r\n for (var i = 0, ii = columns.length; i < ii; i++) {\r\n var width = columns[i].width;\r\n headersWidth += width;\r\n }\r\n headersWidth += scrollbarDimensions.width;\r\n return Math.max(headersWidth, viewportW) + 1000;\r\n }\r\n\r\n function getCanvasWidth() {\r\n var availableWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;\r\n var rowWidth = 0;\r\n var i = columns.length;\r\n while (i--) {\r\n rowWidth += columns[i].width;\r\n }\r\n return options.fullWidthRows ? Math.max(rowWidth, availableWidth) : rowWidth;\r\n }\r\n\r\n function updateCanvasWidth(forceColumnWidthsUpdate) {\r\n var oldCanvasWidth = canvasWidth;\r\n canvasWidth = getCanvasWidth();\r\n\r\n if (canvasWidth != oldCanvasWidth) {\r\n $canvas.width(canvasWidth);\r\n $headerRow.width(canvasWidth);\r\n $headers.width(getHeadersWidth());\r\n viewportHasHScroll = (canvasWidth > viewportW - scrollbarDimensions.width);\r\n }\r\n\r\n $headerRowSpacer.width(canvasWidth + (viewportHasVScroll ? scrollbarDimensions.width : 0));\r\n\r\n if (canvasWidth != oldCanvasWidth || forceColumnWidthsUpdate) {\r\n applyColumnWidths();\r\n }\r\n }\r\n\r\n function disableSelection($target) {\r\n if ($target && $target.jquery) {\r\n $target\r\n .attr(\"unselectable\", \"on\")\r\n .css(\"MozUserSelect\", \"none\")\r\n .bind(\"selectstart.ui\", function () {\r\n return false;\r\n }); // from jquery:ui.core.js 1.7.2\r\n }\r\n }\r\n\r\n function getMaxSupportedCssHeight() {\r\n var supportedHeight = 1000000;\r\n // FF reports the height back but still renders blank after ~6M px\r\n var testUpTo = 6000000; // ($.browser.mozilla) ? 6000000 : 1000000000;\r\n var div = $(\"
\").appendTo(document.body);\r\n\r\n while (true) {\r\n var test = supportedHeight * 2;\r\n div.css(\"height\", test);\r\n if (test > testUpTo || div.height() !== test) {\r\n break;\r\n } else {\r\n supportedHeight = test;\r\n }\r\n }\r\n\r\n div.remove();\r\n return supportedHeight;\r\n }\r\n\r\n // TODO: this is static. need to handle page mutation.\r\n function bindAncestorScrollEvents() {\r\n var elem = $canvas[0];\r\n while ((elem = elem.parentNode) != document.body && elem != null) {\r\n // bind to scroll containers only\r\n if (elem == $viewport[0] || elem.scrollWidth != elem.clientWidth || elem.scrollHeight != elem.clientHeight) {\r\n var $elem = $(elem);\r\n if (!$boundAncestors) {\r\n $boundAncestors = $elem;\r\n } else {\r\n $boundAncestors = $boundAncestors.add($elem);\r\n }\r\n $elem.bind(\"scroll.\" + uid, handleActiveCellPositionChange);\r\n }\r\n }\r\n }\r\n\r\n function unbindAncestorScrollEvents() {\r\n if (!$boundAncestors) {\r\n return;\r\n }\r\n $boundAncestors.unbind(\"scroll.\" + uid);\r\n $boundAncestors = null;\r\n }\r\n\r\n function updateColumnHeader(columnId, title, toolTip) {\r\n if (!initialized) { return; }\r\n var idx = getColumnIndex(columnId);\r\n if (idx == null) {\r\n return;\r\n }\r\n\r\n var columnDef = columns[idx];\r\n var $header = $headers.children().eq(idx);\r\n if ($header) {\r\n if (title !== undefined) {\r\n columns[idx].name = title;\r\n }\r\n if (toolTip !== undefined) {\r\n columns[idx].toolTip = toolTip;\r\n }\r\n\r\n trigger(self.onBeforeHeaderCellDestroy, {\r\n \"node\": $header[0],\r\n \"column\": columnDef\r\n });\r\n\r\n $header\r\n .attr(\"title\", toolTip || \"\")\r\n .children().eq(0).html(title);\r\n\r\n trigger(self.onHeaderCellRendered, {\r\n \"node\": $header[0],\r\n \"column\": columnDef\r\n });\r\n }\r\n }\r\n\r\n function getHeaderRow() {\r\n return $headerRow[0];\r\n }\r\n\r\n function getHeaderRowColumn(columnId) {\r\n var idx = getColumnIndex(columnId);\r\n var $header = $headerRow.children().eq(idx);\r\n return $header && $header[0];\r\n }\r\n\r\n function createColumnHeaders() {\r\n function onMouseEnter() {\r\n $(this).addClass(\"ui-state-hover\");\r\n }\r\n\r\n function onMouseLeave() {\r\n $(this).removeClass(\"ui-state-hover\");\r\n }\r\n\r\n $headers.find(\".slick-header-column\")\r\n .each(function() {\r\n var columnDef = $(this).data(\"column\");\r\n if (columnDef) {\r\n trigger(self.onBeforeHeaderCellDestroy, {\r\n \"node\": this,\r\n \"column\": columnDef\r\n });\r\n }\r\n });\r\n $headers.empty();\r\n $headers.width(getHeadersWidth());\r\n\r\n $headerRow.find(\".slick-headerrow-column\")\r\n .each(function() {\r\n var columnDef = $(this).data(\"column\");\r\n if (columnDef) {\r\n trigger(self.onBeforeHeaderRowCellDestroy, {\r\n \"node\": this,\r\n \"column\": columnDef\r\n });\r\n }\r\n });\r\n $headerRow.empty();\r\n\r\n for (var i = 0; i < columns.length; i++) {\r\n var m = columns[i];\r\n\r\n var header = $(\"
\")\r\n .html(\"
\" + m.name + \"\")\r\n .width(m.width - headerColumnWidthDiff)\r\n .attr(\"title\", m.toolTip || \"\")\r\n .data(\"column\", m)\r\n .addClass(m.headerCssClass || \"\")\r\n .appendTo($headers);\r\n\r\n if (options.enableColumnReorder || m.sortable) {\r\n header\r\n .on('mouseenter', onMouseEnter)\r\n .on('mouseleave', onMouseLeave);\r\n }\r\n\r\n if (m.sortable) {\r\n header.addClass(\"slick-header-sortable\");\r\n header.append(\"
\");\r\n }\r\n\r\n trigger(self.onHeaderCellRendered, {\r\n \"node\": header[0],\r\n \"column\": m\r\n });\r\n\r\n if (options.showHeaderRow) {\r\n var headerRowCell = $(\"
\")\r\n .data(\"column\", m)\r\n .appendTo($headerRow);\r\n\r\n trigger(self.onHeaderRowCellRendered, {\r\n \"node\": headerRowCell[0],\r\n \"column\": m\r\n });\r\n }\r\n }\r\n\r\n setSortColumns(sortColumns);\r\n setupColumnResize();\r\n if (options.enableColumnReorder) {\r\n setupColumnReorder();\r\n }\r\n }\r\n\r\n function setupColumnSort() {\r\n $headers.click(function (e) {\r\n // temporary workaround for a bug in jQuery 1.7.1 (http://bugs.jquery.com/ticket/11328)\r\n e.metaKey = e.metaKey || e.ctrlKey;\r\n\r\n if ($(e.target).hasClass(\"slick-resizable-handle\")) {\r\n return;\r\n }\r\n\r\n var $col = $(e.target).closest(\".slick-header-column\");\r\n if (!$col.length) {\r\n return;\r\n }\r\n\r\n var column = $col.data(\"column\");\r\n if (column.sortable) {\r\n var sortOpts = null;\r\n var i = 0;\r\n for (; i < sortColumns.length; i++) {\r\n if (sortColumns[i].columnId == column.id) {\r\n sortOpts = sortColumns[i];\r\n sortOpts.sortAsc = !sortOpts.sortAsc;\r\n break;\r\n }\r\n }\r\n\r\n if (e.metaKey && options.multiColumnSort) {\r\n if (sortOpts) {\r\n sortColumns.splice(i, 1);\r\n }\r\n }\r\n else {\r\n if ((!e.shiftKey && !e.metaKey) || !options.multiColumnSort) {\r\n sortColumns = [];\r\n }\r\n\r\n if (!sortOpts) {\r\n sortOpts = { columnId: column.id, sortAsc: column.defaultSortAsc };\r\n sortColumns.push(sortOpts);\r\n } else if (sortColumns.length == 0) {\r\n sortColumns.push(sortOpts);\r\n }\r\n }\r\n\r\n setSortColumns(sortColumns);\r\n\r\n if (!options.multiColumnSort) {\r\n trigger(self.onSort, {\r\n multiColumnSort: false,\r\n sortCol: column,\r\n sortAsc: sortOpts.sortAsc}, e);\r\n } else {\r\n trigger(self.onSort, {\r\n multiColumnSort: true,\r\n sortCols: $.map(sortColumns, function(col) {\r\n return {sortCol: columns[getColumnIndex(col.columnId)], sortAsc: col.sortAsc };\r\n })}, e);\r\n }\r\n }\r\n });\r\n }\r\n\r\n function setupColumnReorder() {\r\n $headers.filter(\":ui-sortable\").sortable(\"destroy\");\r\n $headers.sortable({\r\n containment: \"parent\",\r\n distance: 3,\r\n axis: \"x\",\r\n cursor: \"default\",\r\n tolerance: \"intersection\",\r\n helper: \"clone\",\r\n placeholder: \"slick-sortable-placeholder ui-state-default slick-header-column\",\r\n forcePlaceholderSize: true,\r\n start: function (e, ui) {\r\n $(ui.helper).addClass(\"slick-header-column-active\");\r\n },\r\n beforeStop: function (e, ui) {\r\n $(ui.helper).removeClass(\"slick-header-column-active\");\r\n },\r\n stop: function (e) {\r\n var reorderedIds = $headers.sortable(\"toArray\");\r\n var reorderedColumns = [];\r\n for (var i = 0; i < reorderedIds.length; i++) {\r\n reorderedColumns.push(columns[getColumnIndex(reorderedIds[i].replace(uid, \"\"))]);\r\n }\r\n setColumns(reorderedColumns);\r\n\r\n trigger(self.onColumnsReordered, {});\r\n e.stopPropagation();\r\n setupColumnResize();\r\n }\r\n });\r\n }\r\n\r\n function setupColumnResize() {\r\n var $col, j, c, pageX, columnElements, minPageX, maxPageX, firstResizable, lastResizable;\r\n columnElements = $headers.children();\r\n columnElements.find(\".slick-resizable-handle\").remove();\r\n columnElements.each(function (i, e) {\r\n if (columns[i].resizable) {\r\n if (firstResizable === undefined) {\r\n firstResizable = i;\r\n }\r\n lastResizable = i;\r\n }\r\n });\r\n if (firstResizable === undefined) {\r\n return;\r\n }\r\n columnElements.each(function (i, e) {\r\n if (i < firstResizable || (options.forceFitColumns && i >= lastResizable)) {\r\n return;\r\n }\r\n $col = $(e);\r\n $(\"
\")\r\n .appendTo(e)\r\n });\r\n }\r\n\r\n function getVBoxDelta($el) {\r\n var p = [\"borderTopWidth\", \"borderBottomWidth\", \"paddingTop\", \"paddingBottom\"];\r\n var delta = 0;\r\n $.each(p, function (n, val) {\r\n delta += parseFloat($el.css(val)) || 0;\r\n });\r\n return delta;\r\n }\r\n\r\n function measureCellPaddingAndBorder() {\r\n var el;\r\n var h = [\"borderLeftWidth\", \"borderRightWidth\", \"paddingLeft\", \"paddingRight\"];\r\n var v = [\"borderTopWidth\", \"borderBottomWidth\", \"paddingTop\", \"paddingBottom\"];\r\n\r\n el = $(\"
-
\").appendTo($headers);\r\n headerColumnWidthDiff = headerColumnHeightDiff = 0;\r\n $.each(h, function (n, val) {\r\n headerColumnWidthDiff += parseFloat(el.css(val)) || 0;\r\n });\r\n $.each(v, function (n, val) {\r\n headerColumnHeightDiff += parseFloat(el.css(val)) || 0;\r\n });\r\n el.remove();\r\n\r\n var r = $(\"
\").appendTo($canvas);\r\n el = $(\"
-
\").appendTo(r);\r\n cellWidthDiff = cellHeightDiff = 0;\r\n $.each(h, function (n, val) {\r\n cellWidthDiff += parseFloat(el.css(val)) || 0;\r\n });\r\n $.each(v, function (n, val) {\r\n cellHeightDiff += parseFloat(el.css(val)) || 0;\r\n });\r\n r.remove();\r\n\r\n absoluteColumnMinWidth = Math.max(headerColumnWidthDiff, cellWidthDiff);\r\n }\r\n\r\n function createCssRules() {\r\n $style = $(\"\").appendTo($(\"head\"));\r\n var rowHeight = (options.rowHeight - cellHeightDiff);\r\n var rules = [\r\n \".\" + uid + \" .slick-header-column { left: 1000px; }\",\r\n \".\" + uid + \" .slick-top-panel { height:\" + options.topPanelHeight + \"px; }\",\r\n \".\" + uid + \" .slick-headerrow-columns { height:\" + options.headerRowHeight + \"px; }\",\r\n \".\" + uid + \" .slick-cell { height:\" + rowHeight + \"px; }\",\r\n \".\" + uid + \" .slick-row { height:\" + options.rowHeight + \"px; }\"\r\n ];\r\n\r\n for (var i = 0; i < columns.length; i++) {\r\n rules.push(\".\" + uid + \" .l\" + i + \" { }\");\r\n rules.push(\".\" + uid + \" .r\" + i + \" { }\");\r\n }\r\n\r\n if ($style[0].styleSheet) { // IE\r\n $style[0].styleSheet.cssText = rules.join(\" \");\r\n } else {\r\n $style[0].appendChild(document.createTextNode(rules.join(\" \")));\r\n }\r\n }\r\n\r\n function getColumnCssRules(idx) {\r\n\t\tvar i;\r\n if (!stylesheet) {\r\n var sheets = document.styleSheets;\r\n for ( i = 0; i < sheets.length; i++) {\r\n if ((sheets[i].ownerNode || sheets[i].owningElement) == $style[0]) {\r\n stylesheet = sheets[i];\r\n break;\r\n }\r\n }\r\n\r\n if (!stylesheet) {\r\n throw new Error(\"Cannot find stylesheet.\");\r\n }\r\n\r\n // find and cache column CSS rules\r\n columnCssRulesL = [];\r\n columnCssRulesR = [];\r\n var cssRules = (stylesheet.cssRules || stylesheet.rules);\r\n var matches, columnIdx;\r\n for ( i = 0; i < cssRules.length; i++) {\r\n var selector = cssRules[i].selectorText;\r\n if (matches = /\\.l\\d+/.exec(selector)) {\r\n columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);\r\n columnCssRulesL[columnIdx] = cssRules[i];\r\n } else if (matches = /\\.r\\d+/.exec(selector)) {\r\n columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);\r\n columnCssRulesR[columnIdx] = cssRules[i];\r\n }\r\n }\r\n }\r\n\r\n return {\r\n \"left\": columnCssRulesL[idx],\r\n \"right\": columnCssRulesR[idx]\r\n };\r\n }\r\n\r\n function removeCssRules() {\r\n $style.remove();\r\n stylesheet = null;\r\n }\r\n\r\n function destroy() {\r\n trigger(self.onBeforeDestroy, {});\r\n\r\n var i = plugins.length;\r\n while(i--) {\r\n unregisterPlugin(plugins[i]);\r\n }\r\n\r\n if (options.enableColumnReorder && $headers.sortable) {\r\n $headers.sortable(\"destroy\");\r\n }\r\n\r\n unbindAncestorScrollEvents();\r\n $container.unbind(\".slickgrid\");\r\n removeCssRules();\r\n\r\n $container.empty().removeClass(uid);\r\n }\r\n\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // General\r\n\r\n function trigger(evt, args, e) {\r\n e = e || new Slick.EventData();\r\n args = args || {};\r\n args.grid = self;\r\n return evt.notify(args, e, self);\r\n }\r\n\r\n function getColumnIndex(id) {\r\n return columnsById[id];\r\n }\r\n\r\n function autosizeColumns() {\r\n var i, c,\r\n widths = [],\r\n shrinkLeeway = 0,\r\n total = 0,\r\n prevTotal,\r\n availWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;\r\n\r\n for (i = 0; i < columns.length; i++) {\r\n c = columns[i];\r\n widths.push(c.width);\r\n total += c.width;\r\n if (c.resizable) {\r\n shrinkLeeway += c.width - Math.max(c.minWidth, absoluteColumnMinWidth);\r\n }\r\n }\r\n\r\n // shrink\r\n prevTotal = total;\r\n while (total > availWidth && shrinkLeeway) {\r\n var shrinkProportion = (total - availWidth) / shrinkLeeway;\r\n for (i = 0; i < columns.length && total > availWidth; i++) {\r\n c = columns[i];\r\n var width = widths[i];\r\n if (!c.resizable || width <= c.minWidth || width <= absoluteColumnMinWidth) {\r\n continue;\r\n }\r\n var absMinWidth = Math.max(c.minWidth, absoluteColumnMinWidth);\r\n var shrinkSize = Math.floor(shrinkProportion * (width - absMinWidth)) || 1;\r\n shrinkSize = Math.min(shrinkSize, width - absMinWidth);\r\n total -= shrinkSize;\r\n shrinkLeeway -= shrinkSize;\r\n widths[i] -= shrinkSize;\r\n }\r\n if (prevTotal == total) { // avoid infinite loop\r\n break;\r\n }\r\n prevTotal = total;\r\n }\r\n\r\n // grow\r\n prevTotal = total;\r\n while (total < availWidth) {\r\n var growProportion = availWidth / total;\r\n for (i = 0; i < columns.length && total < availWidth; i++) {\r\n c = columns[i];\r\n if (!c.resizable || c.maxWidth <= c.width) {\r\n continue;\r\n }\r\n var growSize = Math.min(Math.floor(growProportion * c.width) - c.width, (c.maxWidth - c.width) || 1000000) || 1;\r\n total += growSize;\r\n widths[i] += growSize;\r\n }\r\n if (prevTotal == total) { // avoid infinite loop\r\n break;\r\n }\r\n prevTotal = total;\r\n }\r\n\r\n var reRender = false;\r\n for (i = 0; i < columns.length; i++) {\r\n if (columns[i].rerenderOnResize && columns[i].width != widths[i]) {\r\n reRender = true;\r\n }\r\n columns[i].width = widths[i];\r\n }\r\n\r\n applyColumnHeaderWidths();\r\n updateCanvasWidth(true);\r\n if (reRender) {\r\n invalidateAllRows();\r\n render();\r\n }\r\n }\r\n\r\n function applyColumnHeaderWidths() {\r\n if (!initialized) { return; }\r\n var h;\r\n for (var i = 0, headers = $headers.children(), ii = headers.length; i < ii; i++) {\r\n h = $(headers[i]);\r\n if (h.width() !== columns[i].width - headerColumnWidthDiff) {\r\n h.width(columns[i].width - headerColumnWidthDiff);\r\n }\r\n }\r\n\r\n updateColumnCaches();\r\n }\r\n\r\n function applyColumnWidths() {\r\n var x = 0, w, rule;\r\n for (var i = 0; i < columns.length; i++) {\r\n w = columns[i].width;\r\n\r\n rule = getColumnCssRules(i);\r\n rule.left.style.left = x + \"px\";\r\n rule.right.style.right = (canvasWidth - x - w) + \"px\";\r\n\r\n x += columns[i].width;\r\n }\r\n }\r\n\r\n function setSortColumn(columnId, ascending) {\r\n setSortColumns([{ columnId: columnId, sortAsc: ascending}]);\r\n }\r\n\r\n function setSortColumns(cols) {\r\n sortColumns = cols;\r\n\r\n var headerColumnEls = $headers.children();\r\n headerColumnEls\r\n .removeClass(\"slick-header-column-sorted\")\r\n .find(\".slick-sort-indicator\")\r\n .removeClass(\"slick-sort-indicator-asc slick-sort-indicator-desc\");\r\n\r\n $.each(sortColumns, function(i, col) {\r\n if (col.sortAsc == null) {\r\n col.sortAsc = true;\r\n }\r\n var columnIndex = getColumnIndex(col.columnId);\r\n if (columnIndex != null) {\r\n headerColumnEls.eq(columnIndex)\r\n .addClass(\"slick-header-column-sorted\")\r\n .find(\".slick-sort-indicator\")\r\n .addClass(col.sortAsc ? \"slick-sort-indicator-asc\" : \"slick-sort-indicator-desc\");\r\n }\r\n });\r\n }\r\n\r\n function getSortColumns() {\r\n return sortColumns;\r\n }\r\n\r\n function handleSelectedRangesChanged(e, ranges) {\r\n selectedRows = [];\r\n var hash = {};\r\n for (var i = 0; i < ranges.length; i++) {\r\n for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {\r\n if (!hash[j]) { // prevent duplicates\r\n selectedRows.push(j);\r\n hash[j] = {};\r\n }\r\n for (var k = ranges[i].fromCell; k <= ranges[i].toCell; k++) {\r\n if (canCellBeSelected(j, k)) {\r\n hash[j][columns[k].id] = options.selectedCellCssClass;\r\n }\r\n }\r\n }\r\n }\r\n\r\n setCellCssStyles(options.selectedCellCssClass, hash);\r\n\r\n trigger(self.onSelectedRowsChanged, {rows: getSelectedRows()}, e);\r\n }\r\n\r\n function getColumns() {\r\n return columns;\r\n }\r\n\r\n function updateColumnCaches() {\r\n // Pre-calculate cell boundaries.\r\n columnPosLeft = [];\r\n columnPosRight = [];\r\n var x = 0;\r\n for (var i = 0, ii = columns.length; i < ii; i++) {\r\n columnPosLeft[i] = x;\r\n columnPosRight[i] = x + columns[i].width;\r\n x += columns[i].width;\r\n }\r\n }\r\n\r\n function setColumns(columnDefinitions) {\r\n columns = columnDefinitions;\r\n\r\n columnsById = {};\r\n for (var i = 0; i < columns.length; i++) {\r\n var m = columns[i] = $.extend({}, columnDefaults, columns[i]);\r\n columnsById[m.id] = i;\r\n if (m.minWidth && m.width < m.minWidth) {\r\n m.width = m.minWidth;\r\n }\r\n if (m.maxWidth && m.width > m.maxWidth) {\r\n m.width = m.maxWidth;\r\n }\r\n }\r\n\r\n updateColumnCaches();\r\n\r\n if (initialized) {\r\n invalidateAllRows();\r\n createColumnHeaders();\r\n removeCssRules();\r\n createCssRules();\r\n resizeCanvas();\r\n applyColumnWidths();\r\n handleScroll();\r\n }\r\n }\r\n\r\n function getOptions() {\r\n return options;\r\n }\r\n\r\n function setOptions(args) {\r\n makeActiveCellNormal();\r\n\r\n if (options.enableAddRow !== args.enableAddRow) {\r\n invalidateRow(getDataLength());\r\n }\r\n\r\n options = $.extend(options, args);\r\n validateAndEnforceOptions();\r\n\r\n $viewport.css(\"overflow-y\", options.autoHeight ? \"hidden\" : \"auto\");\r\n render();\r\n }\r\n\r\n function validateAndEnforceOptions() {\r\n if (options.autoHeight) {\r\n options.leaveSpaceForNewRows = false;\r\n }\r\n }\r\n\r\n function setData(newData, scrollToTop) {\r\n data = newData;\r\n invalidateAllRows();\r\n updateRowCount();\r\n if (scrollToTop) {\r\n scrollTo(0);\r\n }\r\n }\r\n\r\n function getData() {\r\n return data;\r\n }\r\n\r\n function getDataLength() {\r\n if (data.getLength) {\r\n return data.getLength();\r\n } else {\r\n return data.length;\r\n }\r\n }\r\n\r\n function getDataItem(i) {\r\n if (data.getItem) {\r\n return data.getItem(i);\r\n } else {\r\n return data[i];\r\n }\r\n }\r\n\r\n function getTopPanel() {\r\n return $topPanel[0];\r\n }\r\n\r\n function setTopPanelVisibility(visible) {\r\n if (options.showTopPanel != visible) {\r\n options.showTopPanel = visible;\r\n if (visible) {\r\n $topPanelScroller.slideDown(\"fast\", resizeCanvas);\r\n } else {\r\n $topPanelScroller.slideUp(\"fast\", resizeCanvas);\r\n }\r\n }\r\n }\r\n\r\n function setHeaderRowVisibility(visible) {\r\n if (options.showHeaderRow != visible) {\r\n options.showHeaderRow = visible;\r\n if (visible) {\r\n $headerRowScroller.slideDown(\"fast\", resizeCanvas);\r\n } else {\r\n $headerRowScroller.slideUp(\"fast\", resizeCanvas);\r\n }\r\n }\r\n }\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // Rendering / Scrolling\r\n\r\n function scrollTo(y) {\r\n y = Math.max(y, 0);\r\n y = Math.min(y, th - viewportH + (viewportHasHScroll ? scrollbarDimensions.height : 0));\r\n\r\n var oldOffset = offset;\r\n\r\n page = Math.min(n - 1, Math.floor(y / ph));\r\n offset = Math.round(page * cj);\r\n var newScrollTop = y - offset;\r\n\r\n if (offset != oldOffset) {\r\n var range = getVisibleRange(newScrollTop);\r\n cleanupRows(range);\r\n updateRowPositions();\r\n }\r\n\r\n if (prevScrollTop != newScrollTop) {\r\n vScrollDir = (prevScrollTop + oldOffset < newScrollTop + offset) ? 1 : -1;\r\n $viewport[0].scrollTop = (lastRenderedScrollTop = scrollTop = prevScrollTop = newScrollTop);\r\n\r\n trigger(self.onViewportChanged, {});\r\n }\r\n }\r\n\r\n function defaultFormatter(row, cell, value, columnDef, dataContext) {\r\n if (value == null) {\r\n return \"\";\r\n } else {\r\n return value.toString().replace(/&/g,\"&\").replace(//g,\">\");\r\n }\r\n }\r\n\r\n function getFormatter(row, column) {\r\n var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);\r\n\r\n // look up by id, then index\r\n var columnOverrides = rowMetadata &&\r\n rowMetadata.columns &&\r\n (rowMetadata.columns[column.id] || rowMetadata.columns[getColumnIndex(column.id)]);\r\n\r\n return (columnOverrides && columnOverrides.formatter) ||\r\n (rowMetadata && rowMetadata.formatter) ||\r\n column.formatter ||\r\n (options.formatterFactory && options.formatterFactory.getFormatter(column)) ||\r\n options.defaultFormatter;\r\n }\r\n\r\n\r\n function getDataItemValueForColumn(item, columnDef) {\r\n if (options.dataItemColumnValueExtractor) {\r\n return options.dataItemColumnValueExtractor(item, columnDef);\r\n }\r\n return item[columnDef.field];\r\n }\r\n\r\n function appendRowHtml(stringArray, row, range) {\r\n var d = getDataItem(row);\r\n var dataLoading = row < getDataLength() && !d;\r\n var rowCss = \"slick-row\" +\r\n (dataLoading ? \" loading\" : \"\") +\r\n (row === activeRow ? \" active\" : \"\") +\r\n (row % 2 == 1 ? \" odd\" : \" even\");\r\n\r\n var metadata = data.getItemMetadata && data.getItemMetadata(row);\r\n\r\n if (metadata && metadata.cssClasses) {\r\n rowCss += \" \" + metadata.cssClasses;\r\n }\r\n\r\n stringArray.push(\"
\");\r\n\r\n var colspan, m;\r\n for (var i = 0, ii = columns.length; i < ii; i++) {\r\n m = columns[i];\r\n colspan = 1;\r\n if (metadata && metadata.columns) {\r\n var columnData = metadata.columns[m.id] || metadata.columns[i];\r\n colspan = (columnData && columnData.colspan) || 1;\r\n if (colspan === \"*\") {\r\n colspan = ii - i;\r\n }\r\n }\r\n\r\n // Do not render cells outside of the viewport.\r\n if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {\r\n if (columnPosLeft[i] > range.rightPx) {\r\n // All columns to the right are outside the range.\r\n break;\r\n }\r\n\r\n appendCellHtml(stringArray, row, i, colspan);\r\n }\r\n\r\n if (colspan > 1) {\r\n i += (colspan - 1);\r\n }\r\n }\r\n\r\n stringArray.push(\"
\");\r\n }\r\n\r\n function appendCellHtml(stringArray, row, cell, colspan) {\r\n var m = columns[cell];\r\n var d = getDataItem(row);\r\n var cellCss = \"slick-cell l\" + cell + \" r\" + Math.min(columns.length - 1, cell + colspan - 1) +\r\n (m.cssClass ? \" \" + m.cssClass : \"\");\r\n if (row === activeRow && cell === activeCell) {\r\n cellCss += (\" active\");\r\n }\r\n\r\n // TODO: merge them together in the setter\r\n for (var key in cellCssClasses) {\r\n if (cellCssClasses[key][row] && cellCssClasses[key][row][m.id]) {\r\n cellCss += (\" \" + cellCssClasses[key][row][m.id]);\r\n }\r\n }\r\n\r\n stringArray.push(\"
\");\r\n\r\n // if there is a corresponding row (if not, this is the Add New row or this data hasn't been loaded yet)\r\n if (d) {\r\n var value = getDataItemValueForColumn(d, m);\r\n stringArray.push(getFormatter(row, m)(row, cell, value, m, d));\r\n }\r\n\r\n stringArray.push(\"
\");\r\n\r\n rowsCache[row].cellRenderQueue.push(cell);\r\n rowsCache[row].cellColSpans[cell] = colspan;\r\n }\r\n\r\n\r\n function cleanupRows(rangeToKeep) {\r\n for (var i in rowsCache) {\r\n if (((i = parseInt(i, 10)) !== activeRow) && (i < rangeToKeep.top || i > rangeToKeep.bottom)) {\r\n removeRowFromCache(i);\r\n }\r\n }\r\n }\r\n\r\n function invalidate() {\r\n updateRowCount();\r\n//\t\tconsole.log( \"Slick grid, invalidate all rows and render\");\r\n invalidateAllRows();\r\n render();\r\n }\r\n\r\n function invalidateAllRows() {\r\n if (currentEditor) {\r\n makeActiveCellNormal();\r\n }\r\n for (var row in rowsCache) {\r\n removeRowFromCache(row);\r\n }\r\n }\r\n\r\n function removeRowFromCache(row) {\r\n var cacheEntry = rowsCache[row];\r\n if (!cacheEntry) {\r\n return;\r\n }\r\n $canvas[0].removeChild(cacheEntry.rowNode);\r\n delete rowsCache[row];\r\n delete postProcessedRows[row];\r\n renderedRows--;\r\n counter_rows_removed++;\r\n }\r\n\r\n function invalidateRows(rows) {\r\n var i, rl;\r\n if (!rows || !rows.length) {\r\n return;\r\n }\r\n vScrollDir = 0;\r\n for (i = 0, rl = rows.length; i < rl; i++) {\r\n if (currentEditor && activeRow === rows[i]) {\r\n makeActiveCellNormal();\r\n }\r\n if (rowsCache[rows[i]]) {\r\n removeRowFromCache(rows[i]);\r\n }\r\n }\r\n }\r\n\r\n function invalidateRow(row) {\r\n invalidateRows([row]);\r\n }\r\n\r\n function updateCell(row, cell) {\r\n var cellNode = getCellNode(row, cell);\r\n if (!cellNode) {\r\n return;\r\n }\r\n\r\n var m = columns[cell], d = getDataItem(row);\r\n if (currentEditor && activeRow === row && activeCell === cell) {\r\n currentEditor.loadValue(d);\r\n } else {\r\n cellNode.innerHTML = d ? getFormatter(row, m)(row, cell, getDataItemValueForColumn(d, m), m, d) : \"\";\r\n invalidatePostProcessingResults(row);\r\n }\r\n }\r\n\r\n function updateRow(row) {\r\n var cacheEntry = rowsCache[row];\r\n if (!cacheEntry) {\r\n return;\r\n }\r\n\r\n ensureCellNodesInRowsCache(row);\r\n\r\n for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {\r\n if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {\r\n continue;\r\n }\r\n\r\n columnIdx = columnIdx | 0;\r\n var m = columns[columnIdx],\r\n d = getDataItem(row),\r\n node = cacheEntry.cellNodesByColumnIdx[columnIdx];\r\n\r\n if (row === activeRow && columnIdx === activeCell && currentEditor) {\r\n currentEditor.loadValue(d);\r\n } else if (d) {\r\n node.innerHTML = getFormatter(row, m)(row, columnIdx, getDataItemValueForColumn(d, m), m, d);\r\n } else {\r\n node.innerHTML = \"\";\r\n }\r\n }\r\n\r\n invalidatePostProcessingResults(row);\r\n }\r\n\r\n function getViewportHeight() {\r\n var hh = parseFloat($.css($headerScroller[0], \"height\"));\r\n if( hh === 0) {\r\n hh = 36;\r\n }\r\n return parseFloat($.css($container[0], \"height\", true)) -\r\n parseFloat($.css($container[0], \"paddingTop\", true)) -\r\n parseFloat($.css($container[0], \"paddingBottom\", true)) -\r\n 36 - getVBoxDelta($headerScroller) -\r\n (options.showTopPanel ? options.topPanelHeight + getVBoxDelta($topPanelScroller) : 0) -\r\n (options.showHeaderRow ? options.headerRowHeight + getVBoxDelta($headerRowScroller) : 0);\r\n }\r\n\r\n function resizeCanvas() {\r\n if (!initialized) { return; }\r\n if (options.autoHeight) {\r\n viewportH = options.rowHeight * (getDataLength() + (options.enableAddRow ? 1 : 0));\r\n } else {\r\n viewportH = getViewportHeight();\r\n }\r\n numVisibleRows = Math.ceil(viewportH / options.rowHeight);\r\n viewportW = parseFloat($.css($container[0], \"width\", true));\r\n if (!options.autoHeight) {\r\n $viewport.height(viewportH);\r\n }\r\n\r\n if (options.forceFitColumns) {\r\n autosizeColumns();\r\n }\r\n\r\n updateRowCount();\r\n handleScroll();\r\n render();\r\n }\r\n\r\n function updateRowCount() {\r\n if (!initialized) { return; }\r\n numberOfRows = getDataLength() +\r\n (options.enableAddRow ? 1 : 0) +\r\n (options.leaveSpaceForNewRows ? numVisibleRows - 1 : 0);\r\n\r\n var oldViewportHasVScroll = viewportHasVScroll;\r\n // with autoHeight, we do not need to accommodate the vertical scroll bar\r\n viewportHasVScroll = !options.autoHeight && (numberOfRows * options.rowHeight > viewportH);\r\n\r\n // remove the rows that are now outside of the data range\r\n // this helps avoid redundant calls to .removeRow() when the size of the data decreased by thousands of rows\r\n var l = options.enableAddRow ? getDataLength() : getDataLength() - 1;\r\n for (var i in rowsCache) {\r\n if (i >= l) {\r\n removeRowFromCache(i);\r\n }\r\n }\r\n\r\n if (activeCellNode && activeRow > l) {\r\n resetActiveCell();\r\n }\r\n\r\n var oldH = h;\r\n th = Math.max(options.rowHeight * numberOfRows, viewportH - scrollbarDimensions.height);\r\n if (th < maxSupportedCssHeight) {\r\n // just one page\r\n h = ph = th;\r\n n = 1;\r\n cj = 0;\r\n } else {\r\n // break into pages\r\n h = maxSupportedCssHeight;\r\n ph = h / 100;\r\n n = Math.floor(th / ph);\r\n cj = (th - h) / (n - 1);\r\n }\r\n\r\n if (h !== oldH) {\r\n $canvas.css(\"height\", h);\r\n scrollTop = $viewport[0].scrollTop;\r\n }\r\n\r\n var oldScrollTopInRange = (scrollTop + offset <= th - viewportH);\r\n\r\n if (th == 0 || scrollTop == 0) {\r\n page = offset = 0;\r\n } else if (oldScrollTopInRange) {\r\n // maintain virtual position\r\n scrollTo(scrollTop + offset);\r\n } else {\r\n // scroll to bottom\r\n scrollTo(th - viewportH);\r\n }\r\n\r\n if (h != oldH && options.autoHeight) {\r\n resizeCanvas();\r\n }\r\n\r\n if (options.forceFitColumns && oldViewportHasVScroll != viewportHasVScroll) {\r\n autosizeColumns();\r\n }\r\n updateCanvasWidth(false);\r\n }\r\n\r\n function getVisibleRange(viewportTop, viewportLeft) {\r\n if (viewportTop == null) {\r\n viewportTop = scrollTop;\r\n }\r\n if (viewportLeft == null) {\r\n viewportLeft = scrollLeft;\r\n }\r\n\r\n return {\r\n top: Math.floor((viewportTop + offset) / options.rowHeight),\r\n bottom: Math.ceil((viewportTop + offset + viewportH) / options.rowHeight),\r\n leftPx: viewportLeft,\r\n rightPx: viewportLeft + viewportW\r\n };\r\n }\r\n\r\n function getRenderedRange(viewportTop, viewportLeft) {\r\n var range = getVisibleRange(viewportTop, viewportLeft); \r\n var buffer = Math.round(viewportH / options.rowHeight);\r\n var minBuffer = 3;\r\n \r\n if (vScrollDir == -1) {\r\n range.top -= buffer;\r\n range.bottom += minBuffer;\r\n } else if (vScrollDir == 1) {\r\n range.top -= minBuffer;\r\n range.bottom += buffer;\r\n } else {\r\n range.top -= minBuffer;\r\n range.bottom += minBuffer;\r\n }\r\n \r\n range.top = Math.max(0, range.top);\r\n \r\n range.bottom = Math.min(options.enableAddRow ? getDataLength() : getDataLength() - 1, range.bottom);\r\n \r\n range.leftPx -= viewportW;\r\n range.rightPx += viewportW;\r\n\r\n range.leftPx = Math.max(0, range.leftPx);\r\n range.rightPx = Math.min(canvasWidth, range.rightPx);\r\n \r\n return range;\r\n }\r\n\r\n function ensureCellNodesInRowsCache(row) {\r\n var cacheEntry = rowsCache[row];\r\n if (cacheEntry) {\r\n if (cacheEntry.cellRenderQueue.length) {\r\n var lastChild = cacheEntry.rowNode.lastChild;\r\n while (cacheEntry.cellRenderQueue.length) {\r\n var columnIdx = cacheEntry.cellRenderQueue.pop();\r\n cacheEntry.cellNodesByColumnIdx[columnIdx] = lastChild;\r\n lastChild = lastChild.previousSibling;\r\n }\r\n }\r\n }\r\n }\r\n\r\n function cleanUpCells(range, row) {\r\n var totalCellsRemoved = 0;\r\n var cacheEntry = rowsCache[row];\r\n\r\n // Remove cells outside the range.\r\n var cellsToRemove = [];\r\n for (var i in cacheEntry.cellNodesByColumnIdx) {\r\n // I really hate it when people mess with Array.prototype.\r\n if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(i)) {\r\n continue;\r\n }\r\n\r\n // This is a string, so it needs to be cast back to a number.\r\n i = i | 0;\r\n\r\n var colspan = cacheEntry.cellColSpans[i];\r\n if (columnPosLeft[i] > range.rightPx ||\r\n columnPosRight[Math.min(columns.length - 1, i + colspan - 1)] < range.leftPx) {\r\n if (!(row == activeRow && i == activeCell)) {\r\n cellsToRemove.push(i);\r\n }\r\n }\r\n }\r\n\r\n var cellToRemove;\r\n while ((cellToRemove = cellsToRemove.pop()) != null) {\r\n cacheEntry.rowNode.removeChild(cacheEntry.cellNodesByColumnIdx[cellToRemove]);\r\n delete cacheEntry.cellColSpans[cellToRemove];\r\n delete cacheEntry.cellNodesByColumnIdx[cellToRemove];\r\n if (postProcessedRows[row]) {\r\n delete postProcessedRows[row][cellToRemove];\r\n }\r\n totalCellsRemoved++;\r\n }\r\n }\r\n\r\n function cleanUpAndRenderCells(range) {\r\n var cacheEntry;\r\n var stringArray = [];\r\n var processedRows = [];\r\n var cellsAdded;\r\n var totalCellsAdded = 0;\r\n var colspan;\r\n\r\n for (var row = range.top; row <= range.bottom; row++) {\r\n cacheEntry = rowsCache[row];\r\n if (!cacheEntry) {\r\n continue;\r\n }\r\n\r\n // cellRenderQueue populated in renderRows() needs to be cleared first\r\n ensureCellNodesInRowsCache(row);\r\n\r\n cleanUpCells(range, row);\r\n\r\n // Render missing cells.\r\n cellsAdded = 0;\r\n\r\n var metadata = data.getItemMetadata && data.getItemMetadata(row);\r\n metadata = metadata && metadata.columns;\r\n\r\n // TODO: shorten this loop (index? heuristics? binary search?)\r\n for (var i = 0, ii = columns.length; i < ii; i++) {\r\n // Cells to the right are outside the range.\r\n if (columnPosLeft[i] > range.rightPx) {\r\n break;\r\n }\r\n\r\n // Already rendered.\r\n if ((colspan = cacheEntry.cellColSpans[i]) != null) {\r\n i += (colspan > 1 ? colspan - 1 : 0);\r\n continue;\r\n }\r\n\r\n colspan = 1;\r\n if (metadata) {\r\n var columnData = metadata[columns[i].id] || metadata[i];\r\n colspan = (columnData && columnData.colspan) || 1;\r\n if (colspan === \"*\") {\r\n colspan = ii - i;\r\n }\r\n }\r\n\r\n if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {\r\n appendCellHtml(stringArray, row, i, colspan);\r\n cellsAdded++;\r\n }\r\n\r\n i += (colspan > 1 ? colspan - 1 : 0);\r\n }\r\n\r\n if (cellsAdded) {\r\n totalCellsAdded += cellsAdded;\r\n processedRows.push(row);\r\n }\r\n }\r\n\r\n if (!stringArray.length) {\r\n return;\r\n }\r\n\r\n var x = document.createElement(\"div\");\r\n x.innerHTML = stringArray.join(\"\");\r\n\r\n var processedRow;\r\n var node;\r\n while ((processedRow = processedRows.pop()) != null) {\r\n cacheEntry = rowsCache[processedRow];\r\n var columnIdx;\r\n while ((columnIdx = cacheEntry.cellRenderQueue.pop()) != null) {\r\n node = x.lastChild;\r\n cacheEntry.rowNode.appendChild(node);\r\n cacheEntry.cellNodesByColumnIdx[columnIdx] = node;\r\n }\r\n }\r\n }\r\n\r\n function renderRows(range) {\r\n\t\tvar i;\r\n\t\tvar ii;\r\n var parentNode = $canvas[0],\r\n stringArray = [],\r\n rows = [],\r\n needToReselectCell = false;\r\n \r\n for ( i = range.top; i <= range.bottom; i++) {\r\n if (rowsCache[i]) {\r\n continue;\r\n }\r\n renderedRows++;\r\n rows.push(i);\r\n\r\n // Create an entry right away so that appendRowHtml() can\r\n // start populatating it.\r\n rowsCache[i] = {\r\n \"rowNode\": null,\r\n\r\n // ColSpans of rendered cells (by column idx).\r\n // Can also be used for checking whether a cell has been rendered.\r\n \"cellColSpans\": [],\r\n\r\n // Cell nodes (by column idx). Lazy-populated by ensureCellNodesInRowsCache().\r\n \"cellNodesByColumnIdx\": [],\r\n\r\n // Column indices of cell nodes that have been rendered, but not yet indexed in\r\n // cellNodesByColumnIdx. These are in the same order as cell nodes added at the\r\n // end of the row.\r\n \"cellRenderQueue\": []\r\n };\r\n\r\n appendRowHtml(stringArray, i, range);\r\n if (activeCellNode && activeRow === i) {\r\n needToReselectCell = true;\r\n }\r\n counter_rows_rendered++;\r\n }\r\n\r\n if (!rows.length) { return; }\r\n\r\n var x = document.createElement(\"div\");\r\n x.innerHTML = stringArray.join(\"\");\r\n\r\n for ( i = 0, ii = rows.length; i < ii; i++) {\r\n rowsCache[rows[i]].rowNode = parentNode.appendChild(x.firstChild);\r\n }\r\n\r\n if (needToReselectCell) {\r\n activeCellNode = getCellNode(activeRow, activeCell);\r\n }\r\n }\r\n\r\n function startPostProcessing() {\r\n if (!options.enableAsyncPostRender) {\r\n return;\r\n }\r\n clearTimeout(h_postrender);\r\n h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);\r\n }\r\n\r\n function invalidatePostProcessingResults(row) {\r\n delete postProcessedRows[row];\r\n postProcessFromRow = Math.min(postProcessFromRow, row);\r\n postProcessToRow = Math.max(postProcessToRow, row);\r\n startPostProcessing();\r\n }\r\n\r\n function updateRowPositions() {\r\n for (var row in rowsCache) {\r\n rowsCache[row].rowNode.style.top = (row * options.rowHeight - offset) + \"px\";\r\n }\r\n }\r\n\r\n function render() {\r\n if (!initialized) { return; }\r\n var visible = getVisibleRange();\r\n var rendered = getRenderedRange();\r\n\r\n // remove rows no longer in the viewport\r\n cleanupRows(rendered);\r\n\r\n // add new rows & missing cells in existing rows\r\n if (lastRenderedScrollLeft != scrollLeft) {\r\n cleanUpAndRenderCells(rendered);\r\n }\r\n\r\n // render missing rows\r\n renderRows(rendered);\r\n\r\n postProcessFromRow = visible.top;\r\n postProcessToRow = Math.min(options.enableAddRow ? getDataLength() : getDataLength() - 1, visible.bottom);\r\n startPostProcessing();\r\n\r\n lastRenderedScrollTop = scrollTop;\r\n lastRenderedScrollLeft = scrollLeft;\r\n h_render = null;\r\n }\r\n\r\n function handleHeaderRowScroll() {\r\n var scrollLeft = $headerRowScroller[0].scrollLeft;\r\n if (scrollLeft != $viewport[0].scrollLeft) {\r\n $viewport[0].scrollLeft = scrollLeft;\r\n }\r\n }\r\n\r\n function handleScroll() {\r\n scrollTop = $viewport[0].scrollTop;\r\n scrollLeft = $viewport[0].scrollLeft;\r\n var vScrollDist = Math.abs(scrollTop - prevScrollTop);\r\n var hScrollDist = Math.abs(scrollLeft - prevScrollLeft);\r\n\r\n if (hScrollDist) {\r\n prevScrollLeft = scrollLeft;\r\n $headerScroller[0].scrollLeft = scrollLeft;\r\n $topPanelScroller[0].scrollLeft = scrollLeft;\r\n $headerRowScroller[0].scrollLeft = scrollLeft;\r\n }\r\n\r\n if (vScrollDist) {\r\n vScrollDir = prevScrollTop < scrollTop ? 1 : -1;\r\n prevScrollTop = scrollTop;\r\n\r\n // switch virtual pages if needed\r\n if (vScrollDist < viewportH) {\r\n scrollTo(scrollTop + offset);\r\n } else {\r\n var oldOffset = offset;\r\n if (h == viewportH) {\r\n page = 0;\r\n } else {\r\n page = Math.min(n - 1, Math.floor(scrollTop * ((th - viewportH) / (h - viewportH)) * (1 / ph)));\r\n }\r\n offset = Math.round(page * cj);\r\n if (oldOffset != offset) {\r\n invalidateAllRows();\r\n }\r\n }\r\n }\r\n\r\n if (hScrollDist || vScrollDist) {\r\n if (h_render) {\r\n clearTimeout(h_render);\r\n }\r\n\r\n if (Math.abs(lastRenderedScrollTop - scrollTop) > 20 ||\r\n Math.abs(lastRenderedScrollLeft - scrollLeft) > 20) {\r\n if (options.forceSyncScrolling || (\r\n Math.abs(lastRenderedScrollTop - scrollTop) < viewportH &&\r\n Math.abs(lastRenderedScrollLeft - scrollLeft) < viewportW)) {\r\n render();\r\n } else {\r\n h_render = setTimeout(render, 50);\r\n }\r\n\r\n trigger(self.onViewportChanged, {});\r\n }\r\n }\r\n\r\n trigger(self.onScroll, {scrollLeft: scrollLeft, scrollTop: scrollTop});\r\n }\r\n\r\n function asyncPostProcessRows() {\r\n while (postProcessFromRow <= postProcessToRow) {\r\n var row = (vScrollDir >= 0) ? postProcessFromRow++ : postProcessToRow--;\r\n var cacheEntry = rowsCache[row];\r\n if (!cacheEntry || row >= getDataLength()) {\r\n continue;\r\n }\r\n\r\n if (!postProcessedRows[row]) {\r\n postProcessedRows[row] = {};\r\n }\r\n\r\n ensureCellNodesInRowsCache(row);\r\n for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {\r\n if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {\r\n continue;\r\n }\r\n\r\n columnIdx = columnIdx | 0;\r\n\r\n var m = columns[columnIdx];\r\n if (m.asyncPostRender && !postProcessedRows[row][columnIdx]) {\r\n var node = cacheEntry.cellNodesByColumnIdx[columnIdx];\r\n if (node) {\r\n m.asyncPostRender(node, row, getDataItem(row), m);\r\n }\r\n postProcessedRows[row][columnIdx] = true;\r\n }\r\n }\r\n\r\n h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);\r\n return;\r\n }\r\n }\r\n\r\n function updateCellCssStylesOnRenderedRows(addedHash, removedHash) {\r\n var node, columnId, addedRowHash, removedRowHash;\r\n for (var row in rowsCache) {\r\n removedRowHash = removedHash && removedHash[row];\r\n addedRowHash = addedHash && addedHash[row];\r\n\r\n if (removedRowHash) {\r\n for (columnId in removedRowHash) {\r\n if (!addedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {\r\n node = getCellNode(row, getColumnIndex(columnId));\r\n if (node) {\r\n $(node).removeClass(removedRowHash[columnId]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (addedRowHash) {\r\n for (columnId in addedRowHash) {\r\n if (!removedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {\r\n node = getCellNode(row, getColumnIndex(columnId));\r\n if (node) {\r\n $(node).addClass(addedRowHash[columnId]);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n function addCellCssStyles(key, hash) {\r\n if (cellCssClasses[key]) {\r\n throw \"addCellCssStyles: cell CSS hash with key '\" + key + \"' already exists.\";\r\n }\r\n\r\n cellCssClasses[key] = hash;\r\n updateCellCssStylesOnRenderedRows(hash, null);\r\n\r\n trigger(self.onCellCssStylesChanged, { \"key\": key, \"hash\": hash });\r\n }\r\n\r\n function removeCellCssStyles(key) {\r\n if (!cellCssClasses[key]) {\r\n return;\r\n }\r\n\r\n updateCellCssStylesOnRenderedRows(null, cellCssClasses[key]);\r\n delete cellCssClasses[key];\r\n\r\n trigger(self.onCellCssStylesChanged, { \"key\": key, \"hash\": null });\r\n }\r\n\r\n function setCellCssStyles(key, hash) {\r\n var prevHash = cellCssClasses[key];\r\n\r\n cellCssClasses[key] = hash;\r\n updateCellCssStylesOnRenderedRows(hash, prevHash);\r\n\r\n trigger(self.onCellCssStylesChanged, { \"key\": key, \"hash\": hash });\r\n }\r\n\r\n function getCellCssStyles(key) {\r\n return cellCssClasses[key];\r\n }\r\n\r\n function flashCell(row, cell, speed) {\r\n speed = speed || 100;\r\n if (rowsCache[row]) {\r\n var $cell = $(getCellNode(row, cell));\r\n\r\n function toggleCellClass(times) {\r\n if (!times) {\r\n return;\r\n }\r\n setTimeout(function () {\r\n $cell.queue(function () {\r\n $cell.toggleClass(options.cellFlashingCssClass).dequeue();\r\n toggleCellClass(times - 1);\r\n });\r\n },\r\n speed);\r\n }\r\n\r\n toggleCellClass(4);\r\n }\r\n }\r\n\r\n //////////////////////////////////////////////////////////////////////////////////\r\n // Interactivity\r\n\t\r\n function handleClick(e) {\r\n if (!currentEditor) {\r\n // if this click resulted in some cell child node getting focus,\r\n // don't steal it back - keyboard events will still bubble up\r\n if (e.target != document.activeElement) {\r\n setFocus();\r\n }\r\n }\r\n\r\n var cell = getCellFromEvent(e);\r\n if (!cell || (currentEditor !== null && activeRow == cell.row && activeCell == cell.cell)) {\r\n return;\r\n }\r\n\r\n trigger(self.onClick, {row: cell.row, cell: cell.cell}, e);\r\n if (e.isImmediatePropagationStopped()) {\r\n return;\r\n }\r\n\r\n if ((activeCell != cell.cell || activeRow != cell.row) && canCellBeActive(cell.row, cell.cell)) {\r\n scrollRowIntoView(cell.row, false);\r\n setActiveCellInternal(getCellNode(cell.row, cell.cell), (cell.row === getDataLength()) || options.autoEdit);\r\n }\r\n }\r\n\r\n// function handleContextMenu(e) {\r\n// var $cell = $(e.target).closest(\".slick-cell\", $canvas);\r\n// if ($cell.length === 0) {\r\n// return;\r\n// }\r\n//\r\n// trigger(self.onContextMenu, {}, e);\r\n// }\r\n\r\n function handleHeaderMouseEnter(e) {\r\n trigger(self.onHeaderMouseEnter, {\r\n \"column\": $(this).data(\"column\")\r\n }, e);\r\n }\r\n\r\n function handleHeaderMouseLeave(e) {\r\n trigger(self.onHeaderMouseLeave, {\r\n \"column\": $(this).data(\"column\")\r\n }, e);\r\n }\r\n\r\n function handleHeaderClick(e) {\r\n var $header = $(e.target).closest(\".slick-header-column\", \".slick-header-columns\");\r\n var column = $header && $header.data(\"column\");\r\n if (column) {\r\n trigger(self.onHeaderClick, {column: column}, e);\r\n }\r\n }\r\n\r\n function handleMouseEnter(e) {\r\n trigger(self.onMouseEnter, {}, e);\r\n }\r\n\r\n function handleMouseLeave(e) {\r\n trigger(self.onMouseLeave, {}, e);\r\n }\r\n\r\n function cellExists(row, cell) {\r\n return !(row < 0 || row >= getDataLength() || cell < 0 || cell >= columns.length);\r\n }\r\n\r\n function getCellFromPoint(x, y) {\r\n var row = Math.floor((y + offset) / options.rowHeight);\r\n var cell = 0;\r\n\r\n var w = 0;\r\n for (var i = 0; i < columns.length && w < x; i++) {\r\n w += columns[i].width;\r\n cell++;\r\n }\r\n\r\n if (cell < 0) {\r\n cell = 0;\r\n }\r\n\r\n return {row: row, cell: cell - 1};\r\n }\r\n\r\n function getCellFromNode(cellNode) {\r\n // read column number from .l
CSS class\r\n var cls = /l\\d+/.exec(cellNode.className);\r\n if (!cls) {\r\n throw \"getCellFromNode: cannot get cell - \" + cellNode.className;\r\n }\r\n return parseInt(cls[0].substr(1, cls[0].length - 1), 10);\r\n }\r\n\r\n function getRowFromNode(rowNode) {\r\n for (var row in rowsCache) {\r\n if (rowsCache[row].rowNode === rowNode) {\r\n return row | 0;\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n function getCellFromEvent(e) {\r\n var $cell = $(e.target).closest(\".slick-cell\", $canvas);\r\n if (!$cell.length) {\r\n return null;\r\n }\r\n\r\n var row = getRowFromNode($cell[0].parentNode);\r\n var cell = getCellFromNode($cell[0]);\r\n\r\n if (row == null || cell == null) {\r\n return null;\r\n } else {\r\n return {\r\n \"row\": row,\r\n \"cell\": cell\r\n };\r\n }\r\n }\r\n\r\n function getCellNodeBox(row, cell) {\r\n if (!cellExists(row, cell)) {\r\n return null;\r\n }\r\n\r\n var y1 = row * options.rowHeight - offset;\r\n var y2 = y1 + options.rowHeight - 1;\r\n var x1 = 0;\r\n for (var i = 0; i < cell; i++) {\r\n x1 += columns[i].width;\r\n }\r\n var x2 = x1 + columns[cell].width;\r\n\r\n return {\r\n top: y1,\r\n left: x1,\r\n bottom: y2,\r\n right: x2\r\n };\r\n }\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // Cell switching\r\n\r\n function resetActiveCell() {\r\n setActiveCellInternal(null, false);\r\n }\r\n\r\n function setFocus() {\r\n if (tabbingDirection == -1) {\r\n $focusSink[0].focus();\r\n } else {\r\n $focusSink2[0].focus();\r\n }\r\n }\r\n\r\n function scrollCellIntoView(row, cell) {\r\n var colspan = getColspan(row, cell);\r\n var left = columnPosLeft[cell],\r\n right = columnPosRight[cell + (colspan > 1 ? colspan - 1 : 0)],\r\n scrollRight = scrollLeft + viewportW;\r\n\r\n if (left < scrollLeft) {\r\n $viewport.scrollLeft(left);\r\n handleScroll();\r\n render();\r\n } else if (right > scrollRight) {\r\n $viewport.scrollLeft(Math.min(left, right - $viewport[0].clientWidth));\r\n handleScroll();\r\n render();\r\n }\r\n }\r\n\r\n function setActiveCellInternal(newCell, editMode) {\r\n if (activeCellNode !== null) {\r\n makeActiveCellNormal();\r\n $(activeCellNode).removeClass(\"active\");\r\n if (rowsCache[activeRow]) {\r\n $(rowsCache[activeRow].rowNode).removeClass(\"active\");\r\n }\r\n }\r\n\r\n var activeCellChanged = (activeCellNode !== newCell);\r\n activeCellNode = newCell;\r\n\r\n if (activeCellNode != null) {\r\n activeRow = getRowFromNode(activeCellNode.parentNode);\r\n activeCell = activePosX = getCellFromNode(activeCellNode);\r\n\r\n $(activeCellNode).addClass(\"active\");\r\n $(rowsCache[activeRow].rowNode).addClass(\"active\");\r\n\r\n } else {\r\n activeRow = activeCell = null;\r\n }\r\n\r\n if (activeCellChanged) {\r\n trigger(self.onActiveCellChanged, getActiveCell());\r\n }\r\n }\r\n\r\n function clearTextSelection() {\r\n if (document.selection && document.selection.empty) {\r\n document.selection.empty();\r\n } else if (window.getSelection) {\r\n var sel = window.getSelection();\r\n if (sel && sel.removeAllRanges) {\r\n sel.removeAllRanges();\r\n }\r\n }\r\n }\r\n\r\n function makeActiveCellNormal() {\r\n if (!currentEditor) {\r\n return;\r\n }\r\n trigger(self.onBeforeCellEditorDestroy, {editor: currentEditor});\r\n currentEditor.destroy();\r\n currentEditor = null;\r\n\r\n if (activeCellNode) {\r\n var d = getDataItem(activeRow);\r\n $(activeCellNode).removeClass(\"editable invalid\");\r\n if (d) {\r\n var column = columns[activeCell];\r\n var formatter = getFormatter(activeRow, column);\r\n activeCellNode.innerHTML = formatter(activeRow, activeCell, getDataItemValueForColumn(d, column), column, getDataItem(activeRow));\r\n invalidatePostProcessingResults(activeRow);\r\n }\r\n }\r\n\r\n // if there previously was text selected on a page (such as selected text in the edit cell just removed),\r\n // IE can't set focus to anything else correctly\r\n if ($.browser.msie) {\r\n clearTextSelection();\r\n }\r\n }\r\n\r\n function absBox(elem) {\r\n var box = {\r\n top: elem.offsetTop,\r\n left: elem.offsetLeft,\r\n bottom: 0,\r\n right: 0,\r\n width: $(elem).outerWidth(),\r\n height: $(elem).outerHeight(),\r\n visible: true};\r\n box.bottom = box.top + box.height;\r\n box.right = box.left + box.width;\r\n\r\n // walk up the tree\r\n var offsetParent = elem.offsetParent;\r\n while ((elem = elem.parentNode) != document.body) {\r\n if (box.visible && elem.scrollHeight != elem.offsetHeight && $(elem).css(\"overflowY\") != \"visible\") {\r\n box.visible = box.bottom > elem.scrollTop && box.top < elem.scrollTop + elem.clientHeight;\r\n }\r\n\r\n if (box.visible && elem.scrollWidth != elem.offsetWidth && $(elem).css(\"overflowX\") != \"visible\") {\r\n box.visible = box.right > elem.scrollLeft && box.left < elem.scrollLeft + elem.clientWidth;\r\n }\r\n\r\n box.left -= elem.scrollLeft;\r\n box.top -= elem.scrollTop;\r\n\r\n if (elem === offsetParent) {\r\n box.left += elem.offsetLeft;\r\n box.top += elem.offsetTop;\r\n offsetParent = elem.offsetParent;\r\n }\r\n\r\n box.bottom = box.top + box.height;\r\n box.right = box.left + box.width;\r\n }\r\n\r\n return box;\r\n }\r\n\r\n function getActiveCellPosition() {\r\n return absBox(activeCellNode);\r\n }\r\n\r\n function getGridPosition() {\r\n return absBox($container[0])\r\n }\r\n\r\n function handleActiveCellPositionChange() {\r\n if (!activeCellNode) {\r\n return;\r\n }\r\n\r\n trigger(self.onActiveCellPositionChanged, {});\r\n\r\n if (currentEditor) {\r\n var cellBox = getActiveCellPosition();\r\n if (currentEditor.show && currentEditor.hide) {\r\n if (!cellBox.visible) {\r\n currentEditor.hide();\r\n } else {\r\n currentEditor.show();\r\n }\r\n }\r\n\r\n if (currentEditor.position) {\r\n currentEditor.position(cellBox);\r\n }\r\n }\r\n }\r\n\r\n function getCellEditor() {\r\n return currentEditor;\r\n }\r\n\r\n function getActiveCell() {\r\n if (!activeCellNode) {\r\n return null;\r\n } else {\r\n return {row: activeRow, cell: activeCell};\r\n }\r\n }\r\n\r\n function getActiveCellNode() {\r\n return activeCellNode;\r\n }\r\n\r\n function scrollRowIntoView(row, doPaging) {\r\n var rowAtTop = row * options.rowHeight;\r\n var rowAtBottom = (row + 1) * options.rowHeight - viewportH + (viewportHasHScroll ? scrollbarDimensions.height : 0);\r\n\r\n // need to page down?\r\n if ((row + 1) * options.rowHeight > scrollTop + viewportH + offset) {\r\n scrollTo(doPaging ? rowAtTop : rowAtBottom);\r\n render();\r\n }\r\n // or page up?\r\n else if (row * options.rowHeight < scrollTop + offset) {\r\n scrollTo(doPaging ? rowAtBottom : rowAtTop);\r\n render();\r\n }\r\n }\r\n\r\n function scrollRowToTop(row) {\r\n scrollTo(row * options.rowHeight);\r\n render();\r\n }\r\n\r\n function getColspan(row, cell) {\r\n var metadata = data.getItemMetadata && data.getItemMetadata(row);\r\n if (!metadata || !metadata.columns) {\r\n return 1;\r\n }\r\n\r\n var columnData = metadata.columns[columns[cell].id] || metadata.columns[cell];\r\n var colspan = (columnData && columnData.colspan);\r\n if (colspan === \"*\") {\r\n colspan = columns.length - cell;\r\n } else {\r\n colspan = colspan || 1;\r\n }\r\n\r\n return colspan;\r\n }\r\n\r\n function findFirstFocusableCell(row) {\r\n var cell = 0;\r\n while (cell < columns.length) {\r\n if (canCellBeActive(row, cell)) {\r\n return cell;\r\n }\r\n cell += getColspan(row, cell);\r\n }\r\n return null;\r\n }\r\n\r\n function findLastFocusableCell(row) {\r\n var cell = 0;\r\n var lastFocusableCell = null;\r\n while (cell < columns.length) {\r\n if (canCellBeActive(row, cell)) {\r\n lastFocusableCell = cell;\r\n }\r\n cell += getColspan(row, cell);\r\n }\r\n return lastFocusableCell;\r\n }\r\n\r\n function gotoRight(row, cell, posX) {\r\n if (cell >= columns.length) {\r\n return null;\r\n }\r\n\r\n do {\r\n cell += getColspan(row, cell);\r\n }\r\n while (cell < columns.length && !canCellBeActive(row, cell));\r\n\r\n if (cell < columns.length) {\r\n return {\r\n \"row\": row,\r\n \"cell\": cell,\r\n \"posX\": cell\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n function gotoLeft(row, cell, posX) {\r\n if (cell <= 0) {\r\n return null;\r\n }\r\n\r\n var firstFocusableCell = findFirstFocusableCell(row);\r\n if (firstFocusableCell === null || firstFocusableCell >= cell) {\r\n return null;\r\n }\r\n\r\n var prev = {\r\n \"row\": row,\r\n \"cell\": firstFocusableCell,\r\n \"posX\": firstFocusableCell\r\n };\r\n var pos;\r\n while (true) {\r\n pos = gotoRight(prev.row, prev.cell, prev.posX);\r\n if (!pos) {\r\n return null;\r\n }\r\n if (pos.cell >= cell) {\r\n return prev;\r\n }\r\n prev = pos;\r\n }\r\n }\r\n\r\n function gotoDown(row, cell, posX) {\r\n var prevCell;\r\n while (true) {\r\n if (++row >= getDataLength() + (options.enableAddRow ? 1 : 0)) {\r\n return null;\r\n }\r\n\r\n prevCell = cell = 0;\r\n while (cell <= posX) {\r\n prevCell = cell;\r\n cell += getColspan(row, cell);\r\n }\r\n\r\n if (canCellBeActive(row, prevCell)) {\r\n return {\r\n \"row\": row,\r\n \"cell\": prevCell,\r\n \"posX\": posX\r\n };\r\n }\r\n }\r\n }\r\n\r\n function gotoUp(row, cell, posX) {\r\n var prevCell;\r\n while (true) {\r\n if (--row < 0) {\r\n return null;\r\n }\r\n\r\n prevCell = cell = 0;\r\n while (cell <= posX) {\r\n prevCell = cell;\r\n cell += getColspan(row, cell);\r\n }\r\n\r\n if (canCellBeActive(row, prevCell)) {\r\n return {\r\n \"row\": row,\r\n \"cell\": prevCell,\r\n \"posX\": posX\r\n };\r\n }\r\n }\r\n }\r\n\r\n function gotoNext(row, cell, posX) {\r\n if (row == null && cell == null) {\r\n row = cell = posX = 0;\r\n if (canCellBeActive(row, cell)) {\r\n return {\r\n \"row\": row,\r\n \"cell\": cell,\r\n \"posX\": cell\r\n };\r\n }\r\n }\r\n\r\n var pos = gotoRight(row, cell, posX);\r\n if (pos) {\r\n return pos;\r\n }\r\n\r\n var firstFocusableCell = null;\r\n while (++row < getDataLength() + (options.enableAddRow ? 1 : 0)) {\r\n firstFocusableCell = findFirstFocusableCell(row);\r\n if (firstFocusableCell !== null) {\r\n return {\r\n \"row\": row,\r\n \"cell\": firstFocusableCell,\r\n \"posX\": firstFocusableCell\r\n };\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n function gotoPrev(row, cell, posX) {\r\n if (row == null && cell == null) {\r\n row = getDataLength() + (options.enableAddRow ? 1 : 0) - 1;\r\n cell = posX = columns.length - 1;\r\n if (canCellBeActive(row, cell)) {\r\n return {\r\n \"row\": row,\r\n \"cell\": cell,\r\n \"posX\": cell\r\n };\r\n }\r\n }\r\n\r\n var pos;\r\n var lastSelectableCell;\r\n while (!pos) {\r\n pos = gotoLeft(row, cell, posX);\r\n if (pos) {\r\n break;\r\n }\r\n if (--row < 0) {\r\n return null;\r\n }\r\n\r\n cell = 0;\r\n lastSelectableCell = findLastFocusableCell(row);\r\n if (lastSelectableCell !== null) {\r\n pos = {\r\n \"row\": row,\r\n \"cell\": lastSelectableCell,\r\n \"posX\": lastSelectableCell\r\n };\r\n }\r\n }\r\n return pos;\r\n }\r\n\r\n function navigateRight() {\r\n return navigate(\"right\");\r\n }\r\n\r\n function navigateLeft() {\r\n return navigate(\"left\");\r\n }\r\n\r\n function navigateDown() {\r\n return navigate(\"down\");\r\n }\r\n\r\n function navigateUp() {\r\n return navigate(\"up\");\r\n }\r\n\r\n function navigateNext() {\r\n return navigate(\"next\");\r\n }\r\n\r\n function navigatePrev() {\r\n return navigate(\"prev\");\r\n }\r\n\r\n /**\r\n * @param {string} dir Navigation direction.\r\n * @return {boolean} Whether navigation resulted in a change of active cell.\r\n */\r\n function navigate(dir) {\r\n//\t\tconsole.log( \"Slick Grid Navigate - 2511\");\r\n if (!options.enableCellNavigation) {\r\n return false;\r\n }\r\n\r\n if (!activeCellNode && dir != \"prev\" && dir != \"next\") {\r\n return false;\r\n }\r\n\r\n setFocus();\r\n\r\n var tabbingDirections = {\r\n \"up\": -1,\r\n \"down\": 1,\r\n \"left\": -1,\r\n \"right\": 1,\r\n \"prev\": -1,\r\n \"next\": 1\r\n };\r\n tabbingDirection = tabbingDirections[dir];\r\n\r\n var stepFunctions = {\r\n \"up\": gotoUp,\r\n \"down\": gotoDown,\r\n \"left\": gotoLeft,\r\n \"right\": gotoRight,\r\n \"prev\": gotoPrev,\r\n \"next\": gotoNext\r\n };\r\n var stepFn = stepFunctions[dir];\r\n var pos = stepFn(activeRow, activeCell, activePosX);\r\n if (pos) {\r\n var isAddNewRow = (pos.row == getDataLength());\r\n scrollRowIntoView(pos.row, !isAddNewRow);\r\n scrollCellIntoView(pos.row, pos.cell);\r\n setActiveCellInternal(getCellNode(pos.row, pos.cell), isAddNewRow || options.autoEdit);\r\n activePosX = pos.posX;\r\n return true;\r\n } else {\r\n setActiveCellInternal(getCellNode(activeRow, activeCell), (activeRow == getDataLength()) || options.autoEdit);\r\n return false;\r\n }\r\n }\r\n\r\n function getCellNode(row, cell) {\r\n if (rowsCache[row]) {\r\n ensureCellNodesInRowsCache(row);\r\n return rowsCache[row].cellNodesByColumnIdx[cell];\r\n }\r\n return null;\r\n }\r\n\r\n function setActiveCell(row, cell) {\r\n if (!initialized) { return; }\r\n if (row > getDataLength() || row < 0 || cell >= columns.length || cell < 0) {\r\n return;\r\n }\r\n\r\n if (!options.enableCellNavigation) {\r\n return;\r\n }\r\n\r\n scrollRowIntoView(row, false);\r\n scrollCellIntoView(row, cell);\r\n setActiveCellInternal(getCellNode(row, cell), false);\r\n }\r\n\r\n function canCellBeActive(row, cell) {\r\n if (!options.enableCellNavigation || row >= getDataLength() + (options.enableAddRow ? 1 : 0) ||\r\n row < 0 || cell >= columns.length || cell < 0) {\r\n return false;\r\n }\r\n\r\n var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);\r\n if (rowMetadata && typeof rowMetadata.focusable === \"boolean\") {\r\n return rowMetadata.focusable;\r\n }\r\n\r\n var columnMetadata = rowMetadata && rowMetadata.columns;\r\n if (columnMetadata && columnMetadata[columns[cell].id] && typeof columnMetadata[columns[cell].id].focusable === \"boolean\") {\r\n return columnMetadata[columns[cell].id].focusable;\r\n }\r\n if (columnMetadata && columnMetadata[cell] && typeof columnMetadata[cell].focusable === \"boolean\") {\r\n return columnMetadata[cell].focusable;\r\n }\r\n\r\n if (typeof columns[cell].focusable === \"boolean\") {\r\n return columns[cell].focusable;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function canCellBeSelected(row, cell) {\r\n if (row >= getDataLength() || row < 0 || cell >= columns.length || cell < 0) {\r\n return false;\r\n }\r\n\r\n var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);\r\n if (rowMetadata && typeof rowMetadata.selectable === \"boolean\") {\r\n return rowMetadata.selectable;\r\n }\r\n\r\n var columnMetadata = rowMetadata && rowMetadata.columns && (rowMetadata.columns[columns[cell].id] || rowMetadata.columns[cell]);\r\n if (columnMetadata && typeof columnMetadata.selectable === \"boolean\") {\r\n return columnMetadata.selectable;\r\n }\r\n\r\n if (typeof columns[cell].selectable === \"boolean\") {\r\n return columns[cell].selectable;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function gotoCell(row, cell, forceEdit) {\r\n if (!initialized) { return; }\r\n if (!canCellBeActive(row, cell)) {\r\n return;\r\n }\r\n\r\n scrollRowIntoView(row, false);\r\n scrollCellIntoView(row, cell);\r\n\r\n var newCell = getCellNode(row, cell);\r\n\r\n // if selecting the 'add new' row, start editing right away\r\n setActiveCellInternal(newCell, forceEdit || (row === getDataLength()) || options.autoEdit);\r\n\r\n // if no editor was created, set the focus back on the grid\r\n if (!currentEditor) {\r\n setFocus();\r\n }\r\n }\r\n\r\n\r\n function rowsToRanges(rows) {\r\n var ranges = [];\r\n var lastCell = columns.length - 1;\r\n for (var i = 0; i < rows.length; i++) {\r\n ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));\r\n }\r\n return ranges;\r\n }\r\n\r\n function getSelectedRows() {\r\n if (!selectionModel) {\r\n throw \"Selection model is not set\";\r\n }\r\n return selectedRows;\r\n }\r\n\r\n function setSelectedRows(rows) {\r\n if (!selectionModel) {\r\n throw \"Selection model is not set\";\r\n }\r\n selectionModel.setSelectedRanges(rowsToRanges(rows));\r\n }\r\n\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // Debug\r\n\r\n this.debug = function () {\r\n var s = \"\";\r\n\r\n s += (\"\\n\" + \"counter_rows_rendered: \" + counter_rows_rendered);\r\n s += (\"\\n\" + \"counter_rows_removed: \" + counter_rows_removed);\r\n s += (\"\\n\" + \"renderedRows: \" + renderedRows);\r\n s += (\"\\n\" + \"numVisibleRows: \" + numVisibleRows);\r\n s += (\"\\n\" + \"maxSupportedCssHeight: \" + maxSupportedCssHeight);\r\n s += (\"\\n\" + \"n(umber of pages): \" + n);\r\n s += (\"\\n\" + \"(current) page: \" + page);\r\n s += (\"\\n\" + \"page height (ph): \" + ph);\r\n s += (\"\\n\" + \"vScrollDir: \" + vScrollDir);\r\n\r\n alert(s);\r\n };\r\n\r\n // a debug helper to be able to access private members\r\n this.eval = function (expr) {\r\n return eval(expr);\r\n };\r\n\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n // Public API\r\n\r\n $.extend(this, {\r\n \"slickGridVersion\": \"2.1\",\r\n\r\n // Events\r\n \"onScroll\": new Slick.Event(),\r\n \"onSort\": new Slick.Event(),\r\n \"onHeaderMouseEnter\": new Slick.Event(),\r\n \"onHeaderMouseLeave\": new Slick.Event(),\r\n \"onHeaderContextMenu\": new Slick.Event(),\r\n \"onHeaderClick\": new Slick.Event(),\r\n \"onHeaderCellRendered\": new Slick.Event(),\r\n \"onBeforeHeaderCellDestroy\": new Slick.Event(),\r\n \"onHeaderRowCellRendered\": new Slick.Event(),\r\n \"onBeforeHeaderRowCellDestroy\": new Slick.Event(),\r\n \"onMouseEnter\": new Slick.Event(),\r\n \"onMouseLeave\": new Slick.Event(),\r\n \"onClick\": new Slick.Event(),\r\n \"onDblClick\": new Slick.Event(),\r\n \"onContextMenu\": new Slick.Event(),\r\n \"onKeyDown\": new Slick.Event(),\r\n \"onAddNewRow\": new Slick.Event(),\r\n \"onValidationError\": new Slick.Event(),\r\n \"onViewportChanged\": new Slick.Event(),\r\n \"onColumnsReordered\": new Slick.Event(),\r\n \"onColumnsResized\": new Slick.Event(),\r\n \"onCellChange\": new Slick.Event(),\r\n \"onBeforeEditCell\": new Slick.Event(),\r\n \"onBeforeCellEditorDestroy\": new Slick.Event(),\r\n \"onBeforeDestroy\": new Slick.Event(),\r\n \"onActiveCellChanged\": new Slick.Event(),\r\n \"onActiveCellPositionChanged\": new Slick.Event(),\r\n \"onSelectedRowsChanged\": new Slick.Event(),\r\n \"onCellCssStylesChanged\": new Slick.Event(),\r\n \"onTap\": new Slick.Event(),\r\n\r\n // Methods\r\n \"registerPlugin\": registerPlugin,\r\n \"unregisterPlugin\": unregisterPlugin,\r\n \"getColumns\": getColumns,\r\n \"setColumns\": setColumns,\r\n \"getColumnIndex\": getColumnIndex,\r\n \"updateColumnHeader\": updateColumnHeader,\r\n \"setSortColumn\": setSortColumn,\r\n \"setSortColumns\": setSortColumns,\r\n \"getSortColumns\": getSortColumns,\r\n \"autosizeColumns\": autosizeColumns,\r\n \"getOptions\": getOptions,\r\n \"setOptions\": setOptions,\r\n \"getData\": getData,\r\n \"getDataLength\": getDataLength,\r\n \"getDataItem\": getDataItem,\r\n \"setData\": setData,\r\n \"getSelectionModel\": getSelectionModel,\r\n \"setSelectionModel\": setSelectionModel,\r\n \"getSelectedRows\": getSelectedRows,\r\n \"setSelectedRows\": setSelectedRows,\r\n\r\n \"render\": render,\r\n \"invalidate\": invalidate,\r\n \"invalidateRow\": invalidateRow,\r\n \"invalidateRows\": invalidateRows,\r\n \"invalidateAllRows\": invalidateAllRows,\r\n \"updateCell\": updateCell,\r\n \"updateRow\": updateRow,\r\n \"getViewport\": getVisibleRange,\r\n \"getRenderedRange\": getRenderedRange,\r\n \"resizeCanvas\": resizeCanvas,\r\n \"updateRowCount\": updateRowCount,\r\n \"scrollRowIntoView\": scrollRowIntoView,\r\n \"scrollRowToTop\": scrollRowToTop,\r\n \"scrollCellIntoView\": scrollCellIntoView,\r\n \"getCanvasNode\": getCanvasNode,\r\n \"focus\": setFocus,\r\n\r\n \"getCellFromPoint\": getCellFromPoint,\r\n \"getCellFromEvent\": getCellFromEvent,\r\n \"getActiveCell\": getActiveCell,\r\n \"setActiveCell\": setActiveCell,\r\n \"getActiveCellNode\": getActiveCellNode,\r\n \"getActiveCellPosition\": getActiveCellPosition,\r\n \"resetActiveCell\": resetActiveCell,\r\n \"getCellEditor\": getCellEditor,\r\n \"getCellNode\": getCellNode,\r\n \"getCellNodeBox\": getCellNodeBox,\r\n \"canCellBeSelected\": canCellBeSelected,\r\n \"canCellBeActive\": canCellBeActive,\r\n \"navigatePrev\": navigatePrev,\r\n \"navigateNext\": navigateNext,\r\n \"navigateUp\": navigateUp,\r\n \"navigateDown\": navigateDown,\r\n \"navigateLeft\": navigateLeft,\r\n \"navigateRight\": navigateRight,\r\n \"gotoCell\": gotoCell,\r\n \"getTopPanel\": getTopPanel,\r\n \"setTopPanelVisibility\": setTopPanelVisibility,\r\n \"setHeaderRowVisibility\": setHeaderRowVisibility,\r\n \"getHeaderRow\": getHeaderRow,\r\n \"getHeaderRowColumn\": getHeaderRowColumn,\r\n \"getGridPosition\": getGridPosition,\r\n \"flashCell\": flashCell,\r\n \"addCellCssStyles\": addCellCssStyles,\r\n \"setCellCssStyles\": setCellCssStyles,\r\n \"removeCellCssStyles\": removeCellCssStyles,\r\n \"getCellCssStyles\": getCellCssStyles,\r\n\r\n \"init\": finishInitialization,\r\n \"destroy\": destroy\r\n });\r\n\r\n init();\r\n }\r\n}(jQuery));\r\n","/* global Slick */\r\n\r\n(function ($) {\r\n $.extend(true, window, {\r\n Slick: {\r\n Data: {\r\n DataView: DataView,\r\n }\r\n }\r\n });\r\n\r\n\r\n /***\r\n * A sample Model implementation.\r\n * Provides a filtered view of the underlying data.\r\n *\r\n * Relies on the data item having an \"id\" property uniquely identifying it.\r\n */\r\n function DataView(options) {\r\n var self = this;\r\n\r\n var defaults = {\r\n groupItemMetadataProvider: null,\r\n inlineFilters: true\r\n };\r\n\r\n\r\n // private\r\n var idProperty = \"id\"; // property holding a unique row id\r\n var items = []; // data by index\r\n var rows = []; // data by row\r\n var idxById = {}; // indexes by id\r\n var rowsById = null; // rows by id; lazy-calculated\r\n var filter = null; // filter function\r\n var updated = null; // updated item ids\r\n var suspend = false; // suspends the recalculation\r\n var sortAsc = true;\r\n var sortComparer;\r\n var refreshHints = {};\r\n var prevRefreshHints = {};\r\n var filterArgs;\r\n var filteredItems = [];\r\n var compiledFilter;\r\n var compiledFilterWithCaching;\r\n var filterCache = [];\r\n\r\n // grouping\r\n var groupingGetter;\r\n var groupingGetterIsAFn;\r\n var groupingFormatter;\r\n var groupingComparer;\r\n var groups = [];\r\n var collapsedGroups = {};\r\n var aggregators;\r\n var aggregateCollapsed = false;\r\n var compiledAccumulators;\r\n\r\n var pagesize = 0;\r\n var pagenum = 0;\r\n var totalRows = 0;\r\n\r\n // events\r\n var onRowCountChanged = new Slick.Event();\r\n var onRowsChanged = new Slick.Event();\r\n var onPagingInfoChanged = new Slick.Event();\r\n\r\n options = $.extend(true, {}, defaults, options);\r\n\r\n\r\n function beginUpdate() {\r\n suspend = true;\r\n }\r\n\r\n function endUpdate() {\r\n suspend = false;\r\n refresh();\r\n }\r\n\r\n function setRefreshHints(hints) {\r\n refreshHints = hints;\r\n }\r\n\r\n function setFilterArgs(args) {\r\n filterArgs = args;\r\n }\r\n\r\n function updateIdxById(startingIndex) {\r\n startingIndex = startingIndex || 0;\r\n var id;\r\n for (var i = startingIndex, l = items.length; i < l; i++) {\r\n id = items[i][idProperty];\r\n if (id === undefined) {\r\n throw \"Each data element must implement a unique 'id' property\";\r\n }\r\n idxById[id] = i;\r\n }\r\n }\r\n\r\n function ensureIdUniqueness() {\r\n var id;\r\n for (var i = 0, l = items.length; i < l; i++) {\r\n id = items[i][idProperty];\r\n if (id === undefined || idxById[id] !== i) {\r\n throw \"Each data element must implement a unique 'id' property\";\r\n }\r\n }\r\n }\r\n\r\n function getItems() {\r\n return items;\r\n }\r\n\r\n function setItems(data, objectIdProperty) {\r\n if (objectIdProperty !== undefined) {\r\n idProperty = objectIdProperty;\r\n }\r\n items = filteredItems = data;\r\n idxById = {};\r\n updateIdxById();\r\n ensureIdUniqueness();\r\n refresh();\r\n }\r\n\r\n function setPagingOptions(args) {\r\n if (args.pageSize != undefined) {\r\n pagesize = args.pageSize;\r\n pagenum = pagesize ? Math.min(pagenum, Math.max(0, Math.ceil(totalRows / pagesize) - 1)) : 0;\r\n }\r\n\r\n if (args.pageNum != undefined) {\r\n pagenum = Math.min(args.pageNum, Math.max(0, Math.ceil(totalRows / pagesize) - 1));\r\n }\r\n\r\n onPagingInfoChanged.notify(getPagingInfo(), null, self);\r\n\r\n refresh();\r\n }\r\n\r\n function getPagingInfo() {\r\n var totalPages = pagesize ? Math.max(1, Math.ceil(totalRows / pagesize)) : 1;\r\n return {pageSize: pagesize, pageNum: pagenum, totalRows: totalRows, totalPages: totalPages};\r\n }\r\n\r\n function sort(comparer, ascending) {\r\n sortAsc = ascending;\r\n sortComparer = comparer;\r\n// if (ascending === false) {\t// my compare function takes care of ascending/descending\r\n// items.reverse();\r\n// }\r\n items.sort(comparer);\r\n// if (ascending === false) {\r\n// items.reverse();\r\n// }\r\n idxById = {};\r\n updateIdxById();\r\n refresh();\r\n }\r\n\r\n function reSort() {\r\n if (sortComparer) {\r\n sort(sortComparer, sortAsc);\r\n }\r\n }\r\n\r\n function setFilter(filterFn) {\r\n filter = filterFn;\r\n if (options.inlineFilters) {\r\n compiledFilter = compileFilter();\r\n compiledFilterWithCaching = compileFilterWithCaching();\r\n }\r\n refresh();\r\n }\r\n\r\n function groupBy(valueGetter, valueFormatter, sortComparer) {\r\n if (!options.groupItemMetadataProvider) {\r\n options.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();\r\n }\r\n\r\n groupingGetter = valueGetter;\r\n groupingGetterIsAFn = typeof groupingGetter === \"function\";\r\n groupingFormatter = valueFormatter;\r\n groupingComparer = sortComparer;\r\n collapsedGroups = {};\r\n groups = [];\r\n refresh();\r\n }\r\n\r\n function getItemByIdx(i) {\r\n return items[i];\r\n }\r\n\r\n function getIdxById(id) {\r\n return idxById[id];\r\n }\r\n\r\n function ensureRowsByIdCache() {\r\n if (!rowsById) {\r\n rowsById = {};\r\n for (var i = 0, l = rows.length; i < l; i++) {\r\n rowsById[rows[i][idProperty]] = i;\r\n }\r\n }\r\n }\r\n\r\n function getRowById(id) {\r\n ensureRowsByIdCache();\r\n return rowsById[id];\r\n }\r\n\r\n function getItemById(id) {\r\n return items[idxById[id]];\r\n }\r\n\r\n function mapIdsToRows(idArray) {\r\n var rows = [];\r\n ensureRowsByIdCache();\r\n for (var i = 0; i < idArray.length; i++) {\r\n var row = rowsById[idArray[i]];\r\n if (row != null) {\r\n rows[rows.length] = row;\r\n }\r\n }\r\n return rows;\r\n }\r\n\r\n function mapRowsToIds(rowArray) {\r\n var ids = [];\r\n for (var i = 0; i < rowArray.length; i++) {\r\n if (rowArray[i] < rows.length) {\r\n ids[ids.length] = rows[rowArray[i]][idProperty];\r\n }\r\n }\r\n return ids;\r\n }\r\n\r\n function updateItem(id, item) {\r\n if (idxById[id] === undefined || id !== item[idProperty]) {\r\n throw \"Invalid or non-matching id\";\r\n }\r\n items[idxById[id]] = item;\r\n if (!updated) {\r\n updated = {};\r\n }\r\n updated[id] = true;\r\n refresh();\r\n }\r\n\r\n function insertItem(insertBefore, item) {\r\n items.splice(insertBefore, 0, item);\r\n updateIdxById(insertBefore);\r\n refresh();\r\n }\r\n\r\n function addItem(item) {\r\n items.push(item);\r\n updateIdxById(items.length - 1);\r\n refresh();\r\n }\r\n\r\n function deleteItem(id) {\r\n var idx = idxById[id];\r\n if (idx === undefined) {\r\n throw \"Invalid id\";\r\n }\r\n delete idxById[id];\r\n items.splice(idx, 1);\r\n updateIdxById(idx);\r\n refresh();\r\n }\r\n\r\n function getLength() {\r\n return rows.length;\r\n }\r\n\r\n function getItem(i) {\r\n return rows[i];\r\n }\r\n\r\n function getItemMetadata(i) {\r\n var item = rows[i];\r\n if (item === undefined) {\r\n return null;\r\n }\r\n\r\n // overrides for group rows\r\n if (item.__group) {\r\n return options.groupItemMetadataProvider.getGroupRowMetadata(item);\r\n }\r\n\r\n // overrides for totals rows\r\n if (item.__groupTotals) {\r\n return options.groupItemMetadataProvider.getTotalsRowMetadata(item);\r\n }\r\n\r\n return null;\r\n }\r\n\r\n function collapseGroup(groupingValue) {\r\n collapsedGroups[groupingValue] = true;\r\n refresh();\r\n }\r\n\r\n function expandGroup(groupingValue) {\r\n delete collapsedGroups[groupingValue];\r\n refresh();\r\n }\r\n\r\n function getGroups() {\r\n return groups;\r\n }\r\n\r\n function extractGroups(rows) {\r\n var group;\r\n var val;\r\n var groups = [];\r\n var groupsByVal = [];\r\n var r;\r\n\r\n for (var i = 0, l = rows.length; i < l; i++) {\r\n r = rows[i];\r\n val = (groupingGetterIsAFn) ? groupingGetter(r) : r[groupingGetter];\r\n val = val || 0;\r\n group = groupsByVal[val];\r\n if (!group) {\r\n group = new Slick.Group();\r\n group.count = 0;\r\n group.value = val;\r\n group.rows = [];\r\n groups[groups.length] = group;\r\n groupsByVal[val] = group;\r\n }\r\n\r\n group.rows[group.count++] = r;\r\n }\r\n\r\n return groups;\r\n }\r\n\r\n // TODO: lazy totals calculation\r\n function calculateGroupTotals(group) {\r\n if (group.collapsed && !aggregateCollapsed) {\r\n return;\r\n }\r\n\r\n // TODO: try moving iterating over groups into compiled accumulator\r\n var totals = new Slick.GroupTotals();\r\n var agg, idx = aggregators.length;\r\n while (idx--) {\r\n agg = aggregators[idx];\r\n agg.init();\r\n compiledAccumulators[idx].call(agg, group.rows);\r\n agg.storeResult(totals);\r\n }\r\n totals.group = group;\r\n group.totals = totals;\r\n }\r\n\r\n function calculateTotals(groups) {\r\n var idx = groups.length;\r\n while (idx--) {\r\n calculateGroupTotals(groups[idx]);\r\n }\r\n }\r\n\r\n function finalizeGroups(groups) {\r\n var idx = groups.length, g;\r\n while (idx--) {\r\n g = groups[idx];\r\n g.collapsed = (g.value in collapsedGroups);\r\n g.title = groupingFormatter ? groupingFormatter(g) : g.value;\r\n }\r\n }\r\n\r\n function flattenGroupedRows(groups) {\r\n var groupedRows = [], gl = 0, g;\r\n for (var i = 0, l = groups.length; i < l; i++) {\r\n g = groups[i];\r\n groupedRows[gl++] = g;\r\n\r\n if (!g.collapsed) {\r\n for (var j = 0, jj = g.rows.length; j < jj; j++) {\r\n groupedRows[gl++] = g.rows[j];\r\n }\r\n }\r\n\r\n if (g.totals && (!g.collapsed || aggregateCollapsed)) {\r\n groupedRows[gl++] = g.totals;\r\n }\r\n }\r\n return groupedRows;\r\n }\r\n\r\n function getFunctionInfo(fn) {\r\n var fnRegex = /^function[^(]*\\(([^)]*)\\)\\s*{([\\s\\S]*)}$/;\r\n var matches = fn.toString().match(fnRegex);\r\n return {\r\n params: matches[1].split(\",\"),\r\n body: matches[2]\r\n };\r\n }\r\n\r\n function compileFilter() {\r\n var filterInfo = getFunctionInfo(filter);\r\n\r\n var filterBody = filterInfo.body\r\n .replace(/return false[;}]/gi, \"{ continue _coreloop; }\")\r\n .replace(/return true[;}]/gi, \"{ _retval[_idx++] = $item$; continue _coreloop; }\")\r\n .replace(/return ([^;}]+?);/gi,\r\n \"{ if ($1) { _retval[_idx++] = $item$; }; continue _coreloop; }\");\r\n\r\n // This preserves the function template code after JS compression,\r\n // so that replace() commands still work as expected.\r\n var tpl = [\r\n //\"function(_items, _args) { \",\r\n \"var _retval = [], _idx = 0; \",\r\n \"var $item$, $args$ = _args; \",\r\n \"_coreloop: \",\r\n \"for (var _i = 0, _il = _items.length; _i < _il; _i++) { \",\r\n \"$item$ = _items[_i]; \",\r\n \"$filter$; \",\r\n \"} \",\r\n \"return _retval; \"\r\n //\"}\"\r\n ].join(\"\");\r\n tpl = tpl.replace(/\\$filter\\$/gi, filterBody);\r\n tpl = tpl.replace(/\\$item\\$/gi, filterInfo.params[0]);\r\n tpl = tpl.replace(/\\$args\\$/gi, filterInfo.params[1]);\r\n\r\n var fn = new Function(\"_items,_args\", tpl);\r\n fn.displayName = fn.name = \"compiledFilter\";\r\n return fn;\r\n }\r\n\r\n function compileFilterWithCaching() {\r\n var filterInfo = getFunctionInfo(filter);\r\n\r\n var filterBody = filterInfo.body\r\n .replace(/return false[;}]/gi, \"{ continue _coreloop; }\")\r\n .replace(/return true[;}]/gi, \"{ _cache[_i] = true;_retval[_idx++] = $item$; continue _coreloop; }\")\r\n .replace(/return ([^;}]+?);/gi,\r\n \"{ if ((_cache[_i] = $1)) { _retval[_idx++] = $item$; }; continue _coreloop; }\");\r\n\r\n // This preserves the function template code after JS compression,\r\n // so that replace() commands still work as expected.\r\n var tpl = [\r\n //\"function(_items, _args, _cache) { \",\r\n \"var _retval = [], _idx = 0; \",\r\n \"var $item$, $args$ = _args; \",\r\n \"_coreloop: \",\r\n \"for (var _i = 0, _il = _items.length; _i < _il; _i++) { \",\r\n \"$item$ = _items[_i]; \",\r\n \"if (_cache[_i]) { \",\r\n \"_retval[_idx++] = $item$; \",\r\n \"continue _coreloop; \",\r\n \"} \",\r\n \"$filter$; \",\r\n \"} \",\r\n \"return _retval; \"\r\n //\"}\"\r\n ].join(\"\");\r\n tpl = tpl.replace(/\\$filter\\$/gi, filterBody);\r\n tpl = tpl.replace(/\\$item\\$/gi, filterInfo.params[0]);\r\n tpl = tpl.replace(/\\$args\\$/gi, filterInfo.params[1]);\r\n\r\n var fn = new Function(\"_items,_args,_cache\", tpl);\r\n fn.displayName = fn.name = \"compiledFilterWithCaching\";\r\n return fn;\r\n }\r\n\r\n function uncompiledFilter(items, args) {\r\n var retval = [], idx = 0;\r\n\r\n for (var i = 0, ii = items.length; i < ii; i++) {\r\n if (filter(items[i], args)) {\r\n retval[idx++] = items[i];\r\n }\r\n }\r\n\r\n return retval;\r\n }\r\n\r\n function uncompiledFilterWithCaching(items, args, cache) {\r\n var retval = [], idx = 0, item;\r\n\r\n for (var i = 0, ii = items.length; i < ii; i++) {\r\n item = items[i];\r\n if (cache[i]) {\r\n retval[idx++] = item;\r\n } else if (filter(item, args)) {\r\n retval[idx++] = item;\r\n cache[i] = true;\r\n }\r\n }\r\n\r\n return retval;\r\n }\r\n\r\n function getFilteredAndPagedItems(items) {\r\n if (filter) {\r\n var batchFilter = options.inlineFilters ? compiledFilter : uncompiledFilter;\r\n var batchFilterWithCaching = options.inlineFilters ? compiledFilterWithCaching : uncompiledFilterWithCaching;\r\n\r\n if (refreshHints.isFilterNarrowing) {\r\n filteredItems = batchFilter(filteredItems, filterArgs);\r\n } else if (refreshHints.isFilterExpanding) {\r\n filteredItems = batchFilterWithCaching(items, filterArgs, filterCache);\r\n } else if (!refreshHints.isFilterUnchanged) {\r\n filteredItems = batchFilter(items, filterArgs);\r\n }\r\n } else {\r\n // special case: if not filtering and not paging, the resulting\r\n // rows collection needs to be a copy so that changes due to sort\r\n // can be caught\r\n filteredItems = pagesize ? items : items.concat();\r\n }\r\n\r\n // get the current page\r\n var paged;\r\n if (pagesize) {\r\n if (filteredItems.length < pagenum * pagesize) {\r\n pagenum = Math.floor(filteredItems.length / pagesize);\r\n }\r\n paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);\r\n } else {\r\n paged = filteredItems;\r\n }\r\n\r\n return {totalRows: filteredItems.length, rows: paged};\r\n }\r\n\r\n function getRowDiffs(rows, newRows) {\r\n var item, r, eitherIsNonData, diff = [];\r\n var from = 0, to = newRows.length;\r\n\r\n if (refreshHints && refreshHints.ignoreDiffsBefore) {\r\n from = Math.max(0,\r\n Math.min(newRows.length, refreshHints.ignoreDiffsBefore));\r\n }\r\n\r\n if (refreshHints && refreshHints.ignoreDiffsAfter) {\r\n to = Math.min(newRows.length,\r\n Math.max(0, refreshHints.ignoreDiffsAfter));\r\n }\r\n\r\n for (var i = from, rl = rows.length; i < to; i++) {\r\n if (i >= rl) {\r\n diff[diff.length] = i;\r\n } else {\r\n item = newRows[i];\r\n r = rows[i];\r\n\r\n if ((groupingGetter && (eitherIsNonData = (item.__nonDataRow) || (r.__nonDataRow)) &&\r\n item.__group !== r.__group ||\r\n item.__updated ||\r\n item.__group && !item.equals(r))\r\n || (aggregators && eitherIsNonData &&\r\n // no good way to compare totals since they are arbitrary DTOs\r\n // deep object comparison is pretty expensive\r\n // always considering them 'dirty' seems easier for the time being\r\n (item.__groupTotals || r.__groupTotals))\r\n || item[idProperty] != r[idProperty]\r\n || (updated && updated[item[idProperty]])\r\n ) {\r\n diff[diff.length] = i;\r\n }\r\n }\r\n }\r\n return diff;\r\n }\r\n\r\n function recalc(_items) {\r\n rowsById = null;\r\n\r\n if (refreshHints.isFilterNarrowing != prevRefreshHints.isFilterNarrowing ||\r\n refreshHints.isFilterExpanding != prevRefreshHints.isFilterExpanding) {\r\n filterCache = [];\r\n }\r\n\r\n var filteredItems = getFilteredAndPagedItems(_items);\r\n totalRows = filteredItems.totalRows;\r\n var newRows = filteredItems.rows;\r\n\r\n groups = [];\r\n if (groupingGetter != null) {\r\n groups = extractGroups(newRows);\r\n if (groups.length) {\r\n finalizeGroups(groups);\r\n if (aggregators) {\r\n calculateTotals(groups);\r\n }\r\n groups.sort(groupingComparer);\r\n newRows = flattenGroupedRows(groups);\r\n }\r\n }\r\n\r\n var diff = getRowDiffs(rows, newRows);\r\n\r\n rows = newRows;\r\n\r\n return diff;\r\n }\r\n\r\n function refresh() {\r\n if (suspend) {\r\n return;\r\n }\r\n\r\n var countBefore = rows.length;\r\n var totalRowsBefore = totalRows;\r\n\r\n var diff = recalc(items, filter); // pass as direct refs to avoid closure perf hit\r\n\r\n // if the current page is no longer valid, go to last page and recalc\r\n // we suffer a performance penalty here, but the main loop (recalc) remains highly optimized\r\n if (pagesize && totalRows < pagenum * pagesize) {\r\n pagenum = Math.max(0, Math.ceil(totalRows / pagesize) - 1);\r\n diff = recalc(items, filter);\r\n }\r\n\r\n updated = null;\r\n prevRefreshHints = refreshHints;\r\n refreshHints = {};\r\n\r\n if (totalRowsBefore != totalRows) {\r\n onPagingInfoChanged.notify(getPagingInfo(), null, self);\r\n }\r\n if (countBefore != rows.length) {\r\n onRowCountChanged.notify({previous: countBefore, current: rows.length}, null, self);\r\n }\r\n if (diff.length > 0) {\r\n onRowsChanged.notify({rows: diff}, null, self);\r\n }\r\n }\r\n\r\n function syncGridSelection(grid, preserveHidden) {\r\n var self = this;\r\n var selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());\r\n var inHandler;\r\n\r\n function update() {\r\n if (selectedRowIds.length > 0) {\r\n inHandler = true;\r\n var selectedRows = self.mapIdsToRows(selectedRowIds);\r\n if (!preserveHidden) {\r\n selectedRowIds = self.mapRowsToIds(selectedRows);\r\n }\r\n grid.setSelectedRows(selectedRows);\r\n inHandler = false;\r\n }\r\n }\r\n\r\n grid.onSelectedRowsChanged.subscribe(function(e, args) {\r\n if (inHandler) { return; }\r\n selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());\r\n });\r\n\r\n this.onRowsChanged.subscribe(update);\r\n\r\n this.onRowCountChanged.subscribe(update);\r\n }\r\n\r\n function syncGridCellCssStyles(grid, key) {\r\n var hashById;\r\n var inHandler;\r\n\r\n // since this method can be called after the cell styles have been set,\r\n // get the existing ones right away\r\n storeCellCssStyles(grid.getCellCssStyles(key));\r\n\r\n function storeCellCssStyles(hash) {\r\n hashById = {};\r\n for (var row in hash) {\r\n var id = rows[row][idProperty];\r\n hashById[id] = hash[row];\r\n }\r\n }\r\n\r\n function update() {\r\n if (hashById) {\r\n inHandler = true;\r\n ensureRowsByIdCache();\r\n var newHash = {};\r\n for (var id in hashById) {\r\n var row = rowsById[id];\r\n if (row != undefined) {\r\n newHash[row] = hashById[id];\r\n }\r\n }\r\n grid.setCellCssStyles(key, newHash);\r\n inHandler = false;\r\n }\r\n }\r\n\r\n grid.onCellCssStylesChanged.subscribe(function(e, args) {\r\n if (inHandler) { return; }\r\n if (key != args.key) { return; }\r\n if (args.hash) {\r\n storeCellCssStyles(args.hash);\r\n }\r\n });\r\n\r\n this.onRowsChanged.subscribe(update);\r\n\r\n this.onRowCountChanged.subscribe(update);\r\n }\r\n\r\n return {\r\n // methods\r\n \"beginUpdate\": beginUpdate,\r\n \"endUpdate\": endUpdate,\r\n \"setPagingOptions\": setPagingOptions,\r\n \"getPagingInfo\": getPagingInfo,\r\n \"getItems\": getItems,\r\n \"setItems\": setItems,\r\n \"setFilter\": setFilter,\r\n \"sort\": sort,\r\n \"reSort\": reSort,\r\n \"groupBy\": groupBy,\r\n \"collapseGroup\": collapseGroup,\r\n \"expandGroup\": expandGroup,\r\n \"getGroups\": getGroups,\r\n \"getIdxById\": getIdxById,\r\n \"getRowById\": getRowById,\r\n \"getItemById\": getItemById,\r\n \"getItemByIdx\": getItemByIdx,\r\n \"mapRowsToIds\": mapRowsToIds,\r\n \"mapIdsToRows\": mapIdsToRows,\r\n \"setRefreshHints\": setRefreshHints,\r\n \"setFilterArgs\": setFilterArgs,\r\n \"refresh\": refresh,\r\n \"updateItem\": updateItem,\r\n \"insertItem\": insertItem,\r\n \"addItem\": addItem,\r\n \"deleteItem\": deleteItem,\r\n \"syncGridSelection\": syncGridSelection,\r\n \"syncGridCellCssStyles\": syncGridCellCssStyles,\r\n\r\n // data provider methods\r\n \"getLength\": getLength,\r\n \"getItem\": getItem,\r\n \"getItemMetadata\": getItemMetadata,\r\n\r\n // events\r\n \"onRowCountChanged\": onRowCountChanged,\r\n \"onRowsChanged\": onRowsChanged,\r\n \"onPagingInfoChanged\": onPagingInfoChanged\r\n };\r\n }\r\n\r\n\r\n})(jQuery);","/* global Slick jQuery */\r\n\r\n(function ($) {\r\n // register namespace\r\n $.extend(true, window, {\r\n \"Slick\": {\r\n \"RowSelectionModel\": RowSelectionModel\r\n }\r\n });\r\n\r\n function RowSelectionModel(options) {\r\n var _grid;\r\n var _ranges = [];\r\n var _self = this;\r\n var _handler = new Slick.EventHandler();\r\n var _inHandler;\r\n var _options;\r\n var _defaults = {\r\n selectActiveRow: true\r\n };\r\n\r\n function init(grid) {\r\n _options = $.extend(true, {}, _defaults, options);\r\n _grid = grid;\r\n _handler.subscribe(_grid.onActiveCellChanged,\r\n wrapHandler(handleActiveCellChange));\r\n _handler.subscribe(_grid.onKeyDown,\r\n wrapHandler(handleKeyDown));\r\n _handler.subscribe(_grid.onClick,\r\n wrapHandler(handleClick));\r\n }\r\n\r\n function destroy() {\r\n _handler.unsubscribeAll();\r\n }\r\n\r\n function wrapHandler(handler) {\r\n return function () {\r\n if (!_inHandler) {\r\n _inHandler = true;\r\n handler.apply(this, arguments);\r\n _inHandler = false;\r\n }\r\n };\r\n }\r\n\r\n function rangesToRows(ranges) {\r\n var rows = [];\r\n for (var i = 0; i < ranges.length; i++) {\r\n for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {\r\n rows.push(j);\r\n }\r\n }\r\n return rows;\r\n }\r\n\r\n function rowsToRanges(rows) {\r\n var ranges = [];\r\n var lastCell = _grid.getColumns().length - 1;\r\n for (var i = 0; i < rows.length; i++) {\r\n ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));\r\n }\r\n return ranges;\r\n }\r\n\r\n function getRowsRange(from, to) {\r\n var i, rows = [];\r\n for (i = from; i <= to; i++) {\r\n rows.push(i);\r\n }\r\n for (i = to; i < from; i++) {\r\n rows.push(i);\r\n }\r\n return rows;\r\n }\r\n\r\n function getSelectedRows() {\r\n return rangesToRows(_ranges);\r\n }\r\n\r\n function setSelectedRows(rows) {\r\n setSelectedRanges(rowsToRanges(rows));\r\n }\r\n\r\n function setSelectedRanges(ranges) {\r\n _ranges = ranges;\r\n _self.onSelectedRangesChanged.notify(_ranges);\r\n }\r\n\r\n function getSelectedRanges() {\r\n return _ranges;\r\n }\r\n\r\n function handleActiveCellChange(e, data) {\r\n if (_options.selectActiveRow && data.row != null) {\r\n setSelectedRanges([new Slick.Range(data.row, 0, data.row, _grid.getColumns().length - 1)]);\r\n }\r\n }\r\n\r\n function handleKeyDown(e) {\r\n var activeRow = _grid.getActiveCell();\r\n if (activeRow && e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey && (e.which == 38 || e.which == 40)) {\r\n var selectedRows = getSelectedRows();\r\n selectedRows.sort(function (x, y) {\r\n return x - y\r\n });\r\n\r\n if (!selectedRows.length) {\r\n selectedRows = [activeRow.row];\r\n }\r\n\r\n var top = selectedRows[0];\r\n var bottom = selectedRows[selectedRows.length - 1];\r\n var active;\r\n\r\n if (e.which == 40) {\r\n active = activeRow.row < bottom || top == bottom ? ++bottom : ++top;\r\n } else {\r\n active = activeRow.row < bottom ? --bottom : --top;\r\n }\r\n\r\n if (active >= 0 && active < _grid.getDataLength()) {\r\n _grid.scrollRowIntoView(active);\r\n _ranges = rowsToRanges(getRowsRange(top, bottom));\r\n setSelectedRanges(_ranges);\r\n }\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n }\r\n\r\n function handleClick(e) {\r\n var cell = _grid.getCellFromEvent(e);\r\n if (!cell || !_grid.canCellBeActive(cell.row, cell.cell)) {\r\n return false;\r\n }\r\n\r\n var selection = rangesToRows(_ranges);\r\n var idx = $.inArray(cell.row, selection);\r\n\r\n if (!e.ctrlKey && !e.shiftKey && !e.metaKey) {\r\n return false;\r\n }\r\n else if (_grid.getOptions().multiSelect) {\r\n if (idx === -1 && (e.ctrlKey || e.metaKey)) {\r\n selection.push(cell.row);\r\n _grid.setActiveCell(cell.row, cell.cell);\r\n } else if (idx !== -1 && (e.ctrlKey || e.metaKey)) {\r\n selection = $.grep(selection, function (o, i) {\r\n return (o !== cell.row);\r\n });\r\n _grid.setActiveCell(cell.row, cell.cell);\r\n } else if (selection.length && e.shiftKey) {\r\n var last = selection.pop();\r\n var from = Math.min(cell.row, last);\r\n var to = Math.max(cell.row, last);\r\n selection = [];\r\n for (var i = from; i <= to; i++) {\r\n if (i !== last) {\r\n selection.push(i);\r\n }\r\n }\r\n selection.push(last);\r\n _grid.setActiveCell(cell.row, cell.cell);\r\n }\r\n }\r\n\r\n _ranges = rowsToRanges(selection);\r\n setSelectedRanges(_ranges);\r\n e.stopImmediatePropagation();\r\n\r\n return true;\r\n }\r\n\r\n $.extend(this, {\r\n \"getSelectedRows\": getSelectedRows,\r\n \"setSelectedRows\": setSelectedRows,\r\n\r\n \"getSelectedRanges\": getSelectedRanges,\r\n \"setSelectedRanges\": setSelectedRanges,\r\n\r\n \"init\": init,\r\n \"destroy\": destroy,\r\n\r\n \"onSelectedRangesChanged\": new Slick.Event()\r\n });\r\n }\r\n})(jQuery);","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.ProgressBar = function() {\r\n var doc = document;\r\n \r\n var container = doc.createElement( \"div\");\r\n var txt = doc.createElement( \"p\");\r\n var bar = doc.createElement( \"div\");\r\n var fill = doc.createElement( \"span\");\r\n \r\n container.className = \"barContainer\";\r\n bar.className = \"progressFX-bar\";\r\n txt.className = \"progress-text\";\r\n txt.textContent = \"P\";\r\n fill.textContent = \"P\";\r\n \r\n bar.appendChild( fill);\r\n container.appendChild( txt);\r\n container.appendChild( bar);\r\n \r\n return {\r\n bar: container,\r\n text: txt,\r\n fill: function( value) {\r\n fill.style.width = ( value * bar.clientWidth) + \"px\";\r\n }\r\n };\r\n};\r\n \r\n\r\n","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.adbanner = function() {\r\n var elemById = expocadfx.element.elementById;\r\n var FxEvent = expocadfx.fxevent;\r\n\r\n var arAds = [];\r\n var adInterval = 1000;\r\n var firstAd = 0;\r\n var lastAd = 0;\r\n var pendingAd = 0;\r\n var usedWidth = 10;\r\n var timerId = null;\r\n var totalAds = 0;\r\n var displayedAds = 0;\r\n \r\n var ftr = elemById( \"ftr\");\r\n var footerText = elemById( \"ftrTxt\");\r\n var doc = document;\r\n var banner = doc.createElement( \"div\");\r\n banner.setAttribute( \"class\", \"ftr_images\");\r\n \r\n ftr.insertBefore( banner, footerText);\r\n \r\n function initAds() {\r\n totalAds = arAds.length;\r\n arAds[0].imgElement = createAdImg( 0);\r\n \r\n document.addEventListener( \"visibilitychange\", function() {\r\n if( timerId !== null) {\r\n if( document.hidden) {\r\n clearTimeout( timerId);\r\n }\r\n else {\r\n timerId = setTimeout( updateBanner, adInterval);\r\n }\r\n }\r\n });\r\n }\r\n \r\n function createAdImg( index) {\r\n var ad = doc.createElement( \"img\");\r\n ad.setAttribute( \"data-index\", index);\r\n ad.setAttribute( \"class\", \"ftr_img\");\r\n ad.style.visibility = \"hidden\";\r\n ad.src = arAds[index].source;\r\n ad.title = arAds[index].toolTip;\r\n // Attach new ad to body to get event and size;\r\n doc.body.appendChild( ad);\r\n\t\t\r\n ad.onload = imgLoaded;\r\n ad.addEventListener( \"error\", errorHandler);\r\n return ad;\r\n }\r\n \r\n function imgLoaded( evt) {\r\n var index = evt.target.getAttribute( \"data-index\");\r\n var ad = arAds[index].imgElement;\r\n arAds[index].width = ad.offsetWidth + 12;\r\n ad.style.visibility = \"visible\";\r\n \r\n if( usedWidth + ad.offsetWidth + 12 < ftr.clientWidth) {\r\n usedWidth += ad.offsetWidth + 12;\r\n banner.appendChild( ad);\r\n displayedAds += 1;\r\n lastAd = ad.getAttribute( \"data-index\");\r\n another();\r\n }\r\n else {\r\n doc.body.removeChild( ad);\r\n if( timerId !== null ) {\r\n window.clearTimeout( timerId);\r\n }\r\n timerId = setTimeout( updateBanner, adInterval);\r\n }\r\n ad.addEventListener( \"click\", clickHandler);\r\n }\r\n \r\n function errorHandler( evt) {\r\n var index = evt.target.getAttribute( \"data-index\");\r\n\t\tdoc.body.removeChild( arAds[index].imgElement);\r\n arAds[index].failed = true;\r\n lastAd = evt.target.getAttribute( \"data-index\");\r\n totalAds -= 1;\r\n another();\r\n }\r\n\r\n function another() {\r\n var count = 0;\r\n if( totalAds <= displayedAds) {\r\n return;\r\n }\r\n pendingAd = lastAd;\r\n if( typeof( pendingAd) === \"string\") {\r\n pendingAd = parseInt(pendingAd, 10);\r\n }\r\n pendingAd = updateCount( pendingAd);\r\n \r\n while( arAds[pendingAd].failed ) {\r\n pendingAd = updateCount( pendingAd);\r\n count += 1;\r\n if( count > 20) {\r\n return;\r\n }\r\n }\r\n \r\n if( pendingAd === parseInt( lastAd, 10)) {\r\n return;\r\n }\r\n \r\n if( arAds[pendingAd].imgElement === null) {\r\n arAds[pendingAd].imgElement = createAdImg( pendingAd);\r\n }\r\n else {\r\n if( usedWidth + arAds[ pendingAd].width + 4 < ftr.clientWidth) {\r\n banner.appendChild( arAds[ pendingAd].imgElement);\r\n displayedAds += 1;\r\n usedWidth += arAds[ pendingAd].width;\r\n lastAd = arAds[ pendingAd].index;\r\n another();\t\t // is there room for more\r\n }\r\n }\r\n }\r\n \r\n function updateCount( pointer) {\r\n pointer += 1;\r\n if( pointer === arAds.length) {\r\n pointer = 0;\r\n }\r\n return pointer;\r\n }\r\n \r\n function updateBanner() {\r\n if( !document.hidden) {\r\n while( arAds[firstAd].failed) {\r\n firstAd = updateCount( firstAd);\r\n }\r\n var img = arAds[firstAd].imgElement;\r\n \r\n if( totalAds > displayedAds || usedWidth > ftr.clientWidth) {\r\n banner.removeChild( img);\r\n usedWidth -= arAds[firstAd].width;\r\n displayedAds -= 1;\r\n firstAd = updateCount( firstAd);\r\n while( arAds[firstAd].failed) {\r\n firstAd = updateCount( firstAd);\r\n }\r\n another();\r\n }\r\n }\r\n timerId = setTimeout( updateBanner, adInterval);\r\n }\r\n \r\n function resize() {\r\n while( usedWidth > ftr.clientWidth) {\r\n banner.removeChild( arAds[firstAd].imgElement);\r\n usedWidth -= arAds[firstAd].width;\r\n displayedAds -= 1;\r\n firstAd = updateCount( firstAd);\r\n while( arAds[firstAd].failed) {\r\n firstAd = updateCount( firstAd);\r\n }\r\n }\r\n timerId = setTimeout( updateBanner, adInterval);\r\n }\r\n \r\n function clickHandler( evt) {\r\n var index = evt.target.getAttribute( \"data-index\");\r\n var ad = arAds[index];\r\n var obj = {\r\n \"boothNumber\" : ad.zoomTo,\r\n \"imgSource\" : ad.source,\r\n \"name\" : ad.name,\r\n \"url\" : ad.navTo\r\n };\r\n document.dispatchEvent( new FxEvent( \"Ad_Click\", obj));\r\n }\r\n \r\n return {\r\n arAds: arAds,\r\n initAds : initAds,\r\n resize : resize,\r\n setAdInterval : function( value) {\r\n adInterval = value * 1000;\r\n }\r\n };\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.Dialog = function( config, parentElement, overlayElement) {\r\n var FxEvent = expocadfx.fxevent;\r\n var fxStyle = expocadfx.styles;\r\n var doc = window.document;\r\n var parent = parentElement;\r\n var mask = overlayElement;\r\n var lastX = 0;\r\n var lastY = 0;\r\n var i = 0;\r\n var dialogWidth = Math.min( config.width, doc.documentElement.clientWidth -8);\r\n var dialogHeight = Math.min( config.height, doc.documentElement.clientHeight -8);\r\n var contentHeight = dialogHeight - 33;\r\n \r\n var dialog = doc.createElement( \"div\");\r\n var header = doc.createElement( \"div\");\r\n var contentArea = doc.createElement( \"div\");\r\n var action = doc.createElement( \"div\");\r\n var but = null;\r\n \r\n dialog.className = \"dialog\";\r\n parent.appendChild( dialog);\r\n \r\n if( config.posX + dialogWidth > doc.documentElement.clientWidth) {\r\n config.posX = 4;\r\n }\r\n if( config.posY + dialogHeight > doc.documentElement.clientHeight) {\r\n config.posY = 4;\r\n }\r\n dialog.style.left = config.posX + \"px\";\r\n dialog.style.top = config.posY + \"px\";\r\n \r\n dialog.style.width = dialogWidth + \"px\";\r\n dialog.style.height = dialogHeight + \"px\";\r\n \r\n header.className = \"dialog__header unselectable\";\r\n dialog.appendChild( header);\r\n header.textContent = config.title;\r\n header.style.color = config.headerTextColor;\r\n \r\n header.style.backgroundColor = config.headerBackgroudColor;\r\n\r\n\r\n dialog.style.backgroundColor = fxStyle.rows.clrEvenBg;\r\n dialog.style.color = fxStyle.rows.clrEvenText;\r\n \r\n if( config.cancelLabel !== null) {\r\n contentHeight -= 52;\r\n }\r\n \r\n contentArea.className = \"dialog__content scrollbar\";\r\n dialog.appendChild( contentArea);\r\n \r\n contentArea.style.height = contentHeight + \"px\";\r\n \r\n action.className = \"dialog__actions\";\r\n dialog.appendChild( action);\r\n \r\n if( config.rightButton) {\r\n// add 'right' button before (to right of) close/cancel button\r\n but = doc.createElement( \"button\");\r\n but.className = \"right\";\r\n but.textContent = config.rightButton.label;\r\n but.setAttribute( \"id\", config.rightButton.id);\r\n action.appendChild( but);\r\n }\r\n // ?? miniMap with no close button or any actions ??\r\n //readded mini map\r\n // if( config.cancelLabel !== null) {\r\n but = doc.createElement( \"button\");\r\n but.className = \"right closeBtn\";\r\n but.textContent = config.cancelLabel;\r\n action.appendChild( but);\r\n but.addEventListener( \"click\", closeDialog);\r\n\r\n but2 = doc.createElement(\"button\");\r\n // using an icon instead of \"X\" string\r\n but2icon = doc.createElement(\"i\");\r\n but2icon.className = \"fas fa-times mapCloseIcon\";\r\n but2.className = \"Xtop closeBtn\";\r\n but2.textContent = \"\";\r\n but2.appendChild(but2icon);\r\n action.appendChild(but2);\r\n but2.addEventListener(\"click\", closeDialog);\r\n\r\n // }\r\n if( config.leftButtons) {\r\n //create buttons for left side and add function or event for each\r\n for( i = 0; i < config.leftButtons.length; i++) {\r\n but = doc.createElement( \"button\");\r\n but.className = \"left\";\r\n but.textContent = config.leftButtons[i].label;\r\n but.setAttribute( \"id\", config.leftButtons[i].id);\r\n action.appendChild( but);\r\n }\r\n }\r\n \r\n if( config.draggable) {\r\n header.addEventListener( \"pointerdown\", dragStart);\r\n header.addEventListener( \"mousedown\", dragStart);\r\n header.addEventListener( \"touchstart\", dragStart);\r\n }\r\n else {\r\n mask.style.display = \"block\";\r\n }\r\n \r\n function dragStart( evt) {\r\n evt.preventDefault();\r\n if( evt.type === \"touchstart\") {\r\n lastX = evt.touches[0].clientX;\r\n lastY = evt.touches[0].clientY;\r\n }\r\n else {\r\n lastX = evt.pageX;\r\n lastY = evt.pageY;\r\n }\r\n mask.style.display = \"block\";\r\n document.addEventListener( \"pointermove\", dragMove);\r\n document.addEventListener( \"mousemove\", dragMove);\r\n document.addEventListener( \"touchmove\", dragMove);\r\n document.addEventListener( \"pointerup\", dragEnd);\r\n document.addEventListener( \"mouseup\", dragEnd);\r\n document.addEventListener( \"touchend\", dragEnd);\r\n// document.addEventListener( \"mouseout\", dragEnd);\r\n return false;\r\n }\r\n \r\n function dragMove( evt) {\r\n evt.preventDefault();\r\n var dx = 0;\r\n var dy = 0;\r\n \r\n if( evt.type === \"touchmove\") {\r\n dx = evt.touches[0].clientX - lastX;\r\n dy = evt.touches[0].clientY - lastY;\r\n }\r\n else {\r\n dx = evt.pageX - lastX;\r\n dy = evt.pageY - lastY;\r\n }\r\n if( Math.abs(dx) + Math.abs(dy) < 10) {\r\n return; // didn't move enough to be a drag\r\n }\r\n // check bounds\r\n if( dialog.offsetLeft + dialog.offsetWidth + dx > parent.clientWidth) {\r\n dx = parent.clientWidth - dialog.offsetLeft - dialog.offsetWidth;\r\n }\r\n if( dialog.offsetTop + dialog.offsetHeight + dy > parent.clientHeight) {\r\n dy = parent.clientHeight - dialog.offsetTop - dialog.offsetHeight;\r\n }\r\n if( dialog.offsetLeft + dx < 0) {\r\n dx = dialog.offsetLeft;\r\n }\r\n if( dialog.offsetTop + dy < 0) {\r\n dy = dialog.offsetTop;\r\n }\r\n dialog.style.left = dialog.offsetLeft + dx + \"px\";\r\n dialog.style.top = dialog.offsetTop + dy + \"px\";\r\n \r\n if( evt.type === \"touchstart\") {\r\n lastX = evt.touches[0].clientX;\r\n lastY = evt.touches[0].clientY;\r\n }\r\n else {\r\n lastX = evt.pageX;\r\n lastY = evt.pageY;\r\n }\r\n \r\n dialog.dispatchEvent( new FxEvent( \"Dialog_Moved\", {}));\r\n }\r\n \r\n function dragEnd() {\r\n document.removeEventListener( \"pointermove\", dragMove);\r\n document.removeEventListener( \"mousemove\", dragMove);\r\n document.removeEventListener( \"touchmove\", dragMove);\r\n document.removeEventListener( \"pointerup\", dragEnd);\r\n document.removeEventListener( \"mouseup\", dragEnd);\r\n document.removeEventListener( \"touchend\", dragEnd);\r\n// document.removeEventListener( \"mouseout\", dragEnd);\r\n mask.style.display = \"none\";\r\n }\r\n \r\n function closeDialog() {\r\n mask.style.display = \"none\";\r\n dialog.style.display = \"none\";\r\n dialog.dispatchEvent( new FxEvent( \"Dialog_Closed\", {}));\r\n }\r\n \r\n function openDialog() {\r\n if( !config.draggable) {\r\n mask.style.display = \"block\";\r\n }\r\n dialog.style.display = \"block\";\r\n }\r\n \r\n return {\r\n window: dialog,\r\n header: header,\r\n close: closeDialog,\r\n action:action,\r\n content: contentArea,\r\n\t\topen: openDialog\r\n };\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.HelpWindow = function( txt, fxStyle) {\r\n var Dialog = expocadfx.Dialog;\r\n var data = expocadfx.fxData;\r\n var elemById = expocadfx.element.elementById;\r\n var body = document.getElementsByTagName( \"body\")[0];\r\n \r\n var dialog = null;\r\n var obj = {\r\n title: txt.HELP_TITLE,\r\n headerBackgroudColor: fxStyle.windowHeader.clrBg !== \"\" ? \r\n fxStyle.windowHeader.clrBg : fxStyle.mainHeader.clrBg,\r\n headerTextColor: fxStyle.windowHeader.clrText !== \"\" ? \r\n fxStyle.windowHeader.clrText : fxStyle.mainHeader.clrText,\r\n cancelLabel: txt.CLOSE,\r\n width: 300,\r\n height: 360,\r\n padding: 10,\r\n posX: data.viewportWidth - 300 - 28,\r\n posY: data.viewportHeight - 360 - 20,\r\n draggable: true\r\n };\r\n \r\n if( fxStyle.windowHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.windowHeader.gradBg;\r\n }\r\n else {\r\n if( fxStyle.windowHeader.clrBg === \"\" && fxStyle.mainHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.mainHeader.gradBg;\r\n }\r\n }\r\n // window size change, orientation change ????\r\n \r\n function helpHeading( value) {\r\n var element = document.createElement( \"h6\");\r\n element.style.fontWeight = \"500\";\r\n element.style.fontSize = \"20px\";\r\n element.style.letterSpacing = \"0.15px\";\r\n element.style.margin = \"10px 0 5px\";\r\n element.textContent = value;\r\n return element;\r\n }\r\n \r\n function helpSegment( value) {\r\n var element = document.createElement( \"p\");\r\n element.style.fontSize = \"14px\";\r\n element.style.paddingBottom = '10px';\r\n element.textContent = value;\r\n return element;\r\n }\r\n \r\n \r\n dialog = new Dialog( obj, body, elemById(\"mask\"));\r\n\r\n dialog.content.style.padding = \"0px 10px 5px\";\r\n\r\n dialog.content.appendChild( helpHeading( txt.HELP_ZOOM_H));\r\n dialog.content.appendChild( helpSegment( txt.HELP_ZOOM_T));\r\n\r\n dialog.content.appendChild( helpHeading( txt.HELP_PAN_H));\r\n dialog.content.appendChild( helpSegment( txt.HELP_PAN_T));\r\n\r\n dialog.content.appendChild( helpHeading( txt.HELP_EXHIBITOR_H));\r\n dialog.content.appendChild( helpSegment( txt.HELP_EXHIBITOR_T));\r\n\r\n dialog.content.appendChild( helpHeading( txt.HELP_SEARCH_H));\r\n dialog.content.appendChild( helpSegment( txt.HELP_SEARCH_T));\r\n\r\n dialog.content.appendChild( helpHeading( txt.HELP_FAVORITES_H));\r\n dialog.content.appendChild( helpSegment( txt.HELP_FAVORITES_T));\r\n \r\n return dialog;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.ExhibitorWindow = function( txt, fxStyle) {\r\n var Dialog = expocadfx.Dialog;\r\n var data = expocadfx.fxData;\r\n var config = expocadfx.config;\r\n var util = expocadfx.util;\r\n var elemById = expocadfx.element.elementById;\r\n \r\n var body = document.getElementsByTagName( \"body\")[0];\r\n var exhForm = elemById( \"exhibitorInfo\");\r\n var dialog = null;\r\n var i = 0;\r\n // print button is optional !!!???\r\n var leftButtons = [];\r\n if( config.bPopUpShare) {\r\n leftButtons.push( { id:\"ei_email\", label:String.fromCharCode( 0xf1e0) });\r\n }\r\n if( config.bPopUpPrint) {\r\n leftButtons.push( { id:\"ei_print\", label:String.fromCharCode( 0xf02f) });\r\n }\r\n var shareContainer = document.createElement('ul');\r\n if (location.protocol !== 'https:' && location.hostname !== \"localhost\"){\r\n shareContainer.innerHTML = \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\";\r\n } else {\r\n shareContainer.innerHTML = \"\" +\r\n \"\" +\r\n \"\" +\r\n \"\";\r\n }\r\n\r\n var obj = {\r\n title: txt.EXHIBITOR_INFO,\r\n headerBackgroudColor: fxStyle.windowHeader.clrBg !== \"\" ? \r\n fxStyle.windowHeader.clrBg : fxStyle.mainHeader.clrBg,\r\n headerTextColor: fxStyle.windowHeader.clrText !== \"\" ? \r\n fxStyle.windowHeader.clrText : fxStyle.mainHeader.clrText,\r\n cancelLabel: txt.CLOSE,\r\n width: 400,\r\n height: 400,\r\n posX: data.viewportWidth / 3,\r\n posY: data.viewportHeight / 3,\r\n leftButtons: leftButtons,\r\n draggable: true\r\n };\r\n \r\n if( fxStyle.windowHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.windowHeader.gradBg;\r\n }\r\n else {\r\n if( fxStyle.windowHeader.clrBg === \"\" && fxStyle.mainHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.mainHeader.gradBg;\r\n }\r\n }\r\n \r\n dialog = new Dialog( obj, body, elemById(\"mask\"));\r\n \r\n exhForm.style.display = \"block\";\r\n dialog.content.appendChild( exhForm);\r\n\r\n var divs = exhForm.getElementsByClassName( \"divider\");\r\n for( i = 0; i < divs.length; i++) {\r\n divs[i].style.backgroundColor = obj.headerBackgroudColor;\r\n divs[i].style.color = obj.headerTextColor;\r\n }\r\n// elemById(\"ei_email\").innerHTML = '';\r\n if(config.bPopUpShare) {\r\n util.addClass( elemById(\"ei_email\"), \"icon\");\r\n elemById(\"ei_email\").title = \"Share\";\r\n elemById(\"ei_email\").appendChild(shareContainer);\r\n elemById(\"shareEma\").title = txt.TT_MAIL_FRIEND;\r\n elemById(\"shareFac\").title = \"Share on Facebook\"\r\n elemById(\"shareTwi\").title = \"Share on Twitter\"\r\n if (location.protocol !== 'https:' && location.hostname !== \"localhost\"){\r\n elemById(\"sharePage\").title = \"Open in New Tab\"\r\n } else {\r\n elemById(\"shareCop\").title = \"Copy Link\"\r\n }\r\n }\r\n\r\n \r\n if( config.bPopUpPrint) {\r\n util.addClass( elemById(\"ei_print\"), \"icon\");\r\n elemById(\"ei_print\").title = txt.TT_PRINT_EXHIBITOR;\r\n }\r\n \r\n return dialog;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.LinkPreview = function( txt, fxStyle) {\r\n var config = expocadfx.config;\r\n var Dialog = expocadfx.Dialog;\r\n var data = expocadfx.fxData;\r\n var elemById = expocadfx.element.elementById;\r\n var body = document.getElementsByTagName( \"body\")[0];\r\n var dialog = null;\r\n\r\n var obj = {\r\n title: txt.LINK_PREVIEW,\r\n headerBackgroudColor: fxStyle.windowHeader.clrBg !== \"\" ? \r\n fxStyle.windowHeader.clrBg : fxStyle.mainHeader.clrBg,\r\n headerTextColor: fxStyle.windowHeader.clrText !== \"\" ? \r\n fxStyle.windowHeader.clrText : fxStyle.mainHeader.clrText,\r\n cancelLabel: txt.CLOSE,\r\n width: 400,\r\n height: 160,\r\n posX: data.viewportWidth / 2 - 150,\r\n posY: data.viewportHeight / 2 - 100,\r\n rightButton: { id:\"pl_open\", label:txt.OPEN_EMAIL},\r\n leftButtons: [\r\n { id:\"previewLink\", label:txt.LINK_PREVIEW }\r\n ],\r\n draggable: false\r\n };\r\n \r\n if( fxStyle.windowHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.windowHeader.gradBg;\r\n }\r\n else {\r\n if( fxStyle.windowHeader.clrBg === \"\" && fxStyle.mainHeader.gradBg !== \"\") {\r\n obj.headerBackground = fxStyle.mainHeader.gradBg;\r\n }\r\n }\r\n // window size change, orientation change ????\r\n \r\n dialog = new Dialog( obj, body, elemById(\"mask\"));\r\n \r\n elemById( \"previewLink\").addEventListener( \"click\", function() {\r\n window.open( dialog.content.textContent);\r\n });\r\n\r\n elemById( \"pl_open\").addEventListener( \"click\", function() {\r\n var subject = encodeURIComponent( (config.eventTitle !== \"\") ? config.eventTitle:\" \");\r\n var bod = encodeURIComponent( dialog.content.textContent);\r\n\t\t\r\n window.location.href = \"mailto:\" + \" \" + \"?subject=\" + subject + \"&body=\" + bod;\r\n });\r\n \r\n return dialog;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.LegendItem = function( label, color) {\r\n var config = expocadfx.config;\r\n var util = expocadfx.util;\r\n \r\n var item = document.createElement( \"li\");\r\n var square = document.createElement( \"span\");\r\n var text = document.createElement( \"span\");\r\n // add if gradient --> create a background gradient from color to booth base color\r\n\r\n text.setAttribute( \"class\", \"legend-text-color\");\r\n \r\n square.style.backgroundColor = color;\r\n if( config.bBoothGradient) {\r\n square.style.background = util.makeGradientStyle( config.clrBoothBase, color, \"135\");\r\n }\r\n square.style.color = color;\r\n square.innerHTML = \"__\";\r\n item.appendChild( square);\r\n \r\n text.textContent = label;\r\n text.style.marginLeft = \"6px\";\r\n item.appendChild( text);\r\n return item;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.Legend = function( data, config) {\r\n var LegendItem = expocadfx.LegendItem;\r\n var txt = expocadfx.txt;\r\n \r\n\tvar red;\r\n\tvar grn;\r\n\tvar bl;\r\n\tvar bg;\r\n var len = 0;\r\n var i = 0;\r\n var item = null;\r\n var ul = document.createElement( \"ul\");\r\n\tul.setAttribute( \"class\", \"legend\");\r\n\t\r\n\t\r\n\tif( config.legendFontSize !== \"\") {\r\n\t\tul.style.fontSize = config.legendFontSize + \"px\";\r\n\t}\r\n\t\r\n\tif( config.clrLegendBackground !== \"\") {\r\n\t\tred = parseInt( config.clrLegendBackground.slice( 1, 3), 16)\r\n\t\tgrn = parseInt( config.clrLegendBackground.slice( 3, 5), 16)\r\n\t\tbl = parseInt( config.clrLegendBackground.slice( 5, 7), 16)\r\n\t\tbg = \"rgba(\" + red + \", \" + grn + \", \" + bl + \", \" + config.LegendBackgroundAlpha + \")\";\r\n\t\t\r\n\t\tul.style.backgroundColor = bg;\r\n\t}\r\n\t\r\n\tif( config.LegendTextColor !== \"\") {\r\n\t\tul.style.color = config.LegendTextColor;\r\n\t}\r\n \r\n if( data.numAvailableBooths > 0 && config.legendAvailable) {\r\n item = new LegendItem( txt.LEGEND_AVAILABLE, config.clrAvailable);\r\n ul.appendChild(item);\r\n }\r\n if( data.numOnHoldBooths > 0 && config.legendHold) {\r\n item = new LegendItem( txt.LEGEND_HOLD, config.clrHold);\r\n ul.appendChild(item);\r\n }\r\n \r\n\tif( config.legendRent) {\r\n\t\titem = new LegendItem( txt.LEGEND_RENTED, config.clrRent);\r\n\t\tul.appendChild(item);\r\n\t}\r\n \r\n if( config.fillRentedWithExpocadColor || config.fillAvailableWithExpocadColor || config.fillOnHoldWithExpocadColor) {\r\n len = config.arBoothClasses.length;\r\n if( len > 0) {\r\n // for each booth class\r\n for( i = 0; i < len; i++) {\r\n var boothClassName = config.arBoothClasses[i].name;\r\n if(config.legendUseClassId){\r\n boothClassName = config.arBoothClasses[i].boothClass;\r\n }\r\n\r\n item = new LegendItem( boothClassName, config.arBoothClasses[i].color);\r\n ul.appendChild(item);\r\n }\r\n }\r\n }\r\n return ul;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.SocialMedia = function( xml, element, jsonObject) {\r\n var FxEvent = expocadfx.fxevent;\r\n \r\n var i = 0;\r\n var btn;\r\n var img;\r\n var list = document.createElement( \"section\");\r\n list.setAttribute( \"id\", \"smc\");\r\n var numLoaded = 0;\r\n var buttonCount = 0;\r\n \r\n if(xml != null) {\r\n\r\n var nodes = xml.childNodes[0].childNodes;\r\n var len = nodes.length;\r\n var node;\r\n\r\n for( i = 0; i < len; i++) {\r\n node = nodes[i];\r\n if( node.nodeType === 1 && node.tagName === \"tool\") {\r\n buttonCount += 1;\r\n btn = document.createElement( \"a\");\r\n img = document.createElement( \"img\");\r\n\r\n btn.href = node.getAttribute( \"url\");\r\n btn.style.textDecoration =\"none\";\r\n btn.target = \"_blank\";\r\n\r\n img.setAttribute( \"class\", \"smb\");\r\n img.src = node.getAttribute( \"icon\");\r\n img.alt = node.getAttribute( \"name\");\r\n btn.title = img.alt;\r\n img.addEventListener( \"load\", imgDone);\r\n img.addEventListener( \"error\", imgDone);\r\n \r\n btn.appendChild( img);\r\n list.appendChild( btn);\r\n }\r\n }\r\n }\r\n\r\n if(jsonObject != null){\r\n for( i = 0; i < jsonObject.length; i++) {\r\n //node = nodes[i];\r\n //if( node.nodeType === 1 && node.tagName === \"tool\") {\r\n buttonCount += 1;\r\n btn = document.createElement( \"a\");\r\n img = document.createElement( \"img\");\r\n\r\n btn.href = jsonObject[i].url;\r\n btn.style.textDecoration =\"none\";\r\n btn.target = \"_blank\";\r\n\r\n img.setAttribute( \"class\", \"smb\");\r\n img.src = jsonObject[i].icon;\r\n img.alt = jsonObject[i].name;\r\n img.height = 32;\r\n img.width = 32;\r\n btn.title = img.alt;\r\n img.addEventListener( \"load\", imgDone);\r\n img.addEventListener( \"error\", imgDone);\r\n \r\n btn.appendChild( img);\r\n list.appendChild( btn);\r\n //}\r\n }\r\n }\r\n\r\n element.appendChild( list);\r\n \r\n function imgDone( evt) {\r\n numLoaded += 1;\r\n evt.target.removeEventListener( \"load\", imgDone);\r\n evt.target.removeEventListener( \"error\", imgDone);\r\n \r\n if( numLoaded === buttonCount) {\r\n document.dispatchEvent( new FxEvent( \"Size_Change\", { \"element\": \"social\"}));\r\n }\r\n }\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.SalesMenu = function( arCmd, listClass) {\r\n var fxStyle = expocadfx.styles;\r\n var numCmds = arCmd.length;\r\n var i = 0;\r\n var item = null;\r\n var ul = document.createElement( \"ul\");\r\n\tul.setAttribute( \"class\", listClass);\r\n ul.setAttribute( \"id\", \"salesmenu\");\r\n\tul.style.zIndex = \"31\";\r\n ul.style.background = fxStyle.view.clrBg !== \"\" ? fxStyle.view.clrBg : fxStyle.mainHeader.clrBg;\r\n for( i = 0; i < numCmds; i++) {\r\n item = document.createElement( \"li\");\r\n if( i % 2 === 0) {\r\n item.setAttribute( \"class\", \"salesItem even\");\r\n }\r\n else {\r\n item.setAttribute( \"class\", \"salesItem odd\");\r\n }\r\n item.textContent = arCmd[i];\r\n item.style.cursor = \"pointer\";\r\n ul.appendChild( item);\r\n item.addEventListener('click', function(e){\r\n window.setTimeout(function(){\r\n var salesHeader = document.getElementById('salesHeader');\r\n salesHeader.innerHTML = e.target.innerText;\r\n }, 100)\r\n })\r\n }\r\n return ul;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n/*global Slick */\r\n\r\nexpocadfx.boothList = function() {\r\n\t'use strict';\r\n\tvar config = expocadfx.config;\r\n\tvar data = expocadfx.fxData;\r\n\tvar comparer = expocadfx.comparer;\r\n var boothDataView = new Slick.Data.DataView( {inlineFilters: false});\r\n\tvar FxEvent = expocadfx.fxevent;\r\n\tvar fxStyle = expocadfx.styles;\r\n var Grid = Slick.Grid;\r\n\tvar elemById = expocadfx.element.elementById;\r\n\tvar emailLink = expocadfx.emailLinkBuilder;\r\n\tvar openEmail = expocadfx.openEmail;\r\n var txt = expocadfx.txt;\r\n\tvar util = expocadfx.util;\r\n\t\r\n var doc = document;\r\n\tvar gridAvailable = null;\r\n var divGrid = elemById( \"boothGrid\");\r\n\tvar btnEmail = elemById( \"btnBoothListEmail\");\r\n\t\r\n var sortCol = \"name\";\r\n\tvar sortAscending = true;\r\n var searchString = \"\";\r\n\tvar locationColAscending = true;\r\n\t\r\n var columns;\r\n var options;\r\n \r\n \r\n function tagFormatter(row, cell, value, columnDef, dataContext) {\r\n var chkId = \"chk\" + row;\r\n\t\tvar item;\r\n\t\tvar inputClass = \"exhChk \";\r\n\t\tvar iconClass = \"icon \";\r\n\t\tvar icon = \" icon-star-outline \";\r\n\t\tvar elemTag = null;\r\n\r\n\t\tif( dataContext) {\r\n\t\t\titem = boothDataView.getItem(row);\r\n\t\t\t\r\n\t\t\tif( item.favorite) {\r\n\t\t\t\ticon = \" icon-star-filled beat \";\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\telemTag = \"
\"; \r\n\t\t}\r\n\t\treturn elemTag;\r\n }\r\n \r\n function availableFilter( item, args) {\r\n if( item.exhId === \"\" && data.booths[ item.boothIndex].status === \"0\") {\r\n if (args.searchString !== \"\" && \r\n (item.name.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 &&\r\n item.boothNumber.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1)) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\t\r\n function taggedFilter( item, args) {\r\n\t\tif( item.favorite) {\t\r\n if (args.searchString !== \"\" && \r\n (item.name.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 &&\r\n item.boothNumber.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1)) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\t\r\n function viewOnlyFilter( item, args) {\r\n if( item.exhId === \"\" && item.bLocal && data.booths[ item.boothIndex].status === \"0\") {\r\n if (args.searchString !== \"\" && \r\n (item.name.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 &&\r\n item.boothNumber.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1)) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n\t\r\n\tfunction allFilter( item, args) {\r\n\t\tif (args.searchString !== \"\" && \r\n\t\t\t(item.name.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 &&\r\n\t\t\titem.boothNumber.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t}\r\n\t\r\n function gridClickHandler( evt) {\r\n\t\tvar obj = null;\r\n var cell = gridAvailable.getCellFromEvent( evt);\r\n var row = cell.row;\r\n var col = cell.cell;\r\n var targetRow = boothDataView.getItem(row);\r\n\t\tvar boothIndex = targetRow.arBoothIndexes.join( \",\");\r\n\t\t\r\n if( evt.target.tagName === \"INPUT\") {\r\n return;\r\n }\r\n \r\n\t\tif( col === 2) { // location cell\r\n\t\t\tdoc.dispatchEvent( new FxEvent( \"Booth_Selected\", { boothIndex:boothIndex}));\r\n\t\t}\r\n\t\telse if( col === 1) {\r\n\t\t\tobj = {\r\n\t\t\t\texhibitorIndex : targetRow.id,\r\n\t\t\t\tboothIndex : boothIndex\r\n\t\t\t};\r\n\r\n\t\t\tdoc.dispatchEvent( new FxEvent( \"Exhibitor_Selected\", obj));\r\n\t\t}\r\n\t\telse {\r\n\t\t\tobj = {\r\n\t\t\t\tboothNumber : targetRow.boothNumber,\r\n\t\t\t\tboothIndex : boothIndex,\r\n\t\t\t\texhName : targetRow.name,\r\n\t\t\t\texhId : targetRow.exhId,\r\n\t\t\t\tlocal : true,\r\n\t\t\t\tfav : !targetRow.favorite\r\n\t\t\t};\r\n\r\n\t\t\ttargetRow.favorite = !targetRow.favorite;\r\n\r\n\t\t\tdoc.dispatchEvent( new FxEvent( \"Favorite_Change\", obj));\r\n\r\n\t\t\tif( data.booths[ boothIndex].status !== \"0\") {\r\n\t\t\t\tdoc.dispatchEvent( new FxEvent( \"Exhibitor_Fav_Change\", obj));\r\n\t\t\t}\r\n\t\t\t\t// force list update for filtered list\r\n\t\t\tboothDataView.sort( comparer( sortCol, sortAscending), sortAscending);\r\n\t\t\tgridAvailable.invalidate();\r\n\t\t\t\r\n\t\t}\r\n }\r\n\t\r\n\tfunction changeFav( boothNumber, exhibitorId, fav) {\r\n\t\tvar obj = util.arrayFind( data.displayBooths, \"boothNumber\", boothNumber);\r\n\t\t\r\n\t\tif( obj) {\r\n\t\t\tobj.favorite = fav;\r\n\t\t\t\r\n\t\t\tboothDataView.refresh();\r\n\t\t\t\r\n\t\t\tboothDataView.sort( comparer( sortCol, sortAscending), sortAscending);\r\n\t\t\tgridAvailable.invalidate();\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction refreshBoothList() {\r\n\t\tboothDataView.sort( comparer( \"location\", locationColAscending), locationColAscending);\r\n\t\tboothDataView.sort( comparer( sortCol, sortAscending), sortAscending);\r\n\t\tgridAvailable.invalidate();\r\n\t}\r\n\t\r\n\tfunction exhibitorListHandler( evt) {\r\n\t\tvar arr = String( evt.data.boothNumber).split( \",\");\r\n\t\tvar i = 0;\r\n\t\tfor( i = 0; i < arr.length; i++) {\r\n\t\t\tchangeFav( arr[i], evt.data.exhId, evt.data.fav);\r\n\t\t}\r\n\t\tdoc.dispatchEvent( new FxEvent( \"Favorite_Change\", evt.data));\r\n\t}\r\n\t\r\n\tfunction exhibitorInfoHandler( evt) {\r\n\t\tchangeFav( evt.data.boothNumber, evt.data.exhId, evt.data.fav);\r\n\t\t\r\n\t\tdoc.dispatchEvent( new FxEvent( \"Favorite_Change\", evt.data));\r\n\t}\r\n\t\r\n\tfunction isTagged( obj) {\r\n\t\treturn obj.favorite;\r\n\t}\r\n\t\r\n\tfunction emailTaggedHandler() {\r\n\t\tvar boothNums = [];\r\n\t\tvar link = \"\";\r\n\t\tvar tagged = data.displayBooths.filter( isTagged);\r\n\t\t\r\n\t\ttagged.forEach( function( exhibitor) {\r\n\t\t\tboothNums = boothNums.concat( exhibitor.arBoothNumbers);\r\n\t\t});\r\n\t\t\r\n\t\tlink = emailLink( boothNums.join( \",\"));\r\n\t\topenEmail( link);\r\n\t}\r\n \r\n\tfunction enableEmailTagged() {\r\n\t\tbtnEmail.addEventListener( \"click\", emailTaggedHandler);\r\n\t\tutil.removeClass( btnEmail, \"disabled\");\r\n\t\tbtnEmail.style.color = elemById( \"boothListHeader\").style.color;\r\n\t\tbtnEmail.style.cursor = \"pointer\";\r\n\t}\r\n\t\r\n\tfunction disableEmailTagged() {\r\n\t\tbtnEmail.removeEventListener( \"click\", emailTaggedHandler);\r\n\t\tutil.addClass( btnEmail, \"disabled\");\r\n\t\tbtnEmail.style.color = config.DISABLED_GRAY;\r\n\t\tbtnEmail.style.cursor = \"auto\";\r\n\t}\r\n\t\r\n function getListElements() {\r\n\t\tboothDataView.beginUpdate();\r\n\t\tboothDataView.setItems( data.displayBooths);\r\n\t\tboothDataView.setFilterArgs( { searchString: searchString});\r\n\t\tboothDataView.setFilter( availableFilter);\r\n\t\t\r\n\t\tboothDataView.endUpdate();\r\n\t\t// get booth numbers in right order first\r\n\t\tboothDataView.sort( comparer( \"location\", true), true);\r\n\t\tboothDataView.sort( comparer( \"name\", true), true);\r\n\t\t\t\r\n\t\tgridAvailable = new Grid( divGrid, boothDataView, columns, options);\r\n\t\tgridAvailable.setSelectionModel(new Slick.RowSelectionModel());\r\n\r\n\t\t\t// tell SlickGrid to mark exhibitor name field as sorted\r\n\t\tgridAvailable.setSortColumn( \"boothSize\", true);\r\n\r\n\t\tgridAvailable.onClick.subscribe( function( evt) {gridClickHandler( evt);});\r\n\r\n\t\tdivGrid.getElementsByClassName(\"slick-header-columns\")[0].style.backgroundColor =\r\n\t\t\t\tfxStyle.availableBooth.clrBg || fxStyle.mainHeader.clrBg;\r\n\t\tdivGrid.getElementsByClassName(\"slick-header-columns\")[0].style.color = \r\n\t\t\tfxStyle.availableBooth.clrText || fxStyle.mainHeader.clrText;\r\n\r\n\t\tboothDataView.syncGridSelection( gridAvailable, false);\r\n\r\n\t\tgridAvailable.onSort.subscribe( function( e, args) {\r\n\t\t\tsortCol = args.sortCol.field;\r\n\t\t\tsortAscending = args.sortAsc;\r\n\t\t\tif( sortCol === \"location\") {\r\n\t\t\t\tlocationColAscending = args.sortAsc;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tboothDataView.sort( comparer( sortCol, args.sortAsc), args.sortAsc);\r\n\t\t});\r\n\r\n\t\tboothDataView.onRowsChanged.subscribe( function( evt, args) {\r\n\t\t\tgridAvailable.invalidateRows( args.rows);\r\n\t\t\tgridAvailable.render();\r\n\t\t});\r\n\r\n\t\tboothDataView.onRowCountChanged.subscribe( function() {\r\n\t\t\tgridAvailable.updateRowCount();\r\n\t\t\tgridAvailable.render();\r\n\t\t});\r\n\t\t\r\n\t\tdoc.addEventListener( \"Exhibitor_List_Fav_Change\", exhibitorListHandler);\r\n\t\tdoc.addEventListener( \"Exhibitor_Info_Fav_Change\", exhibitorInfoHandler);\r\n\t\t\r\n\t\tdoc.addEventListener( \"Display_Booth_Change\", function() {\r\n\t\t\tboothDataView.sort( comparer( \"location\", locationColAscending), locationColAscending);\r\n\t\t\tboothDataView.sort( comparer( sortCol, sortAscending), sortAscending);\r\n\t\t\tgridAvailable.invalidate();\r\n\t\t});\r\n\t\t\r\n\t\tdoc.addEventListener( \"Booth_List_Change\", refreshBoothList);\r\n }\r\n\t\r\n function updateFilter() {\r\n boothDataView.setFilterArgs( { searchString: searchString});\r\n boothDataView.refresh();\r\n }\r\n\t\r\n elemById( \"boothSearch\").addEventListener( \"input\", function () {\r\n searchString = this.value;\r\n updateFilter();\r\n });\r\n\t\r\n\tfunction returnToList() {\r\n\t\telemById( \"btnReturnList\").removeEventListener( \"click\", returnToList);\r\n\t\telemById( \"boothList\").style.display = \"block\";\r\n\t\telemById( \"boothTree\").style.display = \"none\";\r\n\t}\r\n\t\r\n\tfunction showTree() {\r\n\t\telemById( \"boothList\").style.display = \"none\";\r\n\t\telemById( \"boothTree\").style.display = \"block\";\r\n\t\telemById( \"btnReturnList\").addEventListener( \"click\", returnToList);\r\n\t\t\r\n\t\telemById( \"boothFilter\").value = \"available\";\r\n\t\tboothDataView.setFilter( availableFilter);\r\n\t\trefreshBoothList();\r\n\t}\r\n\t\r\n if( elemById( \"boothFilter\")) {\r\n elemById( \"boothFilter\").addEventListener( \"change\", function( evt) {\r\n boothDataView.beginUpdate();\r\n\t\t\t\r\n if( evt.target.value === \"all\") {\r\n boothDataView.setFilter( allFilter);\r\n\t\t\t\tdisableEmailTagged();\r\n }\r\n else if( evt.target.value === \"hall\") {\r\n boothDataView.setFilter( viewOnlyFilter);\r\n\t\t\t\tdisableEmailTagged();\r\n }\r\n else if( evt.target.value === \"tag\") {\r\n boothDataView.setFilter( taggedFilter);\r\n\t\t\t\tenableEmailTagged();\r\n }\r\n else if( evt.target.value === \"available\") {\r\n boothDataView.setFilter( availableFilter);\r\n\t\t\t\tdisableEmailTagged();\r\n }\r\n else if( evt.target.value === \"bySize\") {\r\n showTree();\r\n }\r\n \r\n boothDataView.endUpdate();\r\n boothDataView.syncGridSelection( gridAvailable, false);\r\n });\r\n }\r\n\t\r\n function refreshList() {\r\n gridAvailable.invalidate();\r\n }\r\n\t\r\n\t\r\n\r\n columns = [\r\n {id:\"tagBooth\", name: txt.MARK_ON_DRAWING, formatter: tagFormatter, minWidth: 44, maxWidth: 56, \r\n resizable: false},\r\n {id: \"boothSize\", name: txt.EXHIBITOR, field: \"name\", sortable: true, cssClass: \"cell-text\", \r\n minWidth: 150, maxWidth: 500},\r\n {id: \"boothNo\", name: txt.BOOTH, field: \"location\", sortable: true, \r\n cssClass: \"cell-text\", minWidth: 80, maxWidth: 120}\r\n ];\r\n\t\r\n options = {\r\n enableCellNavigation: true,\r\n enableColumnReorder: false,\r\n forceFitColumns: true,\r\n rowHeight: 24\r\n };\r\n \r\n return {\r\n getListElements: getListElements,\r\n refreshList: refreshList,\r\n\t\tresize : function() {\r\n\t\t\tif( gridAvailable) {\r\n\t\t\t\tgridAvailable.resizeCanvas();\r\n\t\t\t}\r\n\t\t}\r\n };\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n/*global Slick */\r\n// used by exhibitor sales login and sales window ( Rent booth and Hold booth)\r\n\r\nexpocadfx.CompanyList = function( div, label) {\r\n\t'use strict';\r\n var FxEvent = expocadfx.fxevent;\r\n\tvar comparer = expocadfx.comparer;\r\n var dataview = new Slick.Data.DataView( {inlineFilters: false});\r\n\t\r\n \r\n var Grid = Slick.Grid;\r\n\t\r\n var doc = document;\r\n var gridCompanies = null;\r\n \r\n var divGrid = div;\r\n var arCompanies = [];\r\n var searchString = \"\";\r\n var searchField = doc.getElementById( \"cSrch\");\r\n \r\n var columns = [\r\n {id: \"companyLabel\", name: label, field: \"name\", cssClass: \"cell-text\" }\r\n ];\r\n var options = {\r\n enableCellNavigation: true,\r\n enableColumnReorder: false,\r\n forceFitColumns: true,\r\n rowHeight: 24\r\n };\r\n \r\n function updateFilter() {\r\n dataview.setFilterArgs( { searchString: searchString});\r\n dataview.refresh();\r\n gridCompanies.invalidate();\r\n }\r\n \r\n function basicFilter( item, args) {\r\n if (args.searchString !== \"\" && \r\n (item.name.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 )) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n \r\n function gridClickHandler( evt) {\r\n var cell = gridCompanies.getCellFromEvent( evt);\r\n var id = dataview.getItem( cell.row).exhibitorId;\r\n var name = dataview.getItem( cell.row).name;\r\n \r\n doc.dispatchEvent( new FxEvent( \"Company_Grid_Click\", { \"companyId\":id, \"companyName\":name }));\r\n }\r\n\r\n function createCompanyGrid() {\r\n gridCompanies = new Grid( divGrid, dataview, columns, options);\r\n gridCompanies.setSelectionModel(new Slick.RowSelectionModel());\r\n \r\n gridCompanies.onClick.subscribe( function( evt) {\r\n gridClickHandler( evt);\r\n });\r\n }\r\n \r\n function setCompanies( value) {\r\n var i;\r\n var len = value.length;\r\n\r\n for( i = 0; i < len; i++) {\r\n arCompanies.push( { \r\n id:i,\r\n bLocal:false,\r\n name: value[i].ExhibitorName, \r\n exhibitorId:value[i].ExhibitorId});\r\n }\r\n\r\n dataview.beginUpdate();\r\n dataview.setItems( arCompanies);\r\n dataview.setFilterArgs( { searchString: searchString});\r\n dataview.setFilter( basicFilter);\r\n dataview.endUpdate();\r\n\t\t\r\n dataview.sort( comparer( \"name\", true), true);\r\n\r\n createCompanyGrid();\r\n }\r\n\r\n if( searchField !== null) {\r\n searchField.addEventListener( \"input\", function () {\r\n searchString = searchField.value;\r\n updateFilter();\r\n });\r\n }\r\n \r\n return {\r\n setCompanies: setCompanies\r\n };\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n/*global Slick */\r\n\r\nexpocadfx.DeletedBoothList = function( div) {\r\n\t'use strict';\r\n\tvar comparer = expocadfx.comparer;\r\n var FxEvent = expocadfx.fxevent; \r\n var Grid = Slick.Grid;\r\n var txt = expocadfx.txt;\r\n var dataview = new Slick.Data.DataView( {inlineFilters: false});\r\n \r\n var gridBooths = null; // the grid component\r\n \r\n var doc = document;\r\n var divBooths = div;\r\n var booths = null;\r\n\tvar searchString = \"\";\r\n\tvar searchField = doc.getElementById( \"cSrch\");\r\n \r\n var columns = [\r\n {id:\"boothLabel\", name:txt.BOOTH_NUMBER, field:\"BoothNumber\", cssClass:\"cell-text\"},\r\n {id: \"boothArea\", name: txt.AREA, field: \"Area\" }\r\n ];\r\n var options = {\r\n enableCellNavigation: true,\r\n enableColumnReorder: false,\r\n forceFitColumns: true,\r\n rowHeight: 24\r\n };\r\n\t\r\n function updateFilter() {\r\n dataview.setFilterArgs( { searchString: searchString});\r\n dataview.refresh();\r\n gridBooths.invalidate();\r\n }\r\n\t\r\n function basicFilter( item, args) {\r\n if ( args.searchString !== \"\" && \r\n ( item.BoothNumber.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1 &&\r\n\t\t\t\titem.Area.toLowerCase().indexOf(args.searchString.toLowerCase()) === -1)) {\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n\t\r\n function gridClickHandler( evt) {\r\n var cell = gridBooths.getCellFromEvent( evt);\r\n var number = dataview.getItem( cell.row).BoothNumber;\r\n doc.dispatchEvent( new FxEvent( \"Deleted_Booth_Click\", { \"boothNumber\":number }));\r\n }\r\n\r\n function createBoothGrid() { \r\n gridBooths = new Grid( divBooths, dataview, columns, options);\r\n gridBooths.setSelectionModel(new Slick.RowSelectionModel());\r\n \r\n gridBooths.onClick.subscribe( function( evt) {\r\n gridClickHandler( evt);\r\n });\r\n }\r\n\t\r\n\tfunction setBooths( value) {\r\n\t\tbooths = value;\r\n\t\tvar i;\r\n\t\tvar len = booths.length;\r\n\t\tfor( i = 0; i < len; i++) {\r\n\t\t\tbooths[i].id = i;\r\n\t\t}\r\n\r\n\t\tdataview.beginUpdate();\r\n\t\tdataview.setItems( booths);\r\n\t\tdataview.setFilterArgs( { searchString: searchString});\r\n\t\tdataview.setFilter( basicFilter);\r\n\t\tdataview.endUpdate();\r\n\t\tdataview.sort( comparer( \"BoothNumber\"), true);\r\n\r\n\t\tcreateBoothGrid();\r\n\t}\r\n \r\n\r\n if( searchField !== null) {\r\n searchField.addEventListener( \"input\", function () {\r\n searchString = searchField.value;\r\n updateFilter();\r\n });\r\n }\r\n \r\n \r\n return {\r\n setBooths: setBooths\r\n };\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.divideElements = (function() {\r\n var txt = expocadfx.txt;\r\n var util = expocadfx.util;\r\n\t\r\n\tvar doc = document;\r\n \r\n // step, min, and max only applies to type=number, max only to inches \r\n function dimInput( id, type, step) {\r\n // ?? value and max ??\r\n\t\tvar input = doc.createElement( \"input\");\r\n\t\tinput.className = \"divide_dim_input\";\r\n input.setAttribute( \"id\", id);\r\n input.setAttribute( \"type\", type);\r\n if( type === \"number\") {\r\n input.setAttribute( \"step\", step);\r\n input.setAttribute( \"min\", \"0\");\r\n input.setAttribute( \"max\", \"11\");\r\n }\r\n if( type !== \"number\") {\r\n input.setAttribute( \"readonly\", true);\r\n util.addClass( input, \"unselectable\");\r\n }\r\n\t\treturn input;\r\n\t}\r\n \r\n function dirRadio( id, value) {\r\n var input = doc.createElement( \"input\");\r\n input.setAttribute( \"id\", id);\r\n input.setAttribute( \"type\", \"radio\");\r\n input.setAttribute( \"name\", \"direction\");\r\n input.value = value;\r\n \r\n return input;\r\n }\r\n \r\n function makeSideLabel( side, isFeet) {\r\n var div = doc.createElement( \"div\");\r\n var label = doc.createElement( \"label\");\r\n var input = doc.createElement( \"input\");\r\n var step = isFeet ? 1 : 0.25;\r\n var type = \"input\";\r\n \r\n div.setAttribute( \"id\", side + \"Side\");\r\n div.className = \"divide_label\";\r\n label.textContent = txt.NUMBER;\r\n div.appendChild( label);\r\n input.setAttribute( \"type\", \"text\");\r\n input.setAttribute( \"id\", side + \"Number\");\r\n input.setAttribute( \"placeholder\", \"New Number\");\r\n div.appendChild( input);\r\n \r\n \r\n if( isFeet) {\r\n input = dimInput( side + \"Ft\", \"input\", step);\r\n div.appendChild( input);\r\n label = doc.createElement( \"label\");\r\n label.textContent = isFeet ? \"ft\" : \"m\";\r\n div.appendChild( label);\r\n \r\n if( side === \"a\") {\r\n type = \"number\";\r\n }\r\n input = dimInput( side + \"In\", type, step);\r\n div.appendChild( input);\r\n label = doc.createElement( \"label\");\r\n label.textContent = \"in\";\r\n div.appendChild( label);\r\n }\r\n else {\r\n type = \"input\"; // (side === \"a\") ? \"number\" : \"input\";\r\n input = dimInput( side + \"Ft\", type, step);\r\n div.appendChild( input);\r\n label = doc.createElement( \"label\");\r\n label.textContent = isFeet ? \"ft\" : \"m\";\r\n div.appendChild( label);\r\n }\r\n \r\n return div;\r\n }\r\n\r\n\treturn {\r\n\t\tdimInput: dimInput,\r\n dirRadio: dirRadio,\r\n makeSideLabel: makeSideLabel\r\n\t};\r\n}());","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.StatsList = function( data) {\r\n var prop;\r\n\tvar doc = document;\r\n var span = null;\r\n\tvar item = null;\r\n\tvar toggle = 1;\r\n var list = document.createElement( \"table\");\r\n\tlist.setAttribute( \"class\", \"statsList\");\r\n \r\n for( prop in data) {\r\n\t\tif( data.hasOwnProperty( prop)) {\r\n\t\t\titem = doc.createElement( \"tr\");\r\n\t\t\titem.className = ( toggle ===1) ? \"even\" : \"odd\";\r\n\t\t\tspan = doc.createElement( \"td\");\r\n\t\t\tspan.className = \"statLabel\";\r\n\t\t\tspan.textContent = prop;\r\n\t\t\titem.appendChild( span);\r\n\t\t\tspan = doc.createElement( \"td\");\r\n\t\t\tspan.className = \"statValue\";\r\n\t\t\tspan.textContent = data[prop];\r\n\t\t\titem.appendChild( span);\r\n\t\t\tlist.appendChild( item);\r\n\t\t\ttoggle *= -1;\r\n\t\t}\r\n\t}\r\n\t\r\n return list;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.printHeader = function( event, view, bMulti) {\r\n var obj = {};\r\n obj.content = document.createElement( \"div\");\r\n var et = document.createElement( \"h2\");\r\n var vt = null;\r\n \r\n obj.style = \"@media print {body{font-family:Georgia;font-size:12pt;width:6in;}.page{width:7in;}h2,h3{margin:0.5em;}.hdr{text-align:center;}\";\r\n \r\n obj.content.className = \"hdr\";\r\n et.textContent = event;\r\n obj.content.appendChild( et);\r\n \r\n if( bMulti && view !== \"\") {\r\n vt = document.createElement( \"h3\");\r\n vt.textContent = view;\r\n obj.content.appendChild( vt);\r\n }\r\n return obj;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.printHalls = function( arr) {\r\n var obj = {};\r\n var len = arr.length;\r\n obj.content = document.createElement( \"div\");\r\n var i = 0;\r\n var par = null;\r\n // move to header, put list specific stuff here\r\n obj.style = \"div{padding-left:20px;}\";\r\n \r\n for( i = 0; i < len; i++) {\r\n par = document.createElement( \"p\");\r\n par.textContent = arr[i].label;\r\n obj.content.appendChild( par);\r\n }\r\n return obj;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.printExhibitors = function(exhibitors, filter, viewName, exhibitorLabel, boothLabel) {\r\n var obj = {};\r\n var numExhibitors = exhibitors.length;\r\n \r\n ////// style for exhibitor table\r\n obj.style = \"td, th{padding:0.2em 0.5em;text-align:left;}\";\r\n \r\n // create a html table of exhibitors with booth numbers\r\n obj.content = document.createElement( \"div\");\r\n var table = document.createElement( \"table\");\r\n var tableHead = document.createElement( \"thead\");\r\n var hdrRow = document.createElement( \"tr\");\r\n var colHd = null;\r\n var i = 0;\r\n var row = null;\r\n var tb = document.createElement( \"tbody\");\r\n \r\n function makeRow( d1, d2) {\r\n var row = document.createElement( \"tr\");\r\n var cell = document.createElement( \"td\");\r\n cell.textContent = d1;\r\n row.appendChild( cell);\r\n cell = document.createElement( \"td\");\r\n cell.textContent = d2;\r\n row.appendChild( cell);\r\n return row;\r\n }\r\n \r\n \r\n obj.content.appendChild( table);\r\n \r\n colHd = document.createElement( \"th\");\r\n colHd.textContent = exhibitorLabel;\r\n hdrRow.appendChild( colHd);\r\n colHd = document.createElement( \"th\");\r\n colHd.textContent = boothLabel;\r\n hdrRow.appendChild( colHd);\r\n tableHead.appendChild( hdrRow);\r\n table.appendChild( tableHead);\r\n table.appendChild( tb);\r\n \r\n for( i = 0; i < numExhibitors; i++) {\r\n\t\t// use exhibitor list filter\r\n\t\tif( filter === \"tag\" && exhibitors[i].favorite ||\r\n\t\t\tfilter === \"available\" && exhibitors[i].bAvailable ||\r\n\t\t\tfilter === \"hall\" && !exhibitors[i].bAvailable && \r\n\t\t\t\texhibitors[i].viewName === viewName ||\r\n\t\t\tfilter === \"all\" && !exhibitors[i].bAvailable) {\r\n\t\t\t\r\n row = makeRow( exhibitors[i].name, exhibitors[i].location);\r\n tb.appendChild( row);\r\n }\r\n }\r\n \r\n return obj;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.printTree = function( list, arr, booths) {\r\n var obj = {};\r\n var prtList = list.cloneNode( true);\r\n var companies = prtList.getElementsByClassName( \"comp\");\r\n var span = null;\r\n var i = 0;\r\n var k = 0;\r\n var index = -1;\r\n var arBooths;\r\n var bthIdx;\r\n var bthNum;\r\n var numBooths;\r\n var numCompanies = companies.length;\r\n //// style for tree\r\n obj.style = \"div,ul,li{background:initial !important;background-color:white;color:black;}li{list-style:none;}ul{display:block !important;padding-left:20px}.booths{margin-left:30px;}.tree ul{margin-bottom:0.4em;}.tree ul li{list-style-type:square;}\";\r\n \r\n prtList.style.color = \"black\";\r\n \r\n if( prtList.id !== \"btnAv\") {\r\n for( i = 0; i < numCompanies; i++) {\r\n index = companies[i].getAttribute( \"data-index\");\r\n arBooths = arr[ index].split( \",\");\r\n numBooths = arBooths.length;\r\n for( k = 0; k < numBooths; k++) {\r\n arBooths[k] = booths[ arBooths[k] ].number;\r\n }\r\n bthNum = arBooths.join( \", \");\r\n span = document.createElement( \"span\");\r\n span.className = \"booths\";\r\n span.textContent = \"Booth: \" + bthNum;\r\n companies[i].appendChild( span);\r\n }\r\n }\r\n obj.content = prtList;\r\n \r\n return obj;\r\n};","/*jslint white: true, plusplus: true, vars: true, undef: true, sloppy: true */\r\n// 'use strict'\r\n\r\nexpocadfx.printList = function( header, prtList) {\r\n var printWin = null;\r\n var stuff = document.createElement( \"div\");\r\n var html = \"Print List\";\r\n \r\n// html += header.style + prtList.style + \"\";\r\n \r\n stuff.appendChild( header.content);\r\n stuff.appendChild( prtList.content);\r\n \r\n html += \"\" + stuff.innerHTML + \"