| 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();
|