RLGWebD: termemu.js comparison

comparison termemu.js @ 9:826a7ced69f8

Make the emulator screen resizable.

author	John "Elwin" Edwards <elwin@sdf.org>
date	Wed, 09 May 2012 13:38:05 -0700
parents	ee22eb9ab009
children	de01aafd4dd6

comparison

equal deleted inserted replaced

-:ad0a31e52007
+:826a7ced69f8
 }
 // 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
 screen: null,   // The div representing the active screen area
 normbuf: null,  // The normal screen buffer
 this.altbuf.style.display = "none";
 /* altbuf will be filled when it is used. */
 /* 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";
 this.valign();
 // Figure out how wide the vertical scrollbar is.
 },
 comseq: [], // Part of an impending control sequence
 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;
 oldcell.style.backgroundColor = tempswap;
 }