warden/rlgwebd
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make the emulator screen resizable.

Browse source
This commit is contained in:
John "Elwin" Edwards 2012-05-09 13:38:05 -07:00
parent 5b0be4c820
commit 02cc454ad1
4 changed files with 95 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

62
termemu.js
View file

@ -54,6 +54,7 @@ function Cursor(src) {
// An object representing the terminal emulator.
var termemu = {
sessid: null, // Session key assigned by the server
alive: false,
/* Some elements of the page. */
inwrap: null, // A non-table div wrapping the screen
view: null, // The div holding the terminal screen
@ -192,14 +193,67 @@ var termemu = {
/* Attach them. */
this.view = termdiv;
this.screen = this.normbuf;
this.resize();
this.fixsize();
this.cmove(0, 0);
},
resize: function (h, w) {
if (this.screen == null)
return;
if (!(h > 0 && h < 256))
h = this.h;
if (!(w > 0 && w < 256))
w = this.w;
/* First give all the rows the right number of cells. */
var allrows = Array().concat(this.histbuf.childNodes,
this.normbuf.childNodes,
this.altbuf.childNodes);
for (var i = 0; i < allrows.length; i++) {
var row = allrows[i];
for (var j = Math.min(w, this.w); j < Math.max(w, this.w); j++) {
if (w < this.w)
row.removeChild(row.childNodes.lastChild);
else
row.appendChild(this.makeCell(' '));
}
}
this.w = w;
/* Now the rows. */
/* Resizing altbuf isn't always necessary. */
/* TODO resize and scrolling region interact in complicated ways that I
* don't want to reverse-engineer. For the moment, just don't do that.
*/
if (h > this.h) {
for (var i = this.h; i < h; i++) {
this.normbuf.appendChild(this.makeRow());
this.altbuf.appendChild(this.makeRow());
}
}
else if (h < this.h) {
for (var i = h; i < this.h; i++) {
this.histbuf.appendChild(this.normbuf.firstChild);
if (this.altbuf.firstChild)
this.altbuf.removeChild(this.altbuf.firstChild);
}
}
/* Keep it on the bottom */
if (this.scrB == this.h - 1)
this.scrB = h - 1;
else if (this.scrB >= h)
this.scrB = h - 1;
if (this.scrT >= h - 1)
this.scrT = 0;
this.h = h;
this.fixsize();
/* If the cursor is now offscreen, cmove()'s sanity checks will fix it. */
this.cmove(null, null);
debug(1, "Size is now " + this.w + "x" + this.h);
return;
},
valign: function () {
if (this.screen == this.normbuf)
this.inwrap.scrollTop = this.histbuf.clientHeight;
},
resize: function () {
fixsize: function () {
var owrap = document.getElementById("termwrap");
/* Set the height up properly. */
this.inwrap.style.height = this.screen.scrollHeight.toString() + "px";
@ -215,7 +269,9 @@ var termemu = {
flipCursor: function () {
/* Swaps the text and background colors of the active location. */
/* This will change when other cursor styles are supported. */
if (this.c.x != null && this.c.y != null) {
/* Check: the cursor might be offscreen if it was resized. */
if (this.c.x != null && this.c.y != null && this.c.x >= 0 &&
this.c.x < this.w && this.c.y >= 0 && this.c.y < this.h) {
var oldcell = this.screen.childNodes[this.c.y].childNodes[this.c.x];
var tempswap = oldcell.style.color;
oldcell.style.color = oldcell.style.backgroundColor;