69 lines
1.0 KiB
JavaScript
69 lines
1.0 KiB
JavaScript
|
var blessed = require('../')
|
||
|
|
, screen = blessed.screen();
|
||
|
|
|
||
|
|
var box = blessed.scrollablebox({
|
||
|
|
//var box = blessed.scrollabletext({
|
||
|
|
parent: screen,
|
||
|
|
left: 'center',
|
||
|
|
top: 'center',
|
||
|
|
width: '80%',
|
||
|
|
height: '80%',
|
||
|
|
bg: 'green',
|
||
|
|
border: {
|
||
|
|
type: 'ascii'
|
||
|
|
},
|
||
|
|
content: 'foobar',
|
||
|
|
keys: true,
|
||
|
|
vi: true,
|
||
|
|
alwaysScroll: true,
|
||
|
|
scrollbar: {
|
||
|
|
ch: ' ',
|
||
|
|
inverse: true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var text = blessed.box({
|
||
|
|
parent: box,
|
||
|
|
content: 'hello',
|
||
|
|
style: {
|
||
|
|
bg: 'red'
|
||
|
|
},
|
||
|
|
left: 2,
|
||
|
|
top: 30,
|
||
|
|
width: '50%',
|
||
|
|
height: 4
|
||
|
|
});
|
||
|
|
|
||
|
|
var text2 = blessed.box({
|
||
|
|
parent: box,
|
||
|
|
content: 'world',
|
||
|
|
style: {
|
||
|
|
bg: 'red'
|
||
|
|
},
|
||
|
|
left: 2,
|
||
|
|
top: 50,
|
||
|
|
width: '50%',
|
||
|
|
height: 3
|
||
|
|
});
|
||
|
|
|
||
|
|
screen.key('q', function() {
|
||
|
|
return process.exit(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
box.on('keypress', function(ch, key) {
|
||
|
|
if (key.name === 'up' || key.name === 'k') {
|
||
|
|
box.scroll(-1);
|
||
|
|
screen.render();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (key.name === 'down' || key.name === 'j') {
|
||
|
|
box.scroll(1);
|
||
|
|
screen.render();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
box.focus();
|
||
|
|
|
||
|
|
screen.render();
|