123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- var blessed = require('blessed')
- , screen = blessed.screen();
- var form = blessed.form({
- parent: screen,
- keys: true,
- left: 0,
- top: 0,
- width: 30,
- height: 4,
- bg: 'green',
- content: 'Submit or cancel?'
- });
- var submit = blessed.button({
- parent: form,
- mouse: true,
- keys: true,
- shrink: true,
- padding: {
- left: 1,
- right: 1
- },
- left: 10,
- top: 2,
- shrink: true,
- name: 'submit',
- content: 'submit',
- style: {
- bg: 'blue',
- focus: {
- bg: 'red'
- },
- hover: {
- bg: 'red'
- }
- }
- });
- var cancel = blessed.button({
- parent: form,
- mouse: true,
- keys: true,
- shrink: true,
- padding: {
- left: 1,
- right: 1
- },
- left: 20,
- top: 2,
- shrink: true,
- name: 'cancel',
- content: 'cancel',
- style: {
- bg: 'blue',
- focus: {
- bg: 'red'
- },
- hover: {
- bg: 'red'
- }
- }
- });
- submit.on('press', function() {
- form.submit();
- });
- cancel.on('press', function() {
- form.reset();
- });
- form.on('submit', function(data) {
- form.setContent('Submitted.');
- screen.render();
- });
- form.on('reset', function(data) {
- form.setContent('Canceled.');
- screen.render();
- });
- screen.key('q', function() {
- process.exit(0);
- });
- screen.render();
|