OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/14/2022 11:05:22 AM	rwxr-xr-x
📄 Parallel_Coordinate_Chart.js	7.37 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 backbone.js	41.59 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 filter.js	2.87 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 grid.js	4.07 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 jquery.event.drag-2.0.min.js	4.76 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 options.js	1.25 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 parallel-coordinates-lib.js	6.51 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 parallelAll.js	104.05 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 pie.js	2.16 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 slick.core.js	12.36 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 slick.dataview.js	18.52 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 slick.grid.css	2.7 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 slick.grid.js	95.33 KB	08/14/2022 11:05:22 AM	rw-r--r--
📄 slick.pager.js	5.16 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 style.css	6.25 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 tags	16.52 KB	08/14/2022 11:05:21 AM	rw-r--r--
📄 underscore.js	33.69 KB	08/14/2022 11:05:21 AM	rw-r--r--

Editing: grid.js

//
// Copyright 2011, Boundary
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

(function(undefined) {

window.grid = Backbone.View.extend({

initialize: function(options) {
      var self = this;
      for (var k in options) {
        this[k] = options[k];
      }
      this.model.bind('change:filtered', function() { self.update()});
      var custWidth= (this.width>10 ? Math.round((this.width-30)/this.columns.length):0);
      var i=0;
      this.cols = _(this.columns).map(function(col) {
        return {
          id: col,
          name: function() { if (self.alias) { return self.alias[col]; } else { return col; } }(), // how to do aliasing?
          field: col,
          //width: function() { if (col == "name") { return 320; } else if (col == "group") { return 180; } else { return 120; }}()
          width: custWidth,  //Arun Change
	  formatter:kpiFormatter,
	  headerCssClass:(self.format[i]==""?"":"alignRight"),
	  cssClass:(self.format[i]==""?"":"alignRight"),
	  format:self.format[i++]
        }
      });
      
      this.options = {
        enableCellNavigation: true,
        enableColumnReorder: true
      };

this.dataView = new Slick.Data.DataView();
      this.selectedRowIds = [];
      this.grid = new Slick.Grid("#myGrid", this.dataView, this.cols, this.options);
      this.counter = 0;

var pager = new Slick.Controls.Pager(this.dataView, this.grid, $("#pager"));

this.dataView.onRowCountChanged.subscribe(function(e,args) {
        self.grid.updateRowCount();
        self.grid.render();
      });

this.dataView.onRowsChanged.subscribe(function(e,args) {
        self.grid.invalidateRows(args.rows);
        self.grid.render();

if (self.selectedRowIds.length > 0) {
          // since how the original data maps onto rows has changed,
          // the selected rows in the grid need to be updated
          var selRows = [];
          for (var i = 0; i < self.selectedRowIds.length; i++)
          {
            var idx = self.dataView.getRowById(self.selectedRowIds[i]);
            if (idx != undefined)
              selRows.push(idx);
          }

self.grid.setSelectedRows(selRows);
        }
      });

this.dataView.onPagingInfoChanged.subscribe(function(e,pagingInfo) {
        var isLastPage = pagingInfo.pageSize*(pagingInfo.pageNum+1)-1 >= pagingInfo.totalRows;
        //var enableAddRow = isLastPage || pagingInfo.pageSize==0;
        var enableAddRow = false;   //Arun Change
        var options = self.grid.getOptions();

if (options.enableAddRow != enableAddRow)
          self.grid.setOptions({enableAddRow:enableAddRow});
      });

this.grid.onColumnsReordered.subscribe(function(e,args) {
        var columns = _(this.getColumns()).pluck('id');
        self.trigger('columnsReordered', columns);
      });
      
      if (this.selector) {
        var selected = undefined;
        this.grid.onMouseEnter.subscribe(function(e,args) {
          selected = self.grid.getCellFromEvent(e).row;
          self.selector.select(selected);
        });
        this.grid.onMouseLeave.subscribe(function(e,args) {
          selected = undefined;
          setTimeout(function() {
            if (typeof selected == "undefined") {
              self.selector.deselect(); 
            }
          }, 40);
        });
      }
    },
    update: function() {
      var self = this;
      var data = _(this.model.get('filtered')).map(function(obj) {
        obj.id = self.counter++;
        return obj;
      });
      this.dataView.beginUpdate();
      this.dataView.setItems(data);
      this.dataView.endUpdate();
    }
  });

})();