286 lines
6.4 KiB
JavaScript
286 lines
6.4 KiB
JavaScript
/**
|
|
* listtable.js - list table element for blessed
|
|
* Copyright (c) 2013-2015, Christopher Jeffrey and contributors (MIT License).
|
|
* https://github.com/chjj/blessed
|
|
*/
|
|
|
|
/**
|
|
* Modules
|
|
*/
|
|
|
|
var Node = require('./node');
|
|
var Box = require('./box');
|
|
var List = require('./list');
|
|
var Table = require('./table');
|
|
|
|
/**
|
|
* ListTable
|
|
*/
|
|
|
|
function ListTable(options) {
|
|
var self = this;
|
|
|
|
if (!(this instanceof Node)) {
|
|
return new ListTable(options);
|
|
}
|
|
|
|
options = options || {};
|
|
|
|
// options.shrink = true;
|
|
options.normalShrink = true;
|
|
options.style = options.style || {};
|
|
options.style.border = options.style.border || {};
|
|
options.style.header = options.style.header || {};
|
|
options.style.cell = options.style.cell || {};
|
|
this.__align = options.align || 'center';
|
|
delete options.align;
|
|
|
|
options.style.selected = options.style.cell.selected;
|
|
options.style.item = options.style.cell;
|
|
|
|
var border = options.border;
|
|
if (border
|
|
&& border.top === false
|
|
&& border.bottom === false
|
|
&& border.left === false
|
|
&& border.right === false) {
|
|
delete options.border;
|
|
}
|
|
|
|
List.call(this, options);
|
|
|
|
options.border = border;
|
|
|
|
this._header = new Box({
|
|
parent: this,
|
|
left: this.screen.autoPadding ? 0 : this.ileft,
|
|
top: 0,
|
|
width: 'shrink',
|
|
height: 1,
|
|
style: options.style.header,
|
|
tags: options.parseTags || options.tags
|
|
});
|
|
|
|
this.on('scroll', function() {
|
|
self._header.setFront();
|
|
self._header.rtop = self.childBase;
|
|
if (!self.screen.autoPadding) {
|
|
self._header.rtop = self.childBase + (self.border ? 1 : 0);
|
|
}
|
|
});
|
|
|
|
this.pad = options.pad != null
|
|
? options.pad
|
|
: 2;
|
|
|
|
this.setData(options.rows || options.data);
|
|
|
|
this.on('attach', function() {
|
|
self.setData(self.rows);
|
|
});
|
|
|
|
this.on('resize', function() {
|
|
var selected = self.selected;
|
|
self.setData(self.rows);
|
|
self.select(selected);
|
|
self.screen.render();
|
|
});
|
|
}
|
|
|
|
ListTable.prototype.__proto__ = List.prototype;
|
|
|
|
ListTable.prototype.type = 'list-table';
|
|
|
|
ListTable.prototype._calculateMaxes = Table.prototype._calculateMaxes;
|
|
|
|
ListTable.prototype.setRows =
|
|
ListTable.prototype.setData = function(rows) {
|
|
var self = this
|
|
, align = this.__align
|
|
, selected = this.selected
|
|
, original = this.items.slice()
|
|
, sel = this.ritems[this.selected];
|
|
|
|
if (this.visible && this.lpos) {
|
|
this.clearPos();
|
|
}
|
|
|
|
this.clearItems();
|
|
|
|
this.rows = rows || [];
|
|
|
|
this._calculateMaxes();
|
|
|
|
if (!this._maxes) return;
|
|
|
|
this.addItem('');
|
|
|
|
this.rows.forEach(function(row, i) {
|
|
var isHeader = i === 0;
|
|
var text = '';
|
|
row.forEach(function(cell, i) {
|
|
var width = self._maxes[i];
|
|
var clen = self.strWidth(cell);
|
|
|
|
if (i !== 0) {
|
|
text += ' ';
|
|
}
|
|
|
|
while (clen < width) {
|
|
if (align === 'center') {
|
|
cell = ' ' + cell + ' ';
|
|
clen += 2;
|
|
} else if (align === 'left') {
|
|
cell = cell + ' ';
|
|
clen += 1;
|
|
} else if (align === 'right') {
|
|
cell = ' ' + cell;
|
|
clen += 1;
|
|
}
|
|
}
|
|
|
|
if (clen > width) {
|
|
if (align === 'center') {
|
|
cell = cell.substring(1);
|
|
clen--;
|
|
} else if (align === 'left') {
|
|
cell = cell.slice(0, -1);
|
|
clen--;
|
|
} else if (align === 'right') {
|
|
cell = cell.substring(1);
|
|
clen--;
|
|
}
|
|
}
|
|
|
|
text += cell;
|
|
});
|
|
if (isHeader) {
|
|
self._header.setContent(text);
|
|
} else {
|
|
self.addItem(text);
|
|
}
|
|
});
|
|
|
|
this._header.setFront();
|
|
|
|
// Try to find our old item if it still exists.
|
|
sel = this.ritems.indexOf(sel);
|
|
if (~sel) {
|
|
this.select(sel);
|
|
} else if (this.items.length === original.length) {
|
|
this.select(selected);
|
|
} else {
|
|
this.select(Math.min(selected, this.items.length - 1));
|
|
}
|
|
};
|
|
|
|
ListTable.prototype._select = ListTable.prototype.select;
|
|
ListTable.prototype.select = function(i) {
|
|
if (i === 0) {
|
|
i = 1;
|
|
}
|
|
if (i <= this.childBase) {
|
|
this.setScroll(this.childBase - 1);
|
|
}
|
|
this._select(i);
|
|
// Correct scrolling for header offset.
|
|
this.scrollTo(this.selected - 1);
|
|
if (this.rows && this.selected) {
|
|
this.emit('selectrow', this.rows[this.selected], this.selected)
|
|
}
|
|
};
|
|
|
|
ListTable.prototype.render = function() {
|
|
var self = this;
|
|
|
|
var coords = this._render();
|
|
if (!coords) return;
|
|
|
|
this._calculateMaxes();
|
|
|
|
if (!this._maxes) return coords;
|
|
|
|
var lines = this.screen.lines
|
|
, xi = coords.xi
|
|
, yi = coords.yi
|
|
, rx
|
|
, ry
|
|
, i;
|
|
|
|
var battr = this.sattr(this.style.border);
|
|
|
|
var height = coords.yl - coords.yi - this.ibottom;
|
|
|
|
var border = this.border;
|
|
if (!this.border && this.options.border) {
|
|
border = this.options.border;
|
|
}
|
|
|
|
if (!border || this.options.noCellBorders) return coords;
|
|
|
|
// Draw border with correct angles.
|
|
ry = 0;
|
|
for (i = 0; i < height + 1; i++) {
|
|
if (!lines[yi + ry]) break;
|
|
rx = 0;
|
|
self._maxes.slice(0, -1).forEach(function(max) {
|
|
rx += max;
|
|
if (!lines[yi + ry][xi + rx + 1]) return;
|
|
// center
|
|
if (ry === 0) {
|
|
// top
|
|
rx++;
|
|
lines[yi + ry][xi + rx][0] = battr;
|
|
lines[yi + ry][xi + rx][1] = '\u252c'; // '┬'
|
|
// XXX If we alter iheight and itop for no borders - nothing should be written here
|
|
if (!border.top) {
|
|
lines[yi + ry][xi + rx][1] = '\u2502'; // '│'
|
|
}
|
|
lines[yi + ry].dirty = true;
|
|
} else if (ry === height) {
|
|
// bottom
|
|
rx++;
|
|
lines[yi + ry][xi + rx][0] = battr;
|
|
lines[yi + ry][xi + rx][1] = '\u2534'; // '┴'
|
|
// XXX If we alter iheight and ibottom for no borders - nothing should be written here
|
|
if (!border.bottom) {
|
|
lines[yi + ry][xi + rx][1] = '\u2502'; // '│'
|
|
}
|
|
lines[yi + ry].dirty = true;
|
|
} else {
|
|
// middle
|
|
rx++;
|
|
}
|
|
});
|
|
ry += 1;
|
|
}
|
|
|
|
// Draw internal borders.
|
|
for (ry = 1; ry < height; ry++) {
|
|
if (!lines[yi + ry]) break;
|
|
rx = 0;
|
|
self._maxes.slice(0, -1).forEach(function(max) {
|
|
rx += max;
|
|
if (!lines[yi + ry][xi + rx + 1]) return;
|
|
if (self.options.fillCellBorders !== false) {
|
|
var lbg = lines[yi + ry][xi + rx][0] & 0x1ff;
|
|
rx++;
|
|
lines[yi + ry][xi + rx][0] = (battr & ~0x1ff) | lbg;
|
|
} else {
|
|
rx++;
|
|
lines[yi + ry][xi + rx][0] = battr;
|
|
}
|
|
lines[yi + ry][xi + rx][1] = '\u2502'; // '│'
|
|
lines[yi + ry].dirty = true;
|
|
});
|
|
}
|
|
|
|
return coords;
|
|
};
|
|
|
|
/**
|
|
* Expose
|
|
*/
|
|
|
|
module.exports = ListTable;
|