/* wash.js LEGAL WASH SE, the Web Application SHell - Simplified Edition (C)2004,2008 psema4Technologies Licensed under the LGPL v2.1 SYNOPSIS WASH: The Web Application SHell
alert('This is myFile!');
This is myOtherFile!
ABOUT WASH is a core component of the Atomic OS project. This implementation creates a small (< 10Kb) console object - providing a simple command line interpreter and access to a single-folder filesystem simulated using JavaScript, DOM, and CSS. To add a WASH console to any web application simply reference this JavaScript file from the applications' HTML source file and create an instance of the WASH object: By default, WASH will be hidden when it's created. Hide & show the WASH panel with Console.hide() and Console.show() respectively. To add mini-programs to a web application, create a
in the HTML document's body with an ID="{your-filename}" and a CLASS="code". Fill the
with JavaScript. To add other microfiles, create a
in the HTML document's body with an ID="{your-filename}" and a CLASS="data". Fill the
with text content. AUTHOR Scott Elcomb (psema4-at-gmail-dot-com) SEE ALSO http://www.psema4.com/ http://sourceforge.net/projects/atomos */ function WASH(optsObj) { this.opts = (optsObj) ? optsObj : {}; this.init = function(optsObj) { var opts = (optsObj) ? optsObj : {}; var top = (opts.top) ? opts.top : 20; var left = (opts.left) ? opts.left : 20; var width = (opts.width) ? opts.width : 800; var height = (opts.height) ? opts.height : 500; this.panel = document.createElement('div'); this.stdout = document.createElement('textarea'); this.stdin = document.createElement('input'); this.panel.id = 'PANEL'; this.panel.style.position = 'absolute'; this.panel.style.top = top + 'px'; this.panel.style.left = left + 'px'; this.panel.style.width = width + 'px'; this.panel.style.height = height + 'px'; this.panel.style.padding = '4px'; this.panel.style.backgroundColor = '#ddd'; this.panel.style.border = '2px outset #ddd'; if (opts && opts.show) { this.panel.style.visibility = 'visible'; } else { this.panel.style.visibility = 'hidden'; } this.stdout.id = 'STDOUT'; this.stdout.style.width = '100%'; this.stdout.style.height = (height - 40) + 'px'; this.stdout.style.backgroundColor = '#ddd'; this.stdin.id = 'STDIN'; this.stdin.type = 'text'; this.stdin.style.width = '100%'; this.panel.appendChild(this.stdout); this.panel.appendChild(this.stdin); document.getElementsByTagName('body')[0].appendChild(this.panel); this.panel.component = this; this.stdin.onkeypress = this.panel.component.keyHandler; this.print("Welcome to WASH SE, the Web Application SHell - Simplified Edition\n"); this.print("(C)2004,2008 psema4Technologies\n"); this.print("Licensed under the LGPL v2.1\n\n"); this.print("Type ? for help.\n\n"); if (opts && opts.show) { this.stdin.focus(); } } this.show = function() { this.panel.style.visibility = 'visible'; this.stdin.focus(); } this.hide = function() { this.panel.style.visibility = 'hidden'; } this.print = function(buf) { this.stdout.value += buf; this.stdout.scrollTop = this.stdout.scrollHeight; } this.keyHandler = function(evt) { // NOTE: In this routine the keyword 'this' points to the element that received the event - // not the WASH object. var e = (evt) ? evt : window.event; if (e.keyCode && e.keyCode === 13) { var Console = this.parentNode.component; if (Console) { Console.exec(Console.stdin.value); Console.stdin.value = ''; Console.print("\n"); } else { alert('WASH.keyHandler(): NO CONSOLE!'); } } } this.exec = function(cmdline) { var argv = cmdline.split(/\s+/); var cmd = (argv[0]) ? argv[0] : 'NOP'; var args = ''; for (var i=1; i