1 | var blessed = require('../');
|
2 |
|
3 |
|
4 | var screen = blessed.screen();
|
5 |
|
6 |
|
7 | var box = blessed.box({
|
8 | top: 'center',
|
9 | left: 'center',
|
10 | width: '50%',
|
11 | height: '50%',
|
12 | content: 'Hello {bold}world{/bold}!',
|
13 | tags: true,
|
14 | border: {
|
15 | type: 'line'
|
16 | },
|
17 | style: {
|
18 | fg: 'white',
|
19 | bg: 'magenta',
|
20 | border: {
|
21 | fg: '#ffffff'
|
22 | },
|
23 | hover: {
|
24 | bg: 'green'
|
25 | }
|
26 | }
|
27 | });
|
28 |
|
29 |
|
30 | screen.append(box);
|
31 |
|
32 |
|
33 | box.on('click', function(data) {
|
34 | box.setContent('{center}Some different {red-fg}content{/red-fg}.{/center}');
|
35 | screen.render();
|
36 | });
|
37 |
|
38 |
|
39 | box.key('enter', function() {
|
40 | box.setContent('{right}Even different {black-fg}content{/black-fg}.{/right}\n');
|
41 | box.setLine(1, 'bar');
|
42 | box.insertLine(1, 'foo');
|
43 | screen.render();
|
44 | });
|
45 |
|
46 |
|
47 | screen.key(['escape', 'q', 'C-c'], function(ch, key) {
|
48 | return process.exit(0);
|
49 | });
|
50 |
|
51 |
|
52 | box.focus();
|
53 |
|
54 |
|
55 | screen.render();
|