Mon 21 Jul 22:43:21 CEST 2025
This commit is contained in:
parent
ff59ba56e8
commit
510ca50d8a
276
js/ui/webui/shell.js
Normal file
276
js/ui/webui/shell.js
Normal file
|
|
@ -0,0 +1,276 @@
|
|||
var Shells=[];
|
||||
|
||||
Shell = {
|
||||
clear : function (index) {
|
||||
Shells[index].controller.clearScreen()
|
||||
},
|
||||
create : function (options) {
|
||||
var shell,
|
||||
i=Shell.shellIndex++,
|
||||
id='shell'+i;
|
||||
|
||||
var cell=$('<div/>',{
|
||||
class:'',
|
||||
style:'height:100%;',
|
||||
});
|
||||
var console=$('<div/>',{
|
||||
class:'console',
|
||||
}).appendTo(cell);
|
||||
options=options||{};
|
||||
shell={cell:cell,console:console,id:id,index:i};
|
||||
Shells[i]=shell;
|
||||
shell.index=i;
|
||||
shell.id=id;
|
||||
var env = {
|
||||
// inject interactive code (html), e.g., buttons, forms, .., wait for completion (callback is returned).
|
||||
ask : function (html) {
|
||||
controller.message(html,'jquery-console-message-type',true);
|
||||
var state=0;
|
||||
setTimeout(function () { if (state==0) controller.disable(); state=1; },1);
|
||||
return function (reply) {
|
||||
state=2;
|
||||
controller.enable();
|
||||
env.print(reply);
|
||||
}
|
||||
},
|
||||
clear: function () { controller.clearScreen() },
|
||||
exit: function() { Shell.exit(i) },
|
||||
error: function () {
|
||||
var msg=Array.prototype.slice.call(arguments);
|
||||
function unwrap(str) {
|
||||
if (str[0]=='"'||str[0]=="'") return str.slice(1,str.length-1);
|
||||
return str;
|
||||
}
|
||||
if (msg.length==1) msg=msg[0];
|
||||
else if (msg.length==0) msg='undefined';
|
||||
else {
|
||||
msg=msg.map(inspect).map(unwrap).join(' ');
|
||||
}
|
||||
if (msg==undefined) msg='undefined';
|
||||
if (typeof(msg) == 'object') {
|
||||
msg=inspect(msg);
|
||||
}
|
||||
msg=String(msg);
|
||||
controller.report(msg,'jquery-console-message-error');
|
||||
},
|
||||
print: function () {
|
||||
var msg=Array.prototype.slice.call(arguments);
|
||||
function unwrap(str) {
|
||||
if (str[0]=='"'||str[0]=="'") return str.slice(1,str.length-1);
|
||||
return str;
|
||||
}
|
||||
if (msg.length==1) msg=msg[0];
|
||||
else if (msg.length==0) msg='undefined';
|
||||
else {
|
||||
msg=msg.map(inspect).map(unwrap).join(' ');
|
||||
}
|
||||
if (msg==undefined) msg='undefined';
|
||||
if (typeof(msg) == 'object') {
|
||||
msg=inspect(msg);
|
||||
}
|
||||
msg=String(msg);
|
||||
var isHtml = msg[0]=='<' && msg[1]!='B' && msg[msg.length-1]=='>';
|
||||
controller.report(msg.toString(),'jquery-console-message-value',isHtml);
|
||||
setTimeout(function () { $('div[view_id="ShellWinLog'+i+'"]').scrollTop(1000000) },1);
|
||||
},
|
||||
printf : function () {
|
||||
return env.print(sprintf.apply(this,arguments));
|
||||
},
|
||||
refresh : function () {
|
||||
// Terminal.refresh(id);
|
||||
},
|
||||
time:Date.now,
|
||||
};
|
||||
if (!options.run) {
|
||||
shell.run=function (line,env) {
|
||||
env.print(line);
|
||||
return 1;
|
||||
}
|
||||
} else shell.run=options.run;
|
||||
shell.env=env;
|
||||
var controller = shell.console.console({
|
||||
promptLabel: '> ',
|
||||
commandValidate:function(line) {
|
||||
if (line == "") return false;
|
||||
else return true;
|
||||
},
|
||||
commandHandle:function(line) {
|
||||
if (!shell.run) return [{msg:"No interpreter installed!",className:'jquery-console-message-error'}];
|
||||
var res = shell.run(line, env);
|
||||
setTimeout(function () { $('div[view_id="ShellWinLog'+i+'"]').scrollTop(1000000) },1);
|
||||
if (line[line.length-1]==';' || res===undefined)
|
||||
return [{msg:'',className:'jquery-console-message-type'}];
|
||||
else
|
||||
return [{msg:inspect(res),className:'jquery-console-message-type'}];
|
||||
},
|
||||
completeHandle : function (text) {
|
||||
console.log(text);
|
||||
return []
|
||||
},
|
||||
scrollHandle: function () {
|
||||
shell.console.prop({ scrollTop: shell.console.prop("scrollHeight") });
|
||||
},
|
||||
autofocus:true,
|
||||
animateScroll:true,
|
||||
promptHistory:true,
|
||||
echo:false,
|
||||
});
|
||||
shell.controller=controller;
|
||||
Shells[i]=shell;
|
||||
return shell;
|
||||
},
|
||||
default : function (options) {
|
||||
options=options||{}
|
||||
if (options.editor===true) {
|
||||
// Script editor attached to shell
|
||||
options.buttons=options.buttons||{}
|
||||
options.buttons['edit:edit:Script Editor'] = function () {
|
||||
var editor = Editor.default({
|
||||
label:options.label,
|
||||
mode:'javascript',
|
||||
x:options.x,
|
||||
y:options.y,
|
||||
hide:false,
|
||||
buttons : {
|
||||
'run:play:Run Code' : function () {
|
||||
var code = editor.editor.get();
|
||||
shell.run(code);
|
||||
},
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
var shell = Shell.shell({
|
||||
label : options.label||'Shell',
|
||||
run : options.run,
|
||||
buttons : options.buttons,
|
||||
collapse : options.collapse,
|
||||
hide : options.hide,
|
||||
close : options.close,
|
||||
x : options.x,
|
||||
y : options.y,
|
||||
});
|
||||
if (options.actions) {
|
||||
options.actions.widget(shell);
|
||||
shell.on('close',options.actions.close);
|
||||
}
|
||||
return shell;
|
||||
},
|
||||
exit : function (id) {
|
||||
id=String(id).replace('shell','');
|
||||
if (!Shells[id]) return;
|
||||
delete Shells[id];
|
||||
},
|
||||
shellIndex:0,
|
||||
shell: function (options) {
|
||||
var shell = Shell.create(options),
|
||||
id = shell.index,
|
||||
label = options.label||('#'+id);
|
||||
options=options||{}
|
||||
options.collapsed=options.collapsed||false;
|
||||
|
||||
function collapse(mini) {
|
||||
var container = $('[view_id=ShellWin'+id+']'),
|
||||
head = container.find('.webix_win_head');
|
||||
if (mini && options.collapsed) {
|
||||
return {width:head.width(),height:head.height()}
|
||||
}
|
||||
options.collapsed=!options.collapsed;
|
||||
if (options.collapsed) {
|
||||
options._height=container.height();
|
||||
container.height(head.height());
|
||||
} else container.height(options._height);
|
||||
return options.collapsed?{width:head.width(),height:head.height()}:
|
||||
{width:container.width(),height:container.height()};
|
||||
}
|
||||
function createButtons (buts) {
|
||||
var buttons=[];
|
||||
for(var label in buts) {
|
||||
// id:icon:tooltip
|
||||
var tokens = label.split(':'),
|
||||
icon = tokens[1]||'?',
|
||||
tooltip = tokens[2]||'?',
|
||||
handler = buts[label];
|
||||
buttons.push(
|
||||
{ view:"button", type:"icon", icon:icon, tooltip:tooltip, width:30, click:handler}
|
||||
)
|
||||
}
|
||||
return buttons;
|
||||
}
|
||||
var toolbar = [
|
||||
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
||||
shell.env.clear();
|
||||
}},
|
||||
{ view:"button", type:"icon", icon:"repeat", tooltip:'Update', width:30, click:function () {
|
||||
}}
|
||||
].concat(options.buttons?createButtons(options.buttons):[]).concat([
|
||||
{ view:"button", type:"icon", icon:"arrow-circle-down", tooltip:'Scroll Auto', width:30, click:function () {
|
||||
UI('ShellWinLog'+id).scrollAuto=!UI('ShellWinLog'+id).scrollAuto;
|
||||
if (UI('ShellWinLog'+id).scrollAuto) this.define('icon','arrow-circle-down')
|
||||
else this.define('icon','dot-circle-o');
|
||||
this.refresh();
|
||||
}},
|
||||
{ view:"label", label:label, id:'ShellWinLabel'+id, align:'right'},
|
||||
{ view:"button", type:"icon", icon:"caret-down", tooltip:'Collapse Shell', width:30, click:function () {
|
||||
if (options.collapse!=false) collapse()
|
||||
}},
|
||||
{ view:"button", type:"icon", icon:"windows", tooltip:'Hide Shell', width:30, click:function () {
|
||||
if (options.hide!==false) window.hide();
|
||||
}},
|
||||
])
|
||||
if (options.close!==false) toolbar.push( { view:"button", type:"icon", icon:"close", tooltip:'Kill', width:30, click:function () {
|
||||
window.close();
|
||||
Shell.exit(id);
|
||||
if (shell.handlers.close) shell.handlers.close();
|
||||
}});
|
||||
var window = webix.ui({
|
||||
id:'ShellWin'+id,
|
||||
view:"window",
|
||||
height:350,
|
||||
width:600,
|
||||
left:options.x||250, top:options.y||250,
|
||||
move:true,
|
||||
resize: true,
|
||||
toFront:true,
|
||||
css:'red_toolbar',
|
||||
head: {
|
||||
view:"toolbar",
|
||||
cols:toolbar
|
||||
},
|
||||
body:{
|
||||
id : 'ShellWinLog'+id,
|
||||
view : 'scrollview',
|
||||
scroll : 'y',
|
||||
body : {
|
||||
id:'ShellWinLogText'+id,
|
||||
rows : [
|
||||
{template:('<div id="ShellWinOutput'+id+'" '+
|
||||
'spellcheck="false" style="width:100%; background: white; font-family:mono;">'), height:"auto", borderless:true},
|
||||
]
|
||||
}
|
||||
}
|
||||
});
|
||||
shell.window=window;
|
||||
shell.collapse=collapse;
|
||||
window.show();
|
||||
setTimeout(function () {
|
||||
$('#ShellWinOutput'+id).append(shell.cell);
|
||||
},1)
|
||||
shell.close = function () {
|
||||
window.close();
|
||||
Shell.exit(id);
|
||||
}
|
||||
shell.handlers=[];
|
||||
shell.on = function (ev,handler) {
|
||||
var prev = shell.handlers[ev];
|
||||
if (prev) shell.handlers[ev]=function (arg) { prev(arg); handler(arg) };
|
||||
else shell.handlers[ev]=handler;
|
||||
}
|
||||
shell.setLabel = function (label) {
|
||||
UI('ShellWinLabel'+id).setValue(label)
|
||||
}
|
||||
return shell;
|
||||
},
|
||||
version:'1.1.2',
|
||||
}
|
||||
UI.Shell=Shell
|
||||
Loading…
Reference in New Issue
Block a user