138 lines
3.9 KiB
JavaScript
138 lines
3.9 KiB
JavaScript
/* jslint node: true */
|
|
'use strict';
|
|
|
|
const MenuView = require('./menu_view.js').MenuView;
|
|
const ansi = require('./ansi_term.js');
|
|
const strUtil = require('./string_util.js');
|
|
const { pipeToAnsi } = require('./color_codes.js');
|
|
const formatString = require('./string_format');
|
|
|
|
const util = require('util');
|
|
const assert = require('assert');
|
|
const _ = require('lodash');
|
|
|
|
exports.SpinnerMenuView = SpinnerMenuView;
|
|
|
|
function SpinnerMenuView(options) {
|
|
options.justify = options.justify || 'left';
|
|
options.cursor = options.cursor || 'hide';
|
|
|
|
MenuView.call(this, options);
|
|
|
|
this.initDefaultWidth();
|
|
|
|
var self = this;
|
|
|
|
/*
|
|
this.cachePositions = function() {
|
|
self.positionCacheExpired = false;
|
|
};
|
|
*/
|
|
|
|
this.updateSelection = function () {
|
|
//assert(!self.positionCacheExpired);
|
|
|
|
assert(this.focusedItemIndex >= 0 && this.focusedItemIndex <= self.items.length);
|
|
|
|
this.drawItem(this.focusedItemIndex);
|
|
this.emit('index update', this.focusedItemIndex);
|
|
};
|
|
|
|
this.drawItem = function (index) {
|
|
const item = this.items[index];
|
|
if (!item) {
|
|
return;
|
|
}
|
|
|
|
const cached = this.getRenderCacheItem(index, this.hasFocus);
|
|
if (cached) {
|
|
return this.client.term.write(
|
|
`${ansi.goto(this.position.row, this.position.col)}${cached}`
|
|
);
|
|
}
|
|
|
|
let text;
|
|
let sgr;
|
|
if (this.complexItems) {
|
|
text = pipeToAnsi(
|
|
formatString(
|
|
this.hasFocus && this.focusItemFormat
|
|
? this.focusItemFormat
|
|
: this.itemFormat,
|
|
item
|
|
)
|
|
);
|
|
sgr = this.focusItemFormat
|
|
? ''
|
|
: this.hasFocus
|
|
? this.getFocusSGR()
|
|
: self.getSGR();
|
|
} else {
|
|
text = strUtil.stylizeString(
|
|
item.text,
|
|
this.hasFocus ? self.focusTextStyle : self.textStyle
|
|
);
|
|
sgr = this.hasFocus ? this.getFocusSGR() : this.getSGR();
|
|
}
|
|
|
|
text = `${sgr}${strUtil.pad(
|
|
text,
|
|
this.dimens.width,
|
|
this.fillChar,
|
|
this.justify
|
|
)}`;
|
|
this.client.term.write(
|
|
`${ansi.goto(this.position.row, this.position.col)}${text}`
|
|
);
|
|
this.setRenderCacheItem(index, text, this.hasFocus);
|
|
};
|
|
}
|
|
|
|
util.inherits(SpinnerMenuView, MenuView);
|
|
|
|
SpinnerMenuView.prototype.redraw = function () {
|
|
SpinnerMenuView.super_.prototype.redraw.call(this);
|
|
this.drawItem(this.focusedItemIndex);
|
|
};
|
|
|
|
SpinnerMenuView.prototype.setFocus = function (focused) {
|
|
SpinnerMenuView.super_.prototype.setFocus.call(this, focused);
|
|
this.redraw();
|
|
};
|
|
|
|
SpinnerMenuView.prototype.setFocusItemIndex = function (index) {
|
|
SpinnerMenuView.super_.prototype.setFocusItemIndex.call(this, index); // sets this.focusedItemIndex
|
|
this.updateSelection(); // will redraw
|
|
};
|
|
|
|
SpinnerMenuView.prototype.onKeyPress = function (ch, key) {
|
|
if (key) {
|
|
if (this.isKeyMapped('up', key.name)) {
|
|
if (0 === this.focusedItemIndex) {
|
|
this.focusedItemIndex = this.items.length - 1;
|
|
} else {
|
|
this.focusedItemIndex--;
|
|
}
|
|
|
|
this.updateSelection();
|
|
return;
|
|
} else if (this.isKeyMapped('down', key.name)) {
|
|
if (this.items.length - 1 === this.focusedItemIndex) {
|
|
this.focusedItemIndex = 0;
|
|
} else {
|
|
this.focusedItemIndex++;
|
|
}
|
|
|
|
this.updateSelection();
|
|
return;
|
|
}
|
|
}
|
|
|
|
SpinnerMenuView.super_.prototype.onKeyPress.call(this, ch, key);
|
|
};
|
|
|
|
SpinnerMenuView.prototype.getData = function () {
|
|
const item = this.getItem(this.focusedItemIndex);
|
|
return _.isString(item.data) ? item.data : this.focusedItemIndex;
|
|
};
|