12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- var blessed = require('../');
- // Create a screen object.
- var screen = blessed.screen();
- // Create a box perfectly centered horizontally and vertically.
- var box = blessed.box({
- top: 'center',
- left: 'center',
- width: '50%',
- height: '50%',
- content: 'Hello {bold}world{/bold}!',
- tags: true,
- border: {
- type: 'line'
- },
- style: {
- fg: 'white',
- bg: 'magenta',
- border: {
- fg: '#ffffff'
- },
- hover: {
- bg: 'green'
- }
- }
- });
- // Append our box to the screen.
- screen.append(box);
- // If our box is clicked, change the content.
- box.on('click', function(data) {
- box.setContent('{center}Some different {red-fg}content{/red-fg}.{/center}');
- screen.render();
- });
- // If box is focused, handle `enter` and give us some more content.
- box.key('enter', function() {
- box.setContent('{right}Even different {black-fg}content{/black-fg}.{/right}\n');
- box.setLine(1, 'bar');
- box.insertLine(1, 'foo');
- screen.render();
- });
- // Quit on Escape, q, or Control-C.
- screen.key(['escape', 'q', 'C-c'], function(ch, key) {
- return process.exit(0);
- });
- // Focus our element.
- box.focus();
- // Render the screen.
- screen.render();
|