Giter Site home page Giter Site logo

threeletters / cli-gui Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 88 KB

A way to have a graphical interface for your server through command line

Home Page: https://www.npmjs.com/package/cli-gui

License: Other

JavaScript 100.00%
npm-package nodejs cli-gui

cli-gui's Introduction

NPM Donate

screen shot 2016-09-03 at 12 53 02 pm

CLI-GUI

A simple way to have a graphical interface through command line

Usage

npm install cli-gui

Using it in your code

var CLIGUI = require('cli-gui')
var cligui = new CLIGUI()

Features

  • File editor
  • list interface
  • checklist
  • prompts
  • popup boxes
  • Works for most operating systems

Example

node examples/example.js

File editor
cligui.editor('./file.js',function(returnedfile) {
// your callback
})
List
var objects = [
"item0",
"item1",
"item2",
{option: "item3",description: "You can even add descriptions!"}
]
var callbacks = [
function() {}, // item0
function() {}, // item1
function() {}, // item2
function() {}  // item3
]
/*
Note that you can even have the callback in this format:
var callbacks = function(selected) {
switch (selected) {
 case 0:
 
 break;
 case 1:
 
 break;
 case 2
 
 break;
 case 3
 
 break;
}
}
*/

cligui.list("menu name",objects,callbacks)

Checklist


var objects = [
"item0",
"item1",
"item2",
{option: "item3",description: "You can add descriptions!",selected: true} // you can also have it selected by default
]
var callbacks = [
function() {}, // item0
function() {}, // item1
function() {}, // item2
function() {}  // item3
]

/* 
The callbacks could also be:

var callbacks = function(selected) { // selected would be a object (EG: [0,2,3] if 0,2 and 3 is selected)
if (selected.indexOf(0) != -1) {} // 0
if (selected.indexOf(1) != -1) {} // 1
if (selected.indexOf(2) != -1) {} // 2
if (selected.indexOf(3) != -1) {} // 3
}
*/

cligui.checkList("checklist title",options,callbacks)

Prompt

cligui.prompt("Prompt title", "prompt description", function(typed) {
// callback
})

Basic Popup Box

cligui.createInfoBox(30,5,"Contents of box",0,0,function() { // createInfoBox(width,height,contents,x,y,callback)
// callback
})

Coordinate system

(0,0) -> center
(100,50) -> top right
(-100,-50) -> bottom left

X: -100 - 100

Y: -50 - 50

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.