Mon 21 Jul 22:43:21 CEST 2025
This commit is contained in:
parent
1cf20ee5bd
commit
83ddda6df5
230
js/ui/webui/monitor.js
Normal file
230
js/ui/webui/monitor.js
Normal file
|
|
@ -0,0 +1,230 @@
|
||||||
|
/****************** MONITOR *******************/
|
||||||
|
/* Monitor logger with single command line */
|
||||||
|
|
||||||
|
Monitors = []
|
||||||
|
Monitor = {
|
||||||
|
index : 0,
|
||||||
|
create : function (options) {
|
||||||
|
var id = Monitor.index++;
|
||||||
|
var monitor = {
|
||||||
|
cell : 'MonitorWinOutput'+id,
|
||||||
|
input : 'MonitorWinInput'+id,
|
||||||
|
id : 'monitor'+id,
|
||||||
|
index : id,
|
||||||
|
}
|
||||||
|
if (options.run) monitor.run=options.run;
|
||||||
|
monitor.add = function (line,cls) {
|
||||||
|
if (line[0]!='<') line=line.replace(/&/g,'&')
|
||||||
|
.replace(/</g,'<')
|
||||||
|
.replace(/>/g,'>')
|
||||||
|
.replace(/\n/g,'<br>');
|
||||||
|
var cell = $('#MonitorWinOutput'+id);
|
||||||
|
var hline = $('<span/>',{
|
||||||
|
class:'',
|
||||||
|
style:'width:100%;display:inline-block;'+(cls=='error'?'color:red;':cls=='warning'?'color:green;':'color:black;word-break: break-all;font-family: droidsansmonow01 , monospace !important;'),
|
||||||
|
});
|
||||||
|
hline.html(line);
|
||||||
|
hline.appendTo(cell);
|
||||||
|
if (UI('MonitorWinLog'+id).scrollAuto) $('div[view_id="MonitorWinLog'+id+'"]').scrollTop(1000000)
|
||||||
|
}
|
||||||
|
monitor.clear = function () {
|
||||||
|
var cell = $('#MonitorWinOutput'+id);
|
||||||
|
cell.empty();
|
||||||
|
}
|
||||||
|
function print() {
|
||||||
|
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);
|
||||||
|
monitor.add(msg!=undefined?msg:'undefined')
|
||||||
|
}
|
||||||
|
function printError() {
|
||||||
|
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);
|
||||||
|
|
||||||
|
monitor.add(msg,'error')
|
||||||
|
}
|
||||||
|
monitor.env = {
|
||||||
|
clear:clear,
|
||||||
|
print:print,
|
||||||
|
error:printError,
|
||||||
|
}
|
||||||
|
monitor.print=print;
|
||||||
|
monitor.error=printError;
|
||||||
|
|
||||||
|
Monitors[id]=monitor;
|
||||||
|
// Simple command line with history
|
||||||
|
setTimeout(function () {
|
||||||
|
var history = [],
|
||||||
|
historyIndex = 0,
|
||||||
|
command = $('#'+monitor.input),
|
||||||
|
prefix = $('<span/>',{style:'font-weight:bold;'}),
|
||||||
|
input = $('<input/>',{id:monitor.input+'-input',style:'padding-left:5px; width:80%;border:0px;'});
|
||||||
|
prefix.text(' >');
|
||||||
|
prefix.appendTo(command)
|
||||||
|
input.appendTo(command);
|
||||||
|
input.on('keydown',function (ev) {
|
||||||
|
switch (ev.keyCode) {
|
||||||
|
// Enter
|
||||||
|
case 13:
|
||||||
|
var line = input.val();
|
||||||
|
history.push(line);
|
||||||
|
historyIndex=history.length;
|
||||||
|
input.val('');
|
||||||
|
if (monitor.run) monitor.run(line,print,printError);
|
||||||
|
break;
|
||||||
|
// ArrowUp
|
||||||
|
case 38:
|
||||||
|
if (historyIndex>1) {
|
||||||
|
input.val(history[historyIndex-1]);
|
||||||
|
historyIndex--;
|
||||||
|
} else if (historyIndex) input.val(history[historyIndex-1]);
|
||||||
|
break;
|
||||||
|
// ArrowDown
|
||||||
|
case 40:
|
||||||
|
if (historyIndex<history.length) {
|
||||||
|
historyIndex++;
|
||||||
|
input.val(history[historyIndex-1]);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},50)
|
||||||
|
return monitor;
|
||||||
|
},
|
||||||
|
default : function (options) {
|
||||||
|
options=options||{}
|
||||||
|
var monitor = Monitor.monitor({
|
||||||
|
label : options.label||'Monitor',
|
||||||
|
run : options.run,
|
||||||
|
hide : options.hide,
|
||||||
|
close : options.close,
|
||||||
|
});
|
||||||
|
if (options.actions) {
|
||||||
|
options.actions.widget(monitor);
|
||||||
|
monitor.on('close',options.actions.close);
|
||||||
|
}
|
||||||
|
return monitor;
|
||||||
|
},
|
||||||
|
exit : function (id) {
|
||||||
|
id=String(id).replace('monitor','');
|
||||||
|
if (!Monitors[id]) return;
|
||||||
|
delete Monitors[id];
|
||||||
|
},
|
||||||
|
monitor : function (options) {
|
||||||
|
// WEBUI API
|
||||||
|
var monitor = Monitor.create(options),
|
||||||
|
id = monitor.index,
|
||||||
|
label = options.label||('#'+id);
|
||||||
|
|
||||||
|
|
||||||
|
function collapse(mini) {
|
||||||
|
var container = $('[view_id=MonitorWin'+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()};
|
||||||
|
}
|
||||||
|
var toolbar = [
|
||||||
|
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
||||||
|
monitor.clear()
|
||||||
|
}},
|
||||||
|
{ view:"button", type:"icon", icon:"arrow-circle-down", tooltip:'Scroll Auto', id:'MonitorWinLogFilmBut'+id, width:30, click:function () {
|
||||||
|
UI('MonitorWinLog'+id).scrollAuto=!UI('MonitorWinLog'+id).scrollAuto;
|
||||||
|
if (UI('MonitorWinLog'+id).scrollAuto) this.define('icon','arrow-circle-down')
|
||||||
|
else this.define('icon','dot-circle-o');
|
||||||
|
this.refresh();
|
||||||
|
}},
|
||||||
|
{ view:"label", label:label, id:'MonitorWinLabel'+id, align:'right'},
|
||||||
|
{ view:"button", type:"icon", icon:"caret-down", tooltip:'Collapse Editor', width:30, click:function () {
|
||||||
|
collapse()
|
||||||
|
}},
|
||||||
|
{ view:"button", type:"icon", icon:"windows", tooltip:'Hide Edutor', 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 () {
|
||||||
|
Monitor.exit(id);
|
||||||
|
window.close();
|
||||||
|
if (monitor.handlers.close) monitor.handlers.close();
|
||||||
|
}});
|
||||||
|
var window = webix.ui({
|
||||||
|
id:'MonitorWin'+id,
|
||||||
|
view:"window",
|
||||||
|
height:350,
|
||||||
|
width:600,
|
||||||
|
left:350, top:250,
|
||||||
|
move:true,
|
||||||
|
resize: true,
|
||||||
|
toFront:true,
|
||||||
|
css:'black_toolbar',
|
||||||
|
head: {
|
||||||
|
view:"toolbar",
|
||||||
|
cols: toolbar
|
||||||
|
},
|
||||||
|
body: {
|
||||||
|
id : 'MonitorWinLog'+id,
|
||||||
|
view : 'scrollview',
|
||||||
|
scroll : 'y',
|
||||||
|
body : {
|
||||||
|
id:'MonitorWinLogText'+id,
|
||||||
|
rows : [
|
||||||
|
{template:('<div id="MonitorWinOutput'+id+'" '+
|
||||||
|
'spellcheck="false" style="width:100%;font-family:mono; padding-bottom: 1em;">'), height:"auto", borderless:true},
|
||||||
|
{template:('<div id="MonitorWinInput'+id+'" '+
|
||||||
|
'spellcheck="false" style="font-family:mono;background-color:#fff; padding:5px; position:absolute; left:0; bottom:0; width:90%;">'), height:"auto", borderless:true},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
UI('MonitorWinLog'+id).scrollAuto=true;
|
||||||
|
window.show();
|
||||||
|
monitor.window=window;
|
||||||
|
monitor.collapse=collapse;
|
||||||
|
monitor.close = function () {
|
||||||
|
window.close();
|
||||||
|
Monitor.exit(id);
|
||||||
|
}
|
||||||
|
monitor.setLabel = function (label) {
|
||||||
|
UI('MonitorWinLabel'+id).setValue(label);
|
||||||
|
}
|
||||||
|
monitor.handlers=[];
|
||||||
|
monitor.on = function (ev,handler) {
|
||||||
|
monitor.handlers[ev]=handler;
|
||||||
|
}
|
||||||
|
return monitor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
UI.Monitor=Monitor;
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user