Implemented Terminal.prototype.fit

Implemented fit method for Terminal objects, which:
  - Fits the terminal's columns to its parent element width
  - Fits the terminal's rows to its parent element height
This commit is contained in:
paris
2014-03-25 19:18:19 +00:00
parent 725e9423be
commit dc3946f6da
2 changed files with 34 additions and 5 deletions
+30 -1
View File
@@ -2712,9 +2712,38 @@ Terminal.prototype.resize = function(x, y) {
this.normal = null;
this.emit('resize', {terminal: this, columns: x, rows: y});
this.emit('resize', {terminal: this, cols: x, rows: y});
};
/*
* Fit terminal columns and rows to the dimensions of its
* DOM element.
*
* Approach:
* - Rows: Truncate the division of the terminal parent element height
* by the terminal row height
*
* - Columns: Truncate the division of the terminal parent element width by
* the terminal character width (apply display: inline at the
* terminal row and truncate its width with the current number
* of columns)
*/
Terminal.prototype.fit = function () {
var container = this.element.parentElement,
subjectRow = this.element.firstElementChild,
rows = parseInt(container.offsetHeight / subjectRow.offsetHeight),
characterWidth,
cols;
subjectRow.style.display = 'inline';
characterWidth = parseInt(subjectRow.offsetWidth / this.cols);
subjectRow.style.display = '';
cols = parseInt(container.offsetWidth / characterWidth);
this.resize(cols, rows);
}
Terminal.prototype.updateRange = function(y) {
if (y < this.refreshStart) this.refreshStart = y;
if (y > this.refreshEnd) this.refreshEnd = y;