2014-10-17 04:03:32 +00:00
|
|
|
/* jslint node: true */
|
|
|
|
'use strict';
|
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
var events = require('events');
|
2014-10-17 04:03:32 +00:00
|
|
|
var util = require('util');
|
2014-10-20 03:06:39 +00:00
|
|
|
var assert = require('assert');
|
2014-10-22 05:12:44 +00:00
|
|
|
var ansi = require('./ansi_term.js');
|
2015-04-09 04:54:13 +00:00
|
|
|
var _ = require('lodash');
|
2014-10-17 04:03:32 +00:00
|
|
|
|
2014-10-24 04:18:38 +00:00
|
|
|
exports.View = View;
|
|
|
|
exports.VIEW_SPECIAL_KEY_MAP_DEFAULT = VIEW_SPECIAL_KEY_MAP_DEFAULT;
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
var VIEW_SPECIAL_KEY_MAP_DEFAULT = {
|
2014-10-24 04:18:38 +00:00
|
|
|
accept : [ 'enter' ],
|
2014-10-20 03:06:39 +00:00
|
|
|
exit : [ 'esc' ],
|
2015-04-14 06:19:14 +00:00
|
|
|
backspace : [ 'backspace', 'del' ],
|
2014-10-22 05:12:44 +00:00
|
|
|
del : [ 'del' ],
|
2014-10-20 03:06:39 +00:00
|
|
|
next : [ 'tab' ],
|
2014-11-01 15:50:11 +00:00
|
|
|
up : [ 'up arrow' ],
|
|
|
|
down : [ 'down arrow' ],
|
2015-04-28 02:19:17 +00:00
|
|
|
end : [ 'end' ],
|
|
|
|
home : [ 'home' ],
|
2015-04-27 22:04:41 +00:00
|
|
|
left : [ 'left arrow' ],
|
|
|
|
right : [ 'right arrow' ],
|
|
|
|
clearLine : [ 'end of medium' ],
|
2014-10-20 03:06:39 +00:00
|
|
|
};
|
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
function View(options) {
|
2014-10-22 05:12:44 +00:00
|
|
|
events.EventEmitter.call(this);
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
assert(_.isObject(options));
|
|
|
|
assert(_.isObject(options.client));
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
var self = this;
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
this.client = options.client;
|
2014-10-20 05:30:44 +00:00
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
this.cursor = options.cursor || 'show';
|
2015-04-28 02:19:17 +00:00
|
|
|
this.cursorStyle = options.cursorStyle || 'default';
|
2015-04-09 04:54:13 +00:00
|
|
|
|
2014-10-23 05:41:00 +00:00
|
|
|
this.acceptsFocus = options.acceptsFocus || false;
|
|
|
|
this.acceptsInput = options.acceptsInput || false;
|
2014-10-20 05:30:44 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
this.position = { x : 0, y : 0 };
|
|
|
|
this.dimens = { height : 1, width : 0 };
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
this.textStyle = options.textStyle || 'normal';
|
|
|
|
this.focusTextStyle = options.focusTextStyle || this.textStyle;
|
2015-04-08 05:15:34 +00:00
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
if(options.id) {
|
|
|
|
this.setId(options.id);
|
2014-10-23 05:41:00 +00:00
|
|
|
}
|
|
|
|
|
2015-04-09 04:54:13 +00:00
|
|
|
if(options.position) {
|
|
|
|
this.setPosition(options.position);
|
2014-10-20 03:06:39 +00:00
|
|
|
}
|
|
|
|
|
2015-05-07 22:14:16 +00:00
|
|
|
if(_.isObject(options.autoScale)) {
|
|
|
|
this.autoScale = options.autoScale;
|
|
|
|
} else {
|
|
|
|
this.autoScale = { height : true, width : true };
|
|
|
|
}
|
2015-05-01 04:29:24 +00:00
|
|
|
|
2015-05-06 04:19:21 +00:00
|
|
|
if(options.dimens) {
|
|
|
|
this.setDimension(options.dimens);
|
2015-05-07 22:14:16 +00:00
|
|
|
this.autoScale = { height : false, width : false };
|
2015-05-01 04:29:24 +00:00
|
|
|
} else {
|
2015-05-06 04:19:21 +00:00
|
|
|
this.dimens = { width : 0, height : 0 };
|
2014-10-20 03:06:39 +00:00
|
|
|
}
|
|
|
|
|
2015-04-30 20:39:03 +00:00
|
|
|
this.ansiSGR = options.ansiSGR || ansi.getSGRFromGraphicRendition( { fg : 39, bg : 49 }, true);
|
|
|
|
this.ansiFocusSGR = options.ansiFocusSGR || this.ansiSGR;
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2015-04-30 22:41:43 +00:00
|
|
|
this.styleSGR1 = options.styleSGR1 || this.ansiSGR;
|
|
|
|
this.styleSGR2 = options.styleSGR2 || this.ansiFocusSGR;
|
2015-04-29 04:42:22 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
if(this.acceptsInput) {
|
2015-04-09 04:54:13 +00:00
|
|
|
this.specialKeyMap = options.specialKeyMap || VIEW_SPECIAL_KEY_MAP_DEFAULT;
|
2014-10-20 03:06:39 +00:00
|
|
|
}
|
2014-10-23 05:41:00 +00:00
|
|
|
|
|
|
|
this.isSpecialKeyMapped = function(keySet, keyName) {
|
|
|
|
return this.specialKeyMap[keySet].indexOf(keyName) > -1;
|
|
|
|
};
|
2014-10-27 04:06:41 +00:00
|
|
|
|
|
|
|
this.getANSIColor = function(color) {
|
|
|
|
var sgr = [ color.flags, color.fg ];
|
|
|
|
if(color.bg !== color.flags) {
|
|
|
|
sgr.push(color.bg);
|
|
|
|
}
|
|
|
|
return ansi.sgr(sgr);
|
|
|
|
};
|
2015-04-28 02:19:17 +00:00
|
|
|
|
|
|
|
this.hideCusor = function() {
|
|
|
|
self.client.term.write(ansi.hideCursor());
|
|
|
|
};
|
|
|
|
|
|
|
|
this.restoreCursor = function() {
|
|
|
|
//this.client.term.write(ansi.setCursorStyle(this.cursorStyle));
|
|
|
|
this.client.term.write('show' === this.cursor ? ansi.showCursor() : ansi.hideCursor());
|
|
|
|
};
|
2014-10-20 03:06:39 +00:00
|
|
|
}
|
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
util.inherits(View, events.EventEmitter);
|
2014-10-20 05:30:44 +00:00
|
|
|
|
2014-10-23 05:41:00 +00:00
|
|
|
View.prototype.setId = function(id) {
|
|
|
|
this.id = id;
|
|
|
|
};
|
2014-10-20 05:30:44 +00:00
|
|
|
|
2015-04-14 06:19:14 +00:00
|
|
|
View.prototype.getId = function() {
|
|
|
|
return this.id;
|
|
|
|
};
|
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
View.prototype.setPosition = function(pos) {
|
|
|
|
//
|
|
|
|
// We allow [x, y], { x : x, y : y }, or (x, y)
|
|
|
|
//
|
|
|
|
if(util.isArray(pos)) {
|
|
|
|
this.position.x = pos[0];
|
|
|
|
this.position.y = pos[1];
|
|
|
|
} else if(pos.x && pos.y) {
|
|
|
|
this.position.x = pos.x;
|
|
|
|
this.position.y = pos.y;
|
|
|
|
} else if(2 === arguments.length) {
|
2014-10-23 05:41:00 +00:00
|
|
|
this.position.x = parseInt(arguments[0], 10);
|
|
|
|
this.position.y = parseInt(arguments[1], 10);
|
2014-10-20 03:06:39 +00:00
|
|
|
}
|
2014-10-23 05:41:00 +00:00
|
|
|
|
|
|
|
assert(!(isNaN(this.position.x)));
|
|
|
|
assert(!(isNaN(this.position.y)));
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2014-10-30 04:23:44 +00:00
|
|
|
assert(
|
|
|
|
this.position.x > 0 && this.position.x <= this.client.term.termHeight,
|
|
|
|
'X position ' + this.position.x + ' out of terminal range ' + this.client.term.termHeight);
|
|
|
|
|
|
|
|
assert(
|
|
|
|
this.position.y > 0 && this.position.y <= this.client.term.termWidth,
|
|
|
|
'Y position ' + this.position.y + ' out of terminal range ' + this.client.term.termWidth);
|
2014-10-20 03:06:39 +00:00
|
|
|
};
|
|
|
|
|
2015-05-06 04:19:21 +00:00
|
|
|
View.prototype.setDimension = function(dimens) {
|
|
|
|
assert(_.isObject(dimens) && _.isNumber(dimens.height) && _.isNumber(dimens.width));
|
|
|
|
|
|
|
|
this.dimens = dimens;
|
2015-05-07 22:14:16 +00:00
|
|
|
this.autoScale = { height : false, width : false };
|
2015-05-06 04:19:21 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
View.prototype.setHeight = function(height) {
|
2015-05-07 22:14:16 +00:00
|
|
|
this.dimens.height = height;
|
|
|
|
this.autoScale.height = false;
|
2015-05-06 04:19:21 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
View.prototype.setWidth = function(width) {
|
2015-05-07 22:14:16 +00:00
|
|
|
this.dimens.width = width;
|
|
|
|
this.autoScale.width = false;
|
2015-05-06 04:19:21 +00:00
|
|
|
};
|
|
|
|
|
2015-04-29 21:38:20 +00:00
|
|
|
/*
|
2015-04-14 06:19:14 +00:00
|
|
|
View.prototype.setColor = function(color, bgColor, flags) {
|
|
|
|
if(_.isObject(color)) {
|
|
|
|
assert(_.has(color, 'fg'));
|
|
|
|
assert(_.has(color, 'bg'));
|
|
|
|
assert(_.has(color, 'flags'));
|
|
|
|
|
|
|
|
this.color = color;
|
|
|
|
} else {
|
|
|
|
if(color) {
|
|
|
|
this.color.fg = color;
|
|
|
|
}
|
2015-04-12 05:48:41 +00:00
|
|
|
|
2015-04-14 06:19:14 +00:00
|
|
|
if(bgColor) {
|
|
|
|
this.color.bg = bgColor;
|
|
|
|
}
|
|
|
|
|
|
|
|
if(_.isNumber(flags)) {
|
|
|
|
this.color.flags = flags;
|
|
|
|
}
|
2015-04-12 05:48:41 +00:00
|
|
|
}
|
|
|
|
|
2015-04-14 06:19:14 +00:00
|
|
|
// allow strings such as 'red', 'black', etc. to be passed
|
|
|
|
if(_.isString(this.color.fg)) {
|
|
|
|
this.color.fg = ansi.getFGColorValue(this.color.fg);
|
2015-04-12 05:48:41 +00:00
|
|
|
}
|
2015-04-14 06:19:14 +00:00
|
|
|
|
|
|
|
if(_.isString(this.color.bg)) {
|
|
|
|
this.color.bg = ansi.getBGColorValue(this.color.bg);
|
|
|
|
}
|
2015-04-12 05:48:41 +00:00
|
|
|
};
|
2015-04-29 21:38:20 +00:00
|
|
|
*/
|
2015-04-12 05:48:41 +00:00
|
|
|
|
2015-04-29 21:38:20 +00:00
|
|
|
View.prototype.getSGR = function() {
|
2015-04-30 20:39:03 +00:00
|
|
|
return this.ansiSGR;
|
2015-05-06 04:19:21 +00:00
|
|
|
};
|
2015-04-29 21:38:20 +00:00
|
|
|
|
|
|
|
View.prototype.getFocusSGR = function() {
|
2015-04-30 20:39:03 +00:00
|
|
|
return this.ansiFocusSGR;
|
2015-05-06 04:19:21 +00:00
|
|
|
};
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
View.prototype.redraw = function() {
|
|
|
|
this.client.term.write(ansi.goto(this.position.x, this.position.y));
|
2014-10-20 03:06:39 +00:00
|
|
|
};
|
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
View.prototype.setFocus = function(focused) {
|
|
|
|
assert(this.acceptsFocus, 'View does not accept focus');
|
2014-10-20 03:06:39 +00:00
|
|
|
|
2014-10-22 05:12:44 +00:00
|
|
|
this.hasFocus = focused;
|
2015-04-28 02:19:17 +00:00
|
|
|
this.restoreCursor();
|
2014-10-24 04:18:38 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
View.prototype.onKeyPress = function(key, isSpecial) {
|
|
|
|
assert(this.hasFocus, 'View does not have focus');
|
|
|
|
assert(this.acceptsInput, 'View does not accept input');
|
|
|
|
};
|
|
|
|
|
|
|
|
View.prototype.onSpecialKeyPress = function(keyName) {
|
|
|
|
assert(this.hasFocus, 'View does not have focus');
|
|
|
|
assert(this.acceptsInput, 'View does not accept input');
|
|
|
|
assert(this.specialKeyMap, 'No special key map defined');
|
|
|
|
|
|
|
|
if(this.isSpecialKeyMapped('accept', keyName)) {
|
|
|
|
this.emit('action', 'accept');
|
|
|
|
} else if(this.isSpecialKeyMapped('next', keyName)) {
|
2015-04-21 04:50:58 +00:00
|
|
|
this.emit('action', 'next');
|
2014-10-24 04:18:38 +00:00
|
|
|
}
|
2014-11-02 19:07:17 +00:00
|
|
|
};
|
|
|
|
|
2015-04-17 04:29:53 +00:00
|
|
|
View.prototype.getData = function() {
|
2014-10-20 03:06:39 +00:00
|
|
|
};
|