Skip to content

Comedalte/terminal-layout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

terminal-layout

Under construction do not use for production.

This is an experiment with terminal layout

Features

  • Grid with optional border where menus and text can fit
  • Multiple menus changing focus on tab
  • Colored text views, center text

Menu and text can easily be colored (text and background).

Docs

Layout

var layout = require("terminal-layout")()

  • setColors(color, backcolor)
  • setWidth(width) //
  • grid(cols) // creates new grid view
  • text(string) // creates new text view
  • menu(title) // creates new menu view
  • print(view) // prints view (resets focus to first focusable view)
  • paint() // prints view
  • kill() // destroys layout (do this to quit application)
  • focusNext() // focus on next focusable view
  • focus(view) // focus a view

Grid

var grid = layout.grid(3);

  • add(view) // adds view to grid at first possible slot
  • cols // number of columns
  • border // have border around cells or not, Default: true

Text

var text = layout.text("My text string");

  • text // Text to print
  • color // color of text
  • backcolor // background color
  • center // center align text, Default false

Menu

var menu = layout.menu("MY MENU TITLE");

  • add(label, callback) // Add a menu option
  • title // title of menu
  • color // text color for menu
  • backcolor // background color

Example

Example with 3 menus and som text

var layout = require("terminal-layout")();
layout.setColors("white", "red");

layout.setWidth(100);
var grid = layout.grid(1);
grid.border = false;

grid.add(" ");
var header = layout.text("SUPERAPP");
header.center = true;
grid.add(header);
grid.add(" ");

var menu_grid = layout.grid(2);
grid.add(menu_grid);

var menu = layout.menu();
menu.add("Test", function() {
	console.log("Test");
	menu.unfocus();
});
menu.add("Quit", function() {
	layout.kill();
});
menu.backcolor = "green";
menu_grid.add(menu);

var submenu = layout.menu();
submenu.title = "Subber";
submenu.add("Submenu", function() {
	console.log("Test");
});
submenu.add("Wadda", function() {
	// Repaint layout
	layout.paint();

	console.log("Wadda");
});
submenu.add("No kill", function() {

});
menu_grid.add(submenu);

var thirdGrid = layout.grid(2);

var mainmenu = layout.menu();
mainmenu.title = "ANIMALS";
mainmenu.add("Cat", function() {
	console.log("Cat");
});
mainmenu.add("Dog", function() {
	console.log("Dog");
	layout.paint();
});
mainmenu.add("Frog", function() {
	console.log("Frog");
});
thirdGrid.add(mainmenu);

var table = layout.grid(1);
table.add("Upper direct");
table.add(layout.text("Bottom"));
table.border = true;
thirdGrid.add(table);

grid.add(thirdGrid);

layout.print(grid);

License

MIT

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published