1 | var blessed = require('blessed')
|
2 | , screen = blessed.screen();
|
3 |
|
4 | var form = blessed.form({
|
5 | parent: screen,
|
6 | keys: true,
|
7 | left: 0,
|
8 | top: 0,
|
9 | width: 30,
|
10 | height: 4,
|
11 | bg: 'green',
|
12 | content: 'Submit or cancel?'
|
13 | });
|
14 |
|
15 | var submit = blessed.button({
|
16 | parent: form,
|
17 | mouse: true,
|
18 | keys: true,
|
19 | shrink: true,
|
20 | padding: {
|
21 | left: 1,
|
22 | right: 1
|
23 | },
|
24 | left: 10,
|
25 | top: 2,
|
26 | shrink: true,
|
27 | name: 'submit',
|
28 | content: 'submit',
|
29 | style: {
|
30 | bg: 'blue',
|
31 | focus: {
|
32 | bg: 'red'
|
33 | },
|
34 | hover: {
|
35 | bg: 'red'
|
36 | }
|
37 | }
|
38 | });
|
39 |
|
40 | var cancel = blessed.button({
|
41 | parent: form,
|
42 | mouse: true,
|
43 | keys: true,
|
44 | shrink: true,
|
45 | padding: {
|
46 | left: 1,
|
47 | right: 1
|
48 | },
|
49 | left: 20,
|
50 | top: 2,
|
51 | shrink: true,
|
52 | name: 'cancel',
|
53 | content: 'cancel',
|
54 | style: {
|
55 | bg: 'blue',
|
56 | focus: {
|
57 | bg: 'red'
|
58 | },
|
59 | hover: {
|
60 | bg: 'red'
|
61 | }
|
62 | }
|
63 | });
|
64 |
|
65 | submit.on('press', function() {
|
66 | form.submit();
|
67 | });
|
68 |
|
69 | cancel.on('press', function() {
|
70 | form.reset();
|
71 | });
|
72 |
|
73 | form.on('submit', function(data) {
|
74 | form.setContent('Submitted.');
|
75 | screen.render();
|
76 | });
|
77 |
|
78 | form.on('reset', function(data) {
|
79 | form.setContent('Canceled.');
|
80 | screen.render();
|
81 | });
|
82 |
|
83 | screen.key('q', function() {
|
84 | process.exit(0);
|
85 | });
|
86 |
|
87 | screen.render();
|