Method handleClick

js/src/GridHeatMap.ts:172–246

(args)

  }

  private handleClick(args) {
    const index = args.rowNum * this.numColumns + args.columnNum;
    const row = args.rowNum;
    const column = args.columnNum;
    let idx: [number, number][] = Array.from(this.model.get('selected') || []);
    let selected = this.indicesToCellNums(idx);
    const elem_index = selected.indexOf(index);
    const accelKey = d3GetEvent().ctrlKey || d3GetEvent().metaKey;
    //TODO: This is a shim for when accelKey is supported by chrome.
    // index of slice i. Checking if it is already present in the
    // list
    if (elem_index > -1 && accelKey) {
      // if the index is already selected and if ctrl key is
      // pressed, remove the element from the list
      idx.splice(elem_index, 1);
    } else {
      if (!accelKey) {
        selected = [];
        idx = [];
      }
      idx.push([row, column]);
      selected.push(this.indicesToCellNums([[row, column]])[0]);
      if (d3GetEvent().shiftKey) {
        //If shift is pressed and the element is already
        //selected, do not do anything
        if (elem_index > -1) {
          return;
        }
        //Add elements before or after the index of the current
        //slice which has been clicked
        const row_index = selected.length !== 0 ? this.anchorCellIndex[0] : row;
        const col_index =
          selected.length !== 0 ? this.anchorCellIndex[1] : column;
        _.range(Math.min(row, row_index), Math.max(row, row_index) + 1).forEach(
          (i) => {
            _.range(
              Math.min(column, col_index),
              Math.max(column, col_index) + 1
            ).forEach((j) => {
              const cell_num = this.indicesToCellNums([[i, j]])[0];
              if (selected.indexOf(cell_num) === -1) {
                selected.push(cell_num);
                idx.push([i, j]);
              }
            });
          }
        );
      } else {
        // updating the array containing the slice indexes selected
        // and updating the style
        this.anchorCellIndex = [row, column];
      }
    }

    this.model.set('selected', idx.length === 0 ? null : idx, {
      updated_view: this,
    });
    this.touch();