3265 lines
114 KiB
Plaintext
3265 lines
114 KiB
Plaintext
head 1.5;
|
|
access;
|
|
symbols;
|
|
locks
|
|
sbosse:1.5; strict;
|
|
comment @# @;
|
|
|
|
|
|
1.5
|
|
date 2020.02.03.09.45.01; author sbosse; state Exp;
|
|
branches;
|
|
next 1.4;
|
|
|
|
1.4
|
|
date 2017.06.19.17.18.39; author sbosse; state Exp;
|
|
branches;
|
|
next 1.3;
|
|
|
|
1.3
|
|
date 2017.06.06.14.53.57; author sbosse; state Exp;
|
|
branches;
|
|
next 1.2;
|
|
|
|
1.2
|
|
date 2017.05.27.18.20.44; author sbosse; state Exp;
|
|
branches;
|
|
next 1.1;
|
|
|
|
1.1
|
|
date 2017.05.23.07.00.54; author sbosse; state Exp;
|
|
branches;
|
|
next ;
|
|
|
|
|
|
desc
|
|
@@
|
|
|
|
|
|
1.5
|
|
log
|
|
@.
|
|
@
|
|
text
|
|
@/**
|
|
** ==============================
|
|
** O O O OOOO
|
|
** O O O O O O
|
|
** O O O O O O
|
|
** OOOO OOOO O OOO OOOO
|
|
** O O O O O O O
|
|
** O O O O O O O
|
|
** OOOO OOOO O O OOOO
|
|
** ==============================
|
|
** Dr. Stefan Bosse http://www.bsslab.de
|
|
**
|
|
** COPYRIGHT: THIS SOFTWARE, EXECUTABLE AND SOURCE CODE IS OWNED
|
|
** BY THE AUTHOR(S).
|
|
** THIS SOURCE CODE MAY NOT BE COPIED, EXTRACTED,
|
|
** MODIFIED, OR OTHERWISE USED IN A CONTEXT
|
|
** OUTSIDE OF THE SOFTWARE SYSTEM.
|
|
**
|
|
** $AUTHORS: Stefan Bosse
|
|
** $INITIAL: (C) 2006-2020 bLAB
|
|
** $CREATED: 01-02-17 by sbosse.
|
|
** $VERSION: 1.16.3
|
|
**
|
|
** $INFO:
|
|
**
|
|
** SEJAM2: Simulation Environment for JAM, GUI Webix+, Anychart Graphics, Cannon Phy Simu, NW edition
|
|
**
|
|
** $ENDOFINFO
|
|
*/
|
|
|
|
global.config={
|
|
simulation:'simu/simuWEB',
|
|
dos:false,
|
|
nonetwork:false,
|
|
wine:false,
|
|
os:null,
|
|
};
|
|
sejamVersion = '1.9.1'
|
|
|
|
Require('os/polyfill');
|
|
|
|
var Io = Require('com/io');
|
|
var Comp = Require('com/compat');
|
|
var Name = Require('com/pwgen');
|
|
var Aios = Require('jam/aios');
|
|
var Fs = Require('fs');
|
|
var Path = Require('com/path');
|
|
var Esprima = Require('parser/esprima');
|
|
var util = Require('util');
|
|
var simuPhy = Require('simu/simuPHY');
|
|
var simuSens = Require('simu/simuSENS');
|
|
var Base64 = Require('os/base64');
|
|
var Marked = Require('doc/marked');
|
|
|
|
Require('os/polyfill')
|
|
|
|
if (typeof process != 'undefined') global.config.os=process.platform;
|
|
if (global.config.os=='win32') global.config.wine=Io.getenv('WINE','');
|
|
|
|
function sq(x) {return x*x}
|
|
function equal(a,b) {
|
|
if (a==undefined || b==undefined) return false;
|
|
if (Comp.obj.isArray(a) && Comp.obj.isArray(b))
|
|
return Comp.array.equal(a,b);
|
|
};
|
|
|
|
|
|
var physicalAttributeSet = [
|
|
'masses', 'loadings','springs','id',
|
|
'x','y','z','mass','force',
|
|
'position','gridPosition','velocity','torque',
|
|
'restLength','length','stiffness','damping',
|
|
'bodyA','bodyB',
|
|
/[0-9]+/
|
|
]
|
|
|
|
// TODO: Replace many magic (heuristic) GUI window constants by reasonable values
|
|
|
|
var gui = function (options) {
|
|
var self=this;
|
|
this.nwgui = options.nwgui;
|
|
this.UI = options.UI;
|
|
this.webix = options.webix;
|
|
this.acgraph = options.acgraph;
|
|
this.CANNON = options.CANNON;
|
|
this.Database = options.Database;
|
|
this.Marked = Marked;
|
|
this.utils = options.utils||{};
|
|
this.version = sejamVersion;
|
|
|
|
this.worldname = 'MY World';
|
|
// if (Io.getenv('WINE','')!='' || process.platform == 'win32') {
|
|
// this.workdir=Io.getenv('CWD','/');
|
|
//} else
|
|
// this.workdir = Io.getenv('PWD','/');
|
|
this.workdir=Io.getenv('CWD',Io.getenv('PWD','/'));
|
|
this._filename='';
|
|
// Top-level model file name
|
|
this.filename = '';
|
|
this.filesimu = 'simulation.js';
|
|
this.model = {};
|
|
this.source = '{\nname:"world",\nclasses:{},\nworld:{}\n}';
|
|
this.imports = {};
|
|
this.objects = {};
|
|
this.level = Comp.array.create(100,1);
|
|
this.level[-1]=1;
|
|
this.matrix = undefined;
|
|
|
|
this.inspect = {root:'/',data:{},filter:{array:true,string:true,number:true,boolean:true,object:true}};
|
|
this.simu = none;
|
|
this.simuPhy = none;
|
|
|
|
this.messages = [];
|
|
// Simulation world window corner coordinates (normalized/zoom=1)
|
|
this.window = {
|
|
x:0,
|
|
y:0,
|
|
w:0,
|
|
h:0,
|
|
mode:'pan'
|
|
}
|
|
this.message=function (msg,type) {
|
|
self.webix.message({text:msg,type:type||'Info',expire:5000})
|
|
};
|
|
|
|
// Statistical logging (one row for each simualtion step)
|
|
this.logging = false;
|
|
this.logTable = [];
|
|
|
|
this.options = {
|
|
verbose:0,
|
|
select:{agent:1,node:1,link:1,port:1,resource:0,patch:0,physics:0},
|
|
display:{agent:1,node:1,link:1,port:1,resource:1,patch:1,world:1,flag:1,label:1,signal:1,
|
|
lazy:0},
|
|
message:{error:1,warning:0},
|
|
numbering:{
|
|
simulation:function () {return ''},
|
|
simulationPhy:function () {return ''},
|
|
plot:function () {return ''}
|
|
},
|
|
plot:{
|
|
width:600,
|
|
height:400,
|
|
margin:10,
|
|
styles:Sejam2Plot.plot_styles
|
|
},
|
|
simulation:{
|
|
fastcopy:true, // JAM agent process copy/fork/migrate mode
|
|
verbose:false, // More SEJAM simulator messages
|
|
TMO:1000000 // JAM Node Cache Timeout [gone,signals] in ms
|
|
},
|
|
log: {
|
|
node:true,
|
|
agent:true,
|
|
parent:false,
|
|
pid:false, // agent process id!
|
|
host:false, // host id (os pid)
|
|
time:false,
|
|
class:true
|
|
},
|
|
flag:{fontSize:14},
|
|
}
|
|
}
|
|
|
|
gui.prototype.addFlags = function (options) {
|
|
var p,o,id;
|
|
if (!options) options={agent:false,node:true,resource:true,fontSize:this.options.flag.fontSize,color:'red'};
|
|
for(p in this.objects) {
|
|
o=this.objects[p];
|
|
if (!o) continue;
|
|
id=o.id.replace(/[^\[]+\[([^\]]+)\]/,'$1');
|
|
if (options.node && Comp.string.startsWith(o.id,'node') && !this.objects['label['+id+']']) {
|
|
this.objects['flag['+id+']'] = {
|
|
visual:{
|
|
x:o.visual.x,
|
|
y:o.visual.y-5-options.fontSize,
|
|
shape:'text',
|
|
fontSize:options.fontSize,
|
|
color:options.color,
|
|
text:o.id,
|
|
},id:'flag['+id+']'};
|
|
// this.drawObject('flag['+id+']');
|
|
}
|
|
if (options.resource && Comp.string.startsWith(o.id,'resource')) {
|
|
this.objects['flag['+id+']'] = {
|
|
visual:{
|
|
x:o.visual.x,
|
|
y:o.visual.y-5-options.fontSize,
|
|
shape:'text',
|
|
fontSize:options.fontSize,
|
|
color:options.color,
|
|
text:o.id,
|
|
},id:'flag['+id+']'};
|
|
// this.drawObject('flag['+id+']');
|
|
}
|
|
}
|
|
this.clearWorld();
|
|
this.drawWorld();
|
|
}
|
|
|
|
/** Auto Layout - it is magic due to width/height widget inconstitencies!
|
|
*
|
|
*/
|
|
gui.prototype.autoLayout = function () {
|
|
var self=this,
|
|
screen=this.nwgui.Window.get(),
|
|
offset=this.toolbar.getNode().offsetHeight,
|
|
height=screen.height-(this.nw>"0.11.0"?15:offset), // TODO - nw.js toolbar height
|
|
width=screen.width+(this.nw>"0.11.0"?8:0),
|
|
margin=2,
|
|
h=0,_w=0,w=0,w1=0,w2=0,h2=0;
|
|
if (self.toolbar.locked) return;
|
|
|
|
if (!this.logWin.isVisible() &&
|
|
!this.worldWin.isVisible() &&
|
|
!this.simulationWin.isVisible() &&
|
|
!this.inspectorWin.isVisible() &&
|
|
!this.editorWin.isVisible()) {
|
|
this.logWin.show();
|
|
this.worldWin.show();
|
|
this.simulationWin.show();
|
|
this.inspectorWin.show();
|
|
}
|
|
|
|
if (this.logWin.isVisible()) {
|
|
// Align bottom, full width
|
|
h=this.logWin.getNode().offsetHeight;
|
|
this.logWin.define('width',width-2*margin-10);
|
|
this.logWin.define('height',h-2);
|
|
this.logWin.define('left',margin);
|
|
this.logWin.define('top',height-margin-h+14);
|
|
this.logWin.resize();
|
|
}
|
|
|
|
if (this.simulationWin.isVisible()) {
|
|
h2=this.simulationWin.getNode().offsetHeight;
|
|
}
|
|
|
|
if (this.inspectorWin.isVisible()) {
|
|
w2=this.inspectorWin.getNode().offsetWidth +2*margin+10;
|
|
} else if (this.editorWin.isVisible()) {
|
|
w2=this.editorWin.getNode().offsetWidth +2*margin+10;
|
|
} else if (this.chatWin.isVisible()) {
|
|
w2=this.chatWin.getNode().offsetWidth +2*margin+10;
|
|
}
|
|
|
|
if (this.physicalWin.isVisible() && this.worldWin.isVisible()) {
|
|
var _w;
|
|
if (w2==0) _w=width-2*margin-8; else _w=width-w2;
|
|
w1=_w/2;
|
|
}
|
|
|
|
if (this.worldWin.isVisible()) {
|
|
// Align top, right
|
|
_w=this.worldWin.getNode().offsetWidth;
|
|
if (w2==0) w=width-2*margin-8; else w=width-w2;
|
|
this.worldWin.define('width',w-2-w1);
|
|
this.worldWin.define('height',height-h-h2-offset);
|
|
this.worldWin.define('left',width-w-margin-8);
|
|
this.worldWin.define('top',offset+margin+2);
|
|
this.worldWin.resize();
|
|
|
|
} else if (w2==0) w=width-2*margin-8; else w=width-w2;
|
|
|
|
if (this.physicalWin.isVisible() && this.worldWin.isVisible()) {
|
|
this.physicalWin.define('width',w1-2);
|
|
this.physicalWin.define('height',height-h-h2-offset);
|
|
this.physicalWin.define('left',width-w1-margin-8);
|
|
this.physicalWin.define('top',offset+margin+2);
|
|
this.physicalWin.resize();
|
|
}
|
|
|
|
if (this.simulationWin.isVisible()) {
|
|
if (w>0) this.simulationWin.define('left',width-w-margin-8);
|
|
if (h>h2) this.simulationWin.define('top',height-h-h2+8);
|
|
this.simulationWin.define('width',w-2);
|
|
this.simulationWin.resize();
|
|
}
|
|
|
|
if (this.inspectorWin.isVisible()) {
|
|
// Align top, left
|
|
this.inspectorWin.define('width',w2 -2*margin-12);
|
|
this.inspectorWin.define('height',height-h-offset+1);
|
|
this.inspectorWin.define('left',margin);
|
|
this.inspectorWin.define('top',offset+margin+2);
|
|
this.inspectorWin.resize();
|
|
|
|
} else if (this.editorWin.isVisible()) {
|
|
// Align top, left
|
|
this.editorWin.define('width',w2-2*margin-12);
|
|
this.editorWin.define('height',height-h-offset);
|
|
this.editorWin.define('left',margin);
|
|
this.editorWin.define('top',offset+margin+2);
|
|
this.editorWin.resize();
|
|
|
|
} else if (this.chatWin.isVisible()) {
|
|
// Align top, left
|
|
this.chatWin.define('width',w2-2*margin-12);
|
|
this.chatWin.define('height',height-h-offset);
|
|
this.chatWin.define('left',margin);
|
|
this.chatWin.define('top',offset+margin+2);
|
|
this.chatWin.resize();
|
|
|
|
}
|
|
}
|
|
|
|
|
|
/** Change CSS
|
|
*
|
|
*/
|
|
gui.prototype.changeCSS = function(theClass,element,value) {
|
|
var cssRules;
|
|
|
|
for (var S = 0; S < document.styleSheets.length; S++) {
|
|
try {
|
|
document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',
|
|
document.styleSheets[S][cssRules].length);
|
|
} catch(err) {
|
|
try{
|
|
document.styleSheets[S].addRule(theClass,element+': '+value+';');
|
|
} catch(err){
|
|
try{
|
|
if (document.styleSheets[S]['rules']) {
|
|
cssRules = 'rules';
|
|
} else if (document.styleSheets[S]['cssRules']) {
|
|
cssRules = 'cssRules';
|
|
} else {
|
|
//no rules found... browser unknown
|
|
}
|
|
|
|
for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
|
|
if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
|
|
if(document.styleSheets[S][cssRules][R].style[element]){
|
|
document.styleSheets[S][cssRules][R].style[element] = value;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
} catch (err){}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/** Change the visual of a visual object
|
|
*
|
|
*/
|
|
gui.prototype.changeObject = function (id,visual) {
|
|
var self=this,shape=this.worldWin.shapes[id],
|
|
zoom=this.worldWin.zoom,
|
|
off=this.worldWin.offset,
|
|
obj=this.objects[id],
|
|
redraw=false,
|
|
p;
|
|
if (!this.worldWin.container || !obj || !shape) return;
|
|
for(p in visual) {
|
|
if (p=='fill') {
|
|
if (Comp.obj.isNumber(visual.fill.color)) {
|
|
var c=Comp.printf.sprintf('%x',((visual.fill.color*255)|0));
|
|
if (c.length==1) c='0'+c;
|
|
visual.fill.color='#'+c+c+c;
|
|
// Grey code
|
|
} else if (Comp.obj.isObject(visual.fill.color)) {
|
|
var c=Comp.printf.sprintf('%x',((visual.fill.color.value*255)|0));
|
|
if (c.length==1) c='0'+c;
|
|
switch (visual.fill.color.color) {
|
|
case 'red': visual.fill.color='#'+c+'00'+'00'; break;
|
|
case 'green': visual.fill.color='#'+'00'+c+'00'; break;
|
|
case 'blue': visual.fill.color='#'+'00'+'00'+c; break;
|
|
default:
|
|
visual.fill.color='#'+c+c+c;
|
|
}
|
|
// Color gradient TODO
|
|
}
|
|
if (shape.fill) shape.fill(visual.fill.color,visual.fill.opacity||0.5);
|
|
}
|
|
if (p=='shape' && visual.shape!=obj.visual.shape) redraw=true;
|
|
obj.visual[p]=visual[p];
|
|
}
|
|
if (redraw) {
|
|
this.worldWin.shapes[id].remove();
|
|
this.worldWin.shapes[id]=undefined;
|
|
this.drawObject(id);
|
|
}
|
|
}
|
|
/** Return the class of a simulation object:
|
|
* {'node','link','port','agent','resource','patch','world','flag'}
|
|
*/
|
|
gui.prototype.classObject = function (id) {
|
|
if (id.indexOf('agent')==0) return 'agent';
|
|
if (id.indexOf('world')==0 || id=="node[world]") return 'world';
|
|
if (id.indexOf('node')==0) return 'node';
|
|
if (id.indexOf('link')==0) return 'link';
|
|
if (id.indexOf('port')==0) return 'port';
|
|
if (id.indexOf('resource')==0) return 'resource';
|
|
if (id.indexOf('patch')==0) return 'patch';
|
|
if (id.indexOf('flag')==0) return 'flag';
|
|
if (id.indexOf('label')==0) return 'label';
|
|
if (id.indexOf('signal')==0) return 'signal';
|
|
}
|
|
|
|
/** Clear a logging window
|
|
*
|
|
*/
|
|
gui.prototype.clear = function (win) {
|
|
var self=this;
|
|
var view = this.UI(win);
|
|
var log = this.UI(win+'LogText');
|
|
var scroll = view.getBody();
|
|
var textview = this.UI(win+'LogTextView');
|
|
var text = textview.getValue();
|
|
text = '';
|
|
textview.setValue(text);
|
|
if (!textview.update) textview.update=setTimeout(function () {
|
|
textview.update=undefined;
|
|
self.update(win);
|
|
},100);
|
|
}
|
|
|
|
/** Clean the graphical world from outdated objects (visual.timeout <= 0).
|
|
*
|
|
*/
|
|
gui.prototype.cleanWorld = function () {
|
|
var p,pending=0;
|
|
// this.log('[GUI] Cleaning world ...');
|
|
if (this.worldWin.container) this.worldWin.container.suspend();
|
|
for (p in this.objects) {
|
|
obj=this.objects[p];
|
|
if (!obj || !obj.visual) continue;
|
|
if (obj.visual.timeout) {
|
|
pending++;
|
|
obj.visual.timeout--;
|
|
if (obj.visual.timeout <= 0) {
|
|
if (this.worldWin.shapes[p])
|
|
this.worldWin.shapes[p].remove();
|
|
this.worldWin.shapes[p]=undefined;
|
|
this.objects[p]=undefined;
|
|
}
|
|
}
|
|
}
|
|
if (this.worldWin.container) this.worldWin.container.resume();
|
|
return pending;
|
|
}
|
|
|
|
/** Clear the graphical world.
|
|
*
|
|
*/
|
|
gui.prototype.clearWorld = function () {
|
|
var p,_shapes;
|
|
this.log('[GUI] Clearing world ...');
|
|
this.window={x0:Number.MAX_SAFE_INTEGER,y0:Number.MAX_SAFE_INTEGER,x1:0,y1:0,mode:this.window.mode};
|
|
if (this.worldWin.container) this.worldWin.container.suspend();
|
|
for (p in this.objects) {
|
|
obj=this.objects[p];
|
|
if (this.worldWin.shapes[p]) {
|
|
// 1. remove shapes from stage
|
|
this.worldWin.shapes[p].removeAllListeners();
|
|
this.worldWin.shapes[p].remove();
|
|
// this.worldWin.shapes[p]=undefined;
|
|
}
|
|
}
|
|
// this.objects={};
|
|
_shapes=this.worldWin.shapes;
|
|
this.worldWin.shapes={};
|
|
if (this.worldWin.container) this.worldWin.container.resume();
|
|
// 2. finally dispose shapes after some delay (unlink it from acgraph/stage context)
|
|
setTimeout(function () {
|
|
for (var p in _shapes) {
|
|
_shapes[p].dispose();
|
|
}
|
|
_shapes=undefined;
|
|
},10);
|
|
}
|
|
|
|
// Create simulation from model; external API
|
|
gui.prototype.createSimulation = function () {
|
|
var self=this;
|
|
self.clear('logWin');
|
|
self.clear('msgWin');
|
|
self.logTable = [];
|
|
self.messages=[];
|
|
self.objects={};
|
|
self.createWorld(true);
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
self.UI('simulationWinButErase').enable();
|
|
self.UI('simulationWinButStep').enable();
|
|
self.UI('simulationWinButPlay').enable();
|
|
self.UI('simulationWinButStop').disable();
|
|
self.UI('simulationWinButCreate').disable();
|
|
}
|
|
|
|
/** Create the sensors simulation world
|
|
*
|
|
*/
|
|
gui.prototype.createSimuSens = function () {
|
|
var self=this;
|
|
if (!this.sensorsWin.isVisible())
|
|
this.sensorsWin.show();
|
|
|
|
if (this.simuSens) return;
|
|
|
|
this.log('[GUI] Creating Sensors world ...');
|
|
|
|
this.simuSens = simuSens.Sensors(
|
|
{
|
|
width:this.sensorsWin.getNode().offsetWidth-26,
|
|
height:this.sensorsWin.getNode().offsetHeight-70,
|
|
UI:this.UI,
|
|
model:this.model,
|
|
log:this.log
|
|
});
|
|
this.sensorsWin.gui=this.simuSens;
|
|
this.UI('sensorsWinButCreate').disable();
|
|
this.UI('sensorsWinButDestroy').enable();
|
|
this.UI('sensorsWinButRun').enable();
|
|
this.UI('sensorsWinButStep').enable();
|
|
this.UI('sensorsWinButStop').disable();
|
|
}
|
|
|
|
/** Create the physical simulation world
|
|
*
|
|
*/
|
|
gui.prototype.createSimuPhy = function () {
|
|
var self=this;
|
|
|
|
if (!this.physicalWin.isVisible())
|
|
this.physicalWin.show();
|
|
|
|
if (this.simuPhy) return;
|
|
|
|
this.log('[GUI] Creating PHY world ...');
|
|
|
|
this.simuPhy = simuPhy.Simu({width:this.physicalWin.getNode().offsetWidth-26,
|
|
height:this.physicalWin.getNode().offsetHeight-70,
|
|
CANNON:this.CANNON,
|
|
UI:this.UI,
|
|
model:this.model,
|
|
log:this.log,
|
|
display:this.options.display});
|
|
this.physicalWin.gui=this.simuPhy.gui;
|
|
if (this.simu) this.simu.simuPhy = this.simuPhy; // Attach simuPHY to simuWEB
|
|
this.simuPhy.init();
|
|
if (this.model && this.model.physics && this.model.physics.scenes) {
|
|
for(var p in self.model.physics.scenes) {
|
|
var f=this.model.physics.scenes[p];
|
|
if (Comp.obj.isString(f)) {
|
|
try {
|
|
eval('f='+f);
|
|
} catch (e) {
|
|
this.log('[GUI] Error in '+p+': '+e);
|
|
continue;
|
|
}
|
|
}
|
|
self.simuPhy.addScene(p,f,{});
|
|
}
|
|
}
|
|
this.simuPhy.gui.animate1();
|
|
|
|
this.UI('physicalWinButCreate').disable();
|
|
this.UI('physicalWinButDestroy').enable();
|
|
this.UI('physicalWinButRun').enable();
|
|
this.UI('physicalWinButStep').enable();
|
|
this.UI('physicalWinButStop').disable();
|
|
|
|
return this.simuPhy;
|
|
}
|
|
|
|
/** Create MAS simulation world and draw the world.
|
|
*/
|
|
gui.prototype.createWorld = function (nodraw) {
|
|
var self=this,c;
|
|
if (this.simu) this.destroyWorld();
|
|
if (!this.model || Comp.obj.isEmpty(this.model)) return;
|
|
if (this.model.options && this.model.options.verbose != undefined) this.options.verbose=this.model.options.verbose;
|
|
this.log('[GUI] Creating MAS world'+(this.simuPhy?' with simuPHY':'')+' (verbosity '+this.options.verbose+') ...');
|
|
this.simu=Aios.Simu.Simu({
|
|
CANNON:this.CANNON,
|
|
log:this.log,
|
|
msg:this.msg,
|
|
gui:this,
|
|
simuPhy:this.simuPhy,
|
|
nolimits:true, // No AIOS agent proecss checkpointing and resource control!
|
|
fastcopy:this.options.simulation.fastcopy, // Dirty (fast) JAM agent code & signal copy?
|
|
TMO:this.options.simulation.TMO, // JAM Node cache timeout
|
|
format:this.options.log,
|
|
verbose:this.options.verbose // Additional SEJAM messages
|
|
});
|
|
this.simu.init(this.model);
|
|
if (!nodraw) this.drawWorld();
|
|
this.worldname=this.simu.world.id;
|
|
this.UI('myTopLabel').setValue(this.worldname);
|
|
}
|
|
|
|
|
|
/** Delete inspector tree
|
|
*/
|
|
gui.prototype.deleteTree = function(name_s) {
|
|
var tree = this.UI('inspectorTree'),
|
|
root,n,i;
|
|
|
|
if (tree._roots) {
|
|
for (var p in tree._roots) {
|
|
p=tree._roots[p];
|
|
tree.remove(p);
|
|
}
|
|
} else tree.remove('root');
|
|
tree._roots=undefined;
|
|
if (!name_s||Comp.obj.isString(name_s)) {
|
|
root={ id:"root", open:true, value:name_s||'/' }
|
|
tree.add(root);
|
|
} else {
|
|
// Multiple objects
|
|
tree._roots=[];
|
|
for(i in name_s) {
|
|
n=name_s[i];
|
|
tree._roots.push('root@@'+n);
|
|
root={ id:'root@@'+n, open:true, value:n }
|
|
tree.add(root);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/** Destroy one visual object
|
|
*
|
|
*/
|
|
gui.prototype.destroyObject = function (id) {
|
|
var self=this,shape,
|
|
obj=this.objects[id];
|
|
if (!obj && this.options.verbose>1) this.log('destroyObject: Unknown object '+id);
|
|
if (obj) obj.obj=undefined;
|
|
delete this.objects[id];
|
|
if (this.worldWin.shapes[id]) {
|
|
this.worldWin.shapes[id].removeAllListeners();
|
|
this.worldWin.shapes[id].remove();
|
|
delete this.worldWin.shapes[id];
|
|
}
|
|
}
|
|
|
|
/** Destroy sensors simulation wolrd
|
|
*
|
|
*/
|
|
|
|
gui.prototype.destroySimuSens = function () {
|
|
|
|
this.log('[GUI] Destroying Sensors world ...');
|
|
this.simuSens.destroy();
|
|
this.simuSens = none;
|
|
this.UI('sensorsWinButCreate').enable();
|
|
this.UI('sensorsWinButDestroy').disable();
|
|
this.sensorsWin.gui=none;
|
|
this.UI('sensorsWinButRun').disable();
|
|
this.UI('sensorsWinButStep').disable();
|
|
this.UI('sensorsWinButStop').disable();
|
|
}
|
|
|
|
/** Destroy physical simulation wolrd
|
|
*
|
|
*/
|
|
|
|
gui.prototype.destroySimuPhy = function () {
|
|
|
|
this.log('[GUI] Destroying Physical world ...');
|
|
this.simuPhy.destroy();
|
|
this.simuPhy = none;
|
|
this.UI('physicalWinButCreate').enable();
|
|
this.UI('physicalWinButDestroy').disable();
|
|
this.physicalWin.gui=none;
|
|
this.UI('physicalWinButRun').disable();
|
|
this.UI('physicalWinButStep').disable();
|
|
this.UI('physicalWinButStop').disable();
|
|
}
|
|
|
|
|
|
/** Destroy MAS simulation world and clear graphical world.
|
|
*
|
|
*/
|
|
gui.prototype.destroyWorld = function () {
|
|
this.clearWorld();
|
|
if (this.simu) {
|
|
this.log('[GUI] Destroying old simulation '+this.simu.world.id+' ...');
|
|
if (this.simu) this.simu.destroy();
|
|
this.simu=none;
|
|
}
|
|
this.objects={};
|
|
this.worldname='No World!';
|
|
this.UI('myTopLabel').setValue(this.worldname);
|
|
}
|
|
|
|
/** Draw and create one visual object
|
|
*
|
|
*/
|
|
gui.prototype.drawObject = function (id) {
|
|
var self=this,shape=this.worldWin.shapes[id],
|
|
objClass=this.classObject(id),
|
|
zoom=this.worldWin.zoom,
|
|
off=this.worldWin.offset,
|
|
obj=this.objects[id],
|
|
level=(obj && obj.visual && obj.visual.level!=undefined)?obj.visual.level:-1,
|
|
x0,x1,x2,y0,y1,y2,
|
|
dx=0,dy=0;
|
|
|
|
if (!this.worldWin.container || !obj || shape || !this.level[level] || !this.options.display[objClass]) return;
|
|
|
|
function makeListener(shape,id) {
|
|
if (id != "world-anchor") shape.listen("click", function (e) {self.listenObject(id,e)});
|
|
}
|
|
this.window.x0=Math.min(this.window.x0,obj.visual.x);
|
|
this.window.y0=Math.min(this.window.y0,obj.visual.y);
|
|
if (obj.visual.w) this.window.x1=Math.max(this.window.x1,obj.visual.x+obj.visual.w);
|
|
if (obj.visual.h) this.window.y1=Math.max(this.window.y1,obj.visual.y+obj.visual.h);
|
|
|
|
switch (obj.visual.shape) {
|
|
case 'rect':
|
|
shape=this.worldWin.container.rect((obj.visual.x+off.x)*zoom,
|
|
(obj.visual.y+off.y)*zoom,
|
|
obj.visual.w*zoom, obj.visual.h*zoom);
|
|
if (obj.visual.fill) shape.fill(obj.visual.fill.color,obj.visual.fill.opacity||0.5);
|
|
if (obj.visual.line) shape.stroke(obj.visual.line.color||'black',checkOption(obj.visual.line.width,1));
|
|
if (obj.visual.line && obj.visual.line.width!=undefined) shape.strokeThickness(obj.visual.line.width);
|
|
makeListener(shape,obj.id);
|
|
if (obj.visual.pattern) {
|
|
var pattern = this.worldWin.container.pattern(
|
|
new this.acgraph.math.Rect(0,0,obj.visual.pattern.w*zoom,obj.visual.pattern.h*zoom));
|
|
pattern.rect(0, 0,obj.visual.pattern.w*zoom,obj.visual.pattern.h*zoom).fill("none")
|
|
.stroke(obj.visual.pattern.color||"1 blue 0.9");
|
|
shape.fill(pattern);
|
|
}
|
|
this.worldWin.shapes[obj.id]=shape;
|
|
break;
|
|
case 'circle':
|
|
if (obj.visual.align == 'center') dx=obj.visual.w/2,dy=obj.visual.h/2;
|
|
shape=this.worldWin.container.ellipse((obj.visual.x+off.x+dx)*zoom,
|
|
(obj.visual.y+off.y+dy)*zoom,
|
|
obj.visual.w*zoom/2, obj.visual.h*zoom/2);
|
|
if (obj.visual.fill) shape.fill(obj.visual.fill.color,obj.visual.fill.opacity||0.5);
|
|
if (obj.visual.line) shape.stroke(obj.visual.line.color||'black',checkOption(obj.visual.line.width,1));
|
|
if (obj.visual.line && obj.visual.line.width!=undefined) shape.strokeThickness(obj.visual.line.width);
|
|
makeListener(shape,obj.id);
|
|
this.worldWin.shapes[obj.id]=shape;
|
|
break;
|
|
case 'triangle':
|
|
x0=(obj.visual.x+off.x)*zoom;
|
|
y0=(obj.visual.y+obj.visual.h*7/8+off.y)*zoom;
|
|
x1=(obj.visual.x+obj.visual.w+off.x)*zoom;
|
|
x2=(obj.visual.x+obj.visual.w/2+off.x)*zoom;
|
|
y2=(obj.visual.y-obj.visual.h/8+off.y)*zoom;
|
|
|
|
shape=this.worldWin.container.path();
|
|
shape.moveTo(x0,y0).
|
|
lineTo(x1,y0).
|
|
lineTo(x2,y2).
|
|
lineTo(x0,y0);
|
|
|
|
if (obj.visual.fill) shape.fill(obj.visual.fill.color,obj.visual.fill.opacity||0.5);
|
|
if (obj.visual.line) shape.stroke(obj.visual.line.color||'black',checkOption(obj.visual.line.width,1));
|
|
if (obj.visual.line && obj.visual.line.width!=undefined) shape.strokeThickness(obj.visual.line.width);
|
|
makeListener(shape,obj.id);
|
|
this.worldWin.shapes[obj.id]=shape;
|
|
break;
|
|
case 'text':
|
|
shape=this.worldWin.container.text((obj.visual.x+off.x)*zoom,(obj.visual.y+off.y)*zoom,obj.visual.text);
|
|
if (obj.visual.fontSize) shape.fontSize(obj.visual.fontSize*zoom+'px');
|
|
if (obj.visual.color) shape.color(obj.visual.color);
|
|
this.worldWin.shapes[obj.id]=shape;
|
|
break;
|
|
case 'icon':
|
|
src='icons/'+obj.visual.icon+'.svg';
|
|
shape=this.worldWin.container.image(src,
|
|
(obj.visual.x+off.x)*zoom, (obj.visual.y+off.y)*zoom,
|
|
obj.visual.w*zoom, obj.visual.h*zoom);
|
|
// if (obj.visual.fill) shape.fill(obj.visual.fill.color,obj.visual.fill.opacity||0.5);
|
|
makeListener(shape,obj.id);
|
|
this.worldWin.shapes[obj.id]=shape;
|
|
break;
|
|
}
|
|
}
|
|
|
|
/** Draw the simulation world with current settings.
|
|
*
|
|
*/
|
|
|
|
gui.prototype.drawWorld = function () {
|
|
var p,self=this,
|
|
objClass;
|
|
|
|
if (!self.worldWin.isVisible()) return;
|
|
this.log('[GUI] Drawing world ...');
|
|
if (!this.worldWin.container) {
|
|
// Install mouse pan and region zoom handler
|
|
this.worldWin.container = this.acgraph.create('worldGraphContainer');
|
|
// this.worldWin.layer = this.acgraph.layer(); this.worldWin.layer.parent(container); ??
|
|
this.worldWin.container._mouse = undefined;
|
|
this.worldWin.container._mouse_line = undefined;
|
|
document.getElementById("worldGraphContainer").addEventListener("mousedown", function(e){
|
|
var m={x:e.clientX,y:e.clientY};
|
|
if (self.worldWin.container._mouse_shape) {
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape=undefined;
|
|
}
|
|
self.worldWin.container._mouse = {x:m.x,y:m.y};
|
|
switch (self.window.mode) {
|
|
case 'pan':
|
|
self.worldWin.container._mouse_shape = self.worldWin.container.path();
|
|
self.worldWin.container._mouse_shape.moveTo(m.x-self.worldWin.getNode().offsetLeft-10,
|
|
m.y-self.worldWin.getNode().offsetTop-60);
|
|
// document.getElementById("worldGraphContainer").style.cursor='move';
|
|
break;
|
|
case 'zoom':
|
|
case 'select':
|
|
self.worldWin.container._mouse_shape = self.worldWin.container.rect(
|
|
m.x-self.worldWin.getNode().offsetLeft-10,
|
|
m.y-self.worldWin.getNode().offsetTop-60,
|
|
1,1);
|
|
//b document.getElementById("worldGraphContainer").style.cursor='s-resize';
|
|
break;
|
|
}
|
|
|
|
});
|
|
document.getElementById("worldGraphContainer").addEventListener("mousemove", function(e){
|
|
var m={x:e.clientX,y:e.clientY};
|
|
if (self.worldWin.container._mouse_shape &&
|
|
(Math.abs(m.x-self.worldWin.container._mouse.x)>5 ||
|
|
Math.abs(m.y-self.worldWin.container._mouse.y)>5)) {
|
|
switch (self.window.mode) {
|
|
case 'pan':
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape = self.worldWin.container.path();
|
|
self.worldWin.container._mouse_shape.moveTo(self.worldWin.container._mouse.x-self.worldWin.getNode().offsetLeft-10,
|
|
self.worldWin.container._mouse.y-self.worldWin.getNode().offsetTop-60);
|
|
self.worldWin.container._mouse_shape.lineTo(m.x-self.worldWin.getNode().offsetLeft-10,
|
|
m.y-self.worldWin.getNode().offsetTop-60);
|
|
break;
|
|
case 'zoom':
|
|
case 'select':
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape = self.worldWin.container.rect(
|
|
self.worldWin.container._mouse.x-self.worldWin.getNode().offsetLeft-10,
|
|
self.worldWin.container._mouse.y-self.worldWin.getNode().offsetTop-60,
|
|
(m.x-self.worldWin.container._mouse.x),
|
|
(m.y-self.worldWin.container._mouse.y));
|
|
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
document.getElementById("worldGraphContainer").addEventListener("mouseup", function(e){
|
|
var x0,y0,dx,dy,dw,dh,zw,zh,m={x:e.clientX,y:e.clientY};
|
|
if (!self.worldWin.container._mouse) return;
|
|
switch (self.window.mode) {
|
|
case 'pan':
|
|
if (Math.abs(m.x-self.worldWin.container._mouse.x)>5 ||
|
|
Math.abs(m.y-self.worldWin.container._mouse.y)>5) {
|
|
var dx=((m.x-self.worldWin.container._mouse.x)/self.worldWin.zoom)|0,
|
|
dy=((m.y-self.worldWin.container._mouse.y)/self.worldWin.zoom)|0;
|
|
self.worldWin.offset.x += dx;
|
|
self.worldWin.offset.y += dy;
|
|
for(var o in self.objects) {
|
|
self.moveShape(o,dx,dy);
|
|
}
|
|
}
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape=undefined;
|
|
break;
|
|
case 'zoom':
|
|
if ((m.x-self.worldWin.container._mouse.x)>5 ||
|
|
(m.y-self.worldWin.container._mouse.y)>5) {
|
|
dw=Math.abs(m.x-self.worldWin.container._mouse.x)/self.worldWin.zoom;
|
|
dh=Math.abs(m.y-self.worldWin.container._mouse.y)/self.worldWin.zoom;
|
|
zw=(self.worldWin.getNode().offsetWidth-35)/(dw);
|
|
zh=(self.worldWin.getNode().offsetHeight-70)/(dh);
|
|
|
|
dx=-(self.worldWin.container._mouse.x-self.worldWin.getNode().offsetLeft-30)/self.worldWin.zoom|0+10;
|
|
dy=-(self.worldWin.container._mouse.y-self.worldWin.getNode().offsetTop-50)/self.worldWin.zoom|0+10;
|
|
|
|
dx += self.worldWin.offset.x;
|
|
dy += self.worldWin.offset.y;
|
|
|
|
self.worldWin.offset = {x:dx,y:dy};
|
|
self.worldWin.zoom=Math.min(zw,zh);
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape=undefined;
|
|
self.UI('worldWinButZoomRegion').enable();
|
|
break;
|
|
case 'select':
|
|
if ((m.x-self.worldWin.container._mouse.x)>5 ||
|
|
(m.y-self.worldWin.container._mouse.y)>5) {
|
|
x0 = (self.worldWin.container._mouse.x-self.worldWin.getNode().offsetLeft-0)/self.worldWin.zoom;
|
|
y0 = (self.worldWin.container._mouse.y-self.worldWin.getNode().offsetTop-50)/self.worldWin.zoom;
|
|
x0 -= self.worldWin.offset.x;
|
|
y0 -= self.worldWin.offset.y;
|
|
dw=Math.abs(m.x-self.worldWin.container._mouse.x)/self.worldWin.zoom;
|
|
dh=Math.abs(m.y-self.worldWin.container._mouse.y)/self.worldWin.zoom;
|
|
// self.log([x0,y0,dw,dh]);
|
|
self.selectRegion(x0,y0,dw,dh,function (id) {return id.indexOf('node')==0||id.indexOf('agent')==0});
|
|
}
|
|
self.worldWin.container._mouse_shape.remove();
|
|
self.worldWin.container._mouse_shape=undefined;
|
|
self.UI('worldWinButSelectRegion').enable();
|
|
break;
|
|
|
|
}
|
|
self.worldWin.container._mouse=undefined;
|
|
self.window.mode='pan';
|
|
document.getElementById("worldGraphContainer").style.cursor='default';
|
|
// self.log('click '+e.type+' '+e.clientX+','+e.clientY);
|
|
});
|
|
}
|
|
this.window={x0:Number.MAX_SAFE_INTEGER,y0:Number.MAX_SAFE_INTEGER,x1:0,y1:0,mode:this.window.mode};
|
|
this.worldWin.container.suspend();
|
|
for (p in this.objects) {
|
|
this.drawObject(p);
|
|
}
|
|
this.worldWin.container.resume();
|
|
}
|
|
|
|
|
|
|
|
/** Print error message to logging window
|
|
* Returns a window-specific print function.
|
|
*/
|
|
gui.prototype.errToWin = function (win) {
|
|
var self=this;
|
|
return function(data) {
|
|
var view = self.UI(win);
|
|
var textview = self.UI(win+'LogTextView');
|
|
var text = textview.getValue();
|
|
if (self.options.message.error) self.message(data);
|
|
text = text + 'X '+ data + '\n';
|
|
textview.setValue(text);
|
|
}
|
|
}
|
|
|
|
/** Find objects based on class and regular expression pattern (string)
|
|
*
|
|
*/
|
|
gui.prototype.findObjects = function (classId,pattern) {
|
|
var id, regex=RegExp(pattern),
|
|
objs={};
|
|
for(id in this.objects) {
|
|
if (id.indexOf(classId)==0 && id.match(regex)) objs[id]=this.objects[id];
|
|
}
|
|
return objs;
|
|
}
|
|
|
|
gui.prototype.getObject = function (id,visual) {
|
|
return this.objects[id];
|
|
}
|
|
/** A shape/object listener (attached to graphics elements)
|
|
*
|
|
*/
|
|
gui.prototype.listenObject = function (id,e) {
|
|
var self=this,
|
|
obj=this.objects[id];
|
|
|
|
function selectable(id) {
|
|
if (Comp.string.startsWith(id,'agent') && !self.options.select.agent) return false;
|
|
if (Comp.string.startsWith(id,'node') && !self.options.select.node) return false;
|
|
if (Comp.string.startsWith(id,'link') && !self.options.select.link) return false;
|
|
if (Comp.string.startsWith(id,'port') && !self.options.select.port) return false;
|
|
if (Comp.string.startsWith(id,'resource') && !self.options.select.resource) return false;
|
|
if (Comp.string.startsWith(id,'patch') && !self.options.select.patch) return false;
|
|
return true
|
|
}
|
|
|
|
function overlap(id,v) {
|
|
var objs=[],id2;
|
|
// Return all overlapping shapes
|
|
for (id2 in self.objects) {
|
|
if (self.objects[id2]==undefined) continue;
|
|
var v2=self.objects[id2].visual;
|
|
if (id2==id || !self.level[v2.level]) continue;
|
|
|
|
if (Comp.string.startsWith(id,'agent') &&
|
|
!Comp.string.startsWith(id2,'agent')) continue;
|
|
else if (Comp.string.startsWith(id,'node') &&
|
|
!Comp.string.startsWith(id2,'node')) continue;
|
|
else if (Comp.string.startsWith(id,'link') &&
|
|
!Comp.string.startsWith(id2,'link')) continue;
|
|
|
|
if (!selectable(id2)) continue;
|
|
|
|
if (v.shape=='circle' && v2.shape=='circle') {
|
|
var r0=(v.w+v.h)/4,
|
|
r1=(v2.w+v2.h)/4,
|
|
c=sq(v.x-v2.x)+sq(v.y-v2.y);
|
|
if (!(c <= sq(r0+r1))) continue;
|
|
} else {
|
|
// If one rectangle is on left side of other
|
|
if (v.x > (v2.x+v2.w) || v2.x > (v.x+v.w)) continue;
|
|
// If one rectangle is above other
|
|
if (v.y > (v2.y+v2.h) || v2.y > (v.y+v.h)) continue;
|
|
}
|
|
objs.push(id2);
|
|
};
|
|
return objs;
|
|
}
|
|
function listen(id,e) {
|
|
var ovl=overlap(id,obj.visual),objs={},id2,p,node;
|
|
// self.log('Select: '+id+' ['+ovl.length+'] '+ selectable(id));
|
|
|
|
if (!self.inspectorWin.locked && selectable(id)) {
|
|
if (ovl.length==0) {
|
|
self.inspect.data=self.objects[id].obj;
|
|
self.deleteTree(id);
|
|
self.makeTree(self.inspect.data,'root');
|
|
self.UI('inspectorTree').close('root');
|
|
} else {
|
|
objs[id]=self.objects[id].obj;
|
|
for(var id2 in ovl) {
|
|
id2=ovl[id2];
|
|
objs[id2]=self.objects[id2].obj;
|
|
}
|
|
self.inspect.data=objs;
|
|
Comp.array.push(ovl,id);
|
|
self.deleteTree(ovl);
|
|
for(p in objs) {
|
|
self.makeTree({},'root@@'+p);
|
|
self.UI('inspectorTree').close('root@@'+p);
|
|
node = self.UI('inspectorTree').getItem('root@@'+p);
|
|
node._data=objs[p];
|
|
}
|
|
}
|
|
}
|
|
if (Comp.string.startsWith(id,'node')) {
|
|
id2=id.replace(/node\[([^\]]+)\]/,'$1');
|
|
node = self.simu.world.getNode(id2);
|
|
if (node && node.position) {
|
|
if (node.position.gps)
|
|
self.UI('worldWinInfo').setValue(Comp.printf.sprintf('%s %2.6f° %2.6f° %4.0fm',
|
|
node.id,
|
|
node.position.gps.latitude,
|
|
node.position.gps.longitude,
|
|
node.position.gps.height));
|
|
else if (node.position.x != undefined && node.position.y != undefined)
|
|
self.UI('worldWinInfo').setValue(Comp.printf.sprintf(node.position.z!=undefined?'%s [%4.0f,%4.0f,%4.0f]':'%s [%4.0f,%4.0f]',
|
|
node.id,
|
|
node.position.x,
|
|
node.position.y,
|
|
node.position.z));
|
|
} else self.UI('worldWinInfo').setValue('');
|
|
if (self.options.select.physics && self.simuPhy) {
|
|
var tokens = id2.split(',');
|
|
// Try to find connected physical object. e.g., masses.
|
|
self.simuPhy.select(tokens.map(function (s) {return Number(s)}));
|
|
}
|
|
} else {
|
|
self.UI('worldWinInfo').setValue(id);
|
|
if (self.options.select.physics && self.simuPhy)
|
|
self.simuPhy.unselect();
|
|
}
|
|
}
|
|
listen(id,e);
|
|
}
|
|
|
|
gui.prototype.lockLayout = function () {
|
|
this.UI('topWinLock').define('icon','lock');
|
|
this.UI('topWinLock').refresh();
|
|
this.toolbar.locked=true;
|
|
this.inspectorWin.define('move',false);
|
|
this.msgWin.define('move',false);
|
|
this.logWin.define('move',false);
|
|
this.simulationWin.define('move',false);
|
|
this.worldWin.define('move',false);
|
|
}
|
|
|
|
/** Print logging message to logging window
|
|
* Returns a window-specific print function.
|
|
*/
|
|
gui.prototype.logToWin = function (win) {
|
|
var self=this;
|
|
function wrap(data) {
|
|
function contains(it) { return data.indexOf(it) != -1; };
|
|
if (contains('Warning:')) return '! '+data + '';
|
|
else if (contains('Error:')) { if (self.options.message.error) self.message(data); return 'X '+data + ''}
|
|
else return ' '+data;
|
|
}
|
|
return function(data) {
|
|
if(data==undefined) data='undefined';
|
|
if(typeof data != 'string') data=JSON.stringify(data);
|
|
var view = self.UI(win);
|
|
// var log = self.UI(win+'LogText');
|
|
var textview = self.UI(win+'LogTextView');
|
|
// var scroll = view.getBody();
|
|
/*
|
|
if (typeof log.logtext == 'undefined') log.logtext='';
|
|
data=data.replace(/ /g,' ').replace(/\n/g,'<br>\n');
|
|
log.logtext += wrap(data) + '<br>\n';
|
|
log.removeView(win+'LogTextView');
|
|
log.addView({template:'<tt>'+log.logtext+'</tt>', autoheight:true, borderless:true, id:win+'LogTextView'});
|
|
*/
|
|
var text = textview.getValue();
|
|
text = text + wrap(data) +'\n';
|
|
textview.setValue(text);
|
|
if (!textview.update) textview.update=setTimeout(function () {
|
|
textview.update=undefined;
|
|
self.update(win);
|
|
},100);
|
|
}
|
|
}
|
|
|
|
/** Highlight a line (lineNumber) in the editor
|
|
*
|
|
*/
|
|
gui.prototype.highlightLine = function(editor,lineNumber) {
|
|
//Select editor loaded in the DOM
|
|
var myEditor = UI(editor).getEditor();
|
|
if (!myEditor) return;
|
|
//Set line CSS class to the line number & affecting the background of the line with the css class of line-error
|
|
myEditor.setLineClass(lineNumber - 1, 'background', 'line-error');
|
|
highlights[editor]=lineNumber;
|
|
}
|
|
|
|
// Load simulation model from file; external API
|
|
gui.prototype.loadSimulation = function(file) {
|
|
var self=this;
|
|
// If file != null, use loadFile/fs
|
|
if (global.TARGET == "browser") {
|
|
function setup(text,filename) {
|
|
try {
|
|
self.filename=self.filesimu=filename;
|
|
self.source = text;
|
|
self.imports = {};
|
|
self.model = self.parseModel(text);
|
|
if (self.model && self.model.name)
|
|
self.log('Loaded simulation model "'+self.model.name+'" ('+self.source.length+') from file '+self.filename);
|
|
else
|
|
self.log('Loading simulation model from file '+self.filename+' failed.');
|
|
self.UI('sourceText').setValue(self.source);
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
self.editorWin._changed=false;
|
|
self.editorWin._active=self.filename;
|
|
self.inspect.root = 'model';
|
|
self.inspect.data = self.model;
|
|
self.UI('sourceTextWinMenu').remove('root');
|
|
files=[self.filename];
|
|
for(p in self.imports) {
|
|
files.push(p);
|
|
}
|
|
self.UI('sourceTextWinMenu').add({
|
|
id:'root',
|
|
value:self.filename,
|
|
submenu:files});
|
|
} catch (e) {
|
|
self.log('Loading of simulation model from file '+self.filename+' failed: '+e.toString());
|
|
}
|
|
}
|
|
if (!file)
|
|
loadScript("simulation.js",".js",function (text,filename) {setup(text,filename)})
|
|
else {
|
|
setup(loadFile(file),file);
|
|
}
|
|
} else {
|
|
if (self.filename.indexOf('.js')<0) {
|
|
self.filename='simulation.js';
|
|
self.UI('filedialogWinFormFile').setValue(self.filename);
|
|
}
|
|
var but = self.UI('filedialogWinAction');
|
|
but.setValue('Load Model');
|
|
but.refresh();
|
|
self.openDir(self.workdir);
|
|
self.filedialogWin.show();
|
|
}
|
|
}
|
|
|
|
/** Make an inspector tree node
|
|
*/
|
|
gui.prototype.makeTree = function(element,root) {
|
|
var self=this,
|
|
tree = this.UI('inspectorTree'),
|
|
child,childid,i=1,p,v,isfun,name,pat;
|
|
|
|
function filter(name,elem,type) {
|
|
var p;
|
|
if (name && name=='_update') return false;
|
|
if (!self.inspect.filter) return true;
|
|
if (type) return self.inspect.filter[type];
|
|
type=typeof elem;
|
|
if (!self.inspect.filter[type]) return false;
|
|
if (self.inspect.filter.attributes) {
|
|
if (self.inspect.filter.attributes[name]) return true;
|
|
if (self.inspect.filter.attributes.patterns)
|
|
for(p in self.inspect.filter.attributes.patterns) {
|
|
if (self.inspect.filter.attributes.patterns[p].test(name)) return true;
|
|
}
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
if (Comp.obj.isObject(element) || Comp.obj.isArray(element)) {
|
|
if (element && element != null && element._update) element._update(element);
|
|
for (var p in element) {
|
|
child=element[p];
|
|
if (filter(p,child)) {
|
|
if (child==undefined) v=p+' = undefined';
|
|
else if (Comp.obj.isFunction(child)) {
|
|
if (!filter(null,null,'function')) continue;
|
|
name = child.toString();
|
|
v=p+' = '+Comp.string.sub(name,0,name.indexOf('{'));
|
|
} else if (!Comp.obj.isObject(child) && !Comp.obj.isArray(child)) {
|
|
if (!filter(null,null,'array')) continue;
|
|
if (Comp.obj.isString(child))
|
|
v=p+' = "'+(child.length<20?child:(Comp.string.sub(child,0,20)+'..'))+'"';
|
|
else
|
|
v=p+' = '+child.toString();
|
|
} else if (Comp.obj.isEmpty(child))
|
|
v = p+' = '+(Comp.obj.isArray(child)?'[]':'{}');
|
|
else v=p;
|
|
|
|
childid = root+'.'+i; i++;
|
|
|
|
tree.add({
|
|
id:childid,
|
|
open:false,
|
|
value:v,
|
|
_data:child
|
|
},i,root);
|
|
|
|
if ((Comp.obj.isObject(child) || Comp.obj.isArray(child)) &&
|
|
!Comp.obj.isEmpty(child)) {
|
|
tree.add({id:childid+'.0',value:'..'},0,childid);
|
|
}
|
|
}
|
|
}
|
|
} else if (element != undefined) {
|
|
name = element.toString();
|
|
funpat = /function[\s0-9a-zA-Z_$]*\(/i;
|
|
isfun=Comp.obj.isFunction(element)||funpat.test(name);
|
|
if (isfun && filter(null,null,'function')) {
|
|
element=Comp.string.sub(name,0,name.indexOf('{'));
|
|
}
|
|
} else {
|
|
}
|
|
}
|
|
|
|
/** Move one visual object (and optionally child objects) and the shapes
|
|
* relative to current (x,y) position (normalized coordinates independent of zoom/pan).
|
|
*
|
|
*/
|
|
gui.prototype.moveObject = function (oid,dx,dy,and,andmore) {
|
|
var shape=this.worldWin.shapes[oid],
|
|
zoom=this.worldWin.zoom,
|
|
obj=this.objects[oid],
|
|
level=(obj && obj.visual && obj.visual.level!=undefined)?obj.visual.level:-1,
|
|
node,pro,i,nid,lid;
|
|
if (obj && !this.level[level]) return;
|
|
if (!obj || !shape) {this.log('[GUI] moveObject: Unknown shape '+oid); return};
|
|
obj.visual.x += dx;
|
|
obj.visual.y += dy;
|
|
shape.translate(dx*zoom,dy*zoom);
|
|
this.window.x0=Math.min(this.window.x0,obj.visual.x);
|
|
this.window.y0=Math.min(this.window.y0,obj.visual.y);
|
|
if (obj.visual.w) this.window.x1=Math.max(this.window.x1,obj.visual.x+obj.visual.w);
|
|
if (obj.visual.h) this.window.y1=Math.max(this.window.y1,obj.visual.y+obj.visual.h);
|
|
|
|
if (and && and=='agent' && Comp.string.startsWith(oid,'node')) {
|
|
// Move all agents of this node, too
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
node=this.simu.world.getNode(nid);
|
|
for (i in node.processes.table) {
|
|
pro=node.processes.table[i];
|
|
if (pro==undefined) continue;
|
|
this.moveObject('agent['+pro.agent.ac+':'+pro.agent.id+':'+node.id+']',dx,dy);
|
|
}
|
|
}
|
|
if (andmore && andmore=='port' && Comp.string.startsWith(oid,'node')) {
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
lid='port['+nid+']';
|
|
if (this.objects[lid]) this.moveObject(lid,dx,dy);
|
|
}
|
|
}
|
|
|
|
/** Move one visual object (and optionally child objects) and the shapes
|
|
* absolute to new (x,y) position (normalized coordinates independent of zoom/pan).
|
|
*
|
|
*/
|
|
gui.prototype.moveObjectTo = function (oid,x,y,and,andmore) {
|
|
var shape=this.worldWin.shapes[oid],
|
|
zoom=this.worldWin.zoom,
|
|
obj=this.objects[oid],
|
|
level=(obj && obj.visual && obj.visual.level!=undefined)?obj.visual.level:-1,
|
|
node,pro,i,nid,lid,dx,dy;
|
|
if (obj && !this.level[level]) return;
|
|
if (!obj || !shape) {this.log('[GUI] moveObjectTo: Unknown shape '+oid); return};
|
|
dx=x-obj.visual.x;
|
|
dy=y-obj.visual.y;
|
|
obj.visual.x = x;
|
|
obj.visual.y = y;
|
|
shape.translate(dx*zoom,dy*zoom);
|
|
this.window.x0=Math.min(this.window.x0,obj.visual.x);
|
|
this.window.y0=Math.min(this.window.y0,obj.visual.y);
|
|
if (obj.visual.w) this.window.x1=Math.max(this.window.x1,obj.visual.x+obj.visual.w);
|
|
if (obj.visual.h) this.window.y1=Math.max(this.window.y1,obj.visual.y+obj.visual.h);
|
|
|
|
if (and && and=='agent' && Comp.string.startsWith(oid,'node')) {
|
|
// Move all agents of this node, too
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
node=this.simu.world.getNode(nid);
|
|
for (i in node.processes.table) {
|
|
pro=node.processes.table[i];
|
|
if (pro==undefined) continue;
|
|
// this.log(nid+'['+pro.agent.id+']');
|
|
this.moveObject('agent['+pro.agent.ac+':'+pro.agent.id+':'+node.id+']',dx,dy);
|
|
}
|
|
}
|
|
if (andmore && andmore=='port' && Comp.string.startsWith(oid,'node')) {
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
lid='port['+nid+']';
|
|
if (this.objects[lid]) this.moveObject(lid,dx,dy);
|
|
}
|
|
}
|
|
|
|
/** Move the shapes of the object only!
|
|
*
|
|
*/
|
|
gui.prototype.moveShape = function (oid,dx,dy,and,andmore) {
|
|
var obj=this.objects[oid],
|
|
shape=this.worldWin.shapes[oid],
|
|
zoom=this.worldWin.zoom,
|
|
level=(obj && obj.visual && obj.visual.level!=undefined)?obj.visual.level:-1,
|
|
node,pro,i,nid,lid;
|
|
if (obj && !this.level[level]) return;
|
|
if (!shape) {this.log('[GUI] moveShape: Unknown shape '+oid); return};
|
|
shape.translate(dx*zoom,dy*zoom);
|
|
|
|
if (and && and=='agent' && Comp.string.startsWith(oid,'node')) {
|
|
// Move all agents of this node, too
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
node=this.simu.world.getNode(nid);
|
|
for (i in node.processes.table) {
|
|
pro=node.processes.table[i];
|
|
if (pro==undefined) continue;
|
|
this.moveShape('agent['+pro.agent.ac+':'+pro.agent.id+':'+node.id+']',dx,dy);
|
|
}
|
|
}
|
|
if (andmore && andmore=='port' && Comp.string.startsWith(oid,'node')) {
|
|
nid=oid.replace(/node\[([^\]]+)\]/,'$1');
|
|
lid='port['+nid+']';
|
|
if (this.objects[lid]) this.moveShape(lid,dx,dy);
|
|
}
|
|
}
|
|
|
|
/** File Explorer: Open and list directory
|
|
*
|
|
*/
|
|
gui.prototype.openDir = function (dir) {
|
|
var self = this;
|
|
var list = this.UI('filedialogWinList');
|
|
this.lastdir=dir;
|
|
try {
|
|
var entry,
|
|
entries ,
|
|
stats,
|
|
index=1;
|
|
try { entries=Fs.readdirSync(dir) } catch (e) { entries={} }
|
|
list.clearAll();
|
|
list.add({ id:0, flag:'d', icon:'<span class="webix_icon fa-level-up"></span>',
|
|
dir:dir, name:".."});
|
|
function make(entry,mode) {
|
|
if (mode=='d')
|
|
return { id:index, flag:mode,
|
|
icon:'<span class="webix_icon fa-folder-o"></span>',
|
|
name:entry,
|
|
dir:dir
|
|
}
|
|
else
|
|
return { id:index, flag:mode,
|
|
icon:'<span class="webix_icon fa-file-o"></span>',
|
|
name:entry,
|
|
dir:dir
|
|
}
|
|
}
|
|
entries = entries.sort(entries,function (a,b) {return a<b?-1:1 });
|
|
for(entry in entries) {
|
|
try {
|
|
stats = Fs.statSync(dir+'/'+entries[entry]);
|
|
switch (entries[entry]) {
|
|
case '..':
|
|
case '.':
|
|
case '':
|
|
break;
|
|
default:
|
|
if (entries[entry].charAt(0) == '.') break;
|
|
if (stats.isDirectory())
|
|
list.add(make(entries[entry],'d'));
|
|
index++;
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
for(entry in entries) {
|
|
try {
|
|
stats = Fs.statSync(dir+'/'+entries[entry]);
|
|
switch (entries[entry]) {
|
|
case '..':
|
|
case '.':
|
|
case '':
|
|
break;
|
|
default:
|
|
if (entries[entry].charAt(0) == '.') break;
|
|
if (!stats.isDirectory())
|
|
list.add(make(entries[entry],'f'))
|
|
index++;
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
} catch (e) {
|
|
this.log('opendir '+dir+' failed.');
|
|
this.log(e.toString());
|
|
}
|
|
}
|
|
|
|
/** Return all overlapping shapes/objects
|
|
*
|
|
*/
|
|
gui.prototype.overlapObjects = function (objid) {
|
|
var objs=[],id2,obj=this.objects[objid],v,self=this;
|
|
if (!obj) return [];
|
|
v=obj.visual;
|
|
// Return all overlapping shapes
|
|
for (id2 in self.objects) {
|
|
if (self.objects[id2]==undefined) continue;
|
|
var v2=self.objects[id2].visual;
|
|
if (id2==objid) continue;
|
|
if (Comp.string.startsWith(objid,'agent') &&
|
|
!Comp.string.startsWith(id2,'agent')) continue;
|
|
else if (Comp.string.startsWith(objid,'node') &&
|
|
!Comp.string.startsWith(id2,'node')) continue;
|
|
else if (Comp.string.startsWith(objid,'port') &&
|
|
!Comp.string.startsWith(id2,'port')) continue;
|
|
else if (Comp.string.startsWith(objid,'link') &&
|
|
!Comp.string.startsWith(id2,'link')) continue;
|
|
if (v.shape=='circle' && v2.shape=='circle') {
|
|
var r0=(v.w+v.h)/4,
|
|
r1=(v2.w+v2.h)/4,
|
|
c=sq(v.x-v2.x)+sq(v.y-v2.y);
|
|
if (!(c <= sq(r0+r1))) continue;
|
|
} else {
|
|
// If one rectangle is on left side of other
|
|
if (v.x > (v2.x+v2.w) || v2.x > (v.x+v.w)) continue;
|
|
// If one rectangle is above other
|
|
if (v.y > (v2.y+v2.h) || v2.y > (v.y+v.h)) continue;
|
|
}
|
|
objs.push(id2);
|
|
};
|
|
return objs;
|
|
}
|
|
|
|
/** Parse simulation model
|
|
* Expected format: { name, classes, world, .. } or model = { }
|
|
* Inside the simualtion model, the model attributes can be referenced with the variable model!
|
|
*/
|
|
gui.prototype.parseModel = function (text) {
|
|
var model,
|
|
prefix="",
|
|
more='',
|
|
error,
|
|
Model={name:'',classes:{},world:{}},
|
|
self=this;
|
|
|
|
// not available in browser mode
|
|
function open(filename) {
|
|
if (global.TARGET != "browser") {
|
|
var text=Io.read_file(self.workdir+'/'+filename);
|
|
self.imports[filename]=text;
|
|
if (text==undefined)
|
|
self.log('Error: Opening of file '+self.workdir+'/'+filename+' failed!');
|
|
else return text;
|
|
} else {
|
|
var text = loadFile(filename);
|
|
return text;
|
|
}
|
|
}
|
|
try {
|
|
if (text.match(/^\s*{/)) prefix="model = ";
|
|
text = prefix+text;
|
|
try {
|
|
var ast = Esprima.parse(text, { tolerant: true, loc:true });
|
|
if (ast.errors && ast.errors.length>0) error = ', '+ast.errors[0];
|
|
} catch (e) {
|
|
if (e.lineNumber) error = e+', in line '+e.lineNumber;
|
|
}
|
|
if (error) {this.log(error); return;}
|
|
eval(text);
|
|
/*
|
|
if (res) {
|
|
model.name=res.name;
|
|
model.classes=res.classes;
|
|
model.world=res.world;
|
|
model.parameter=res.parameter;
|
|
}
|
|
*/
|
|
return model;
|
|
} catch (e) {
|
|
this.log(e.name+(e.message?': '+e.message:'')+(more?more:''));
|
|
}
|
|
}
|
|
|
|
gui.prototype.removeFlags = function () {
|
|
var p,o;
|
|
for(p in this.objects) {
|
|
o=this.objects[p];
|
|
if (!o) continue;
|
|
if (Comp.string.startsWith(o.id,'flag')) {
|
|
this.destroyObject(o.id);
|
|
}
|
|
}
|
|
}
|
|
|
|
/** Reset some GUI forms/windows/fields
|
|
*
|
|
*/
|
|
gui.prototype.resetGui = function () {
|
|
if (this.worldWin.flags) {
|
|
this.UI('worldWinButFlags').define('icon','flag');
|
|
this.UI('worldWinButFlags').refresh();
|
|
this.worldWin.flags=false;
|
|
this.removeFlags();
|
|
};
|
|
if (this.inspectorWin.locked) {
|
|
this.UI('inspectorWinLock').define('icon','unlock');
|
|
this.UI('inspectorWinLock').refresh();
|
|
this.inspectorWin.locked=false;
|
|
}
|
|
this.UI('worldWinInfo').setValue('');
|
|
this.UI('simulationWinInfoTime').setValue('Time: '+0);
|
|
this.UI('simulationWinInfoSteps').setValue('Step: '+0);
|
|
this.UI('simulationWinInfoAgents').setValue('Agents: '+0);
|
|
this.UI('simulationWinInfoNodes').setValue('Nodes: '+0);
|
|
this.inspect.data=this.model;
|
|
this.deleteTree(this.inspect.root);
|
|
this.makeTree(this.inspect.data,'root');
|
|
this.UI('inspectorTree').close('root');
|
|
this.UI('simulationWinButErase').disable();
|
|
this.UI('simulationWinButStep').disable();
|
|
this.UI('simulationWinButPlay').disable();
|
|
this.UI('simulationWinButCreate').enable();
|
|
}
|
|
|
|
/** Save all model data form text editor and reload model.
|
|
*
|
|
*/
|
|
gui.prototype.saveAll = function () {
|
|
var self=this,file,text;
|
|
try {
|
|
self.log('Saving simulation model "'+(self.model?self.model.name:'')+'" ('+self.source.length+') to file '+self.filename);
|
|
Io.write_file(self.workdir+'/'+self.filename,self.source);
|
|
for(file in self.imports) {
|
|
text=self.imports[file];
|
|
self.log('Saving imported module ('+text.length+') to file '+file);
|
|
Io.write_file(self.workdir+'/'+file,text);
|
|
}
|
|
text=Io.read_file(self.workdir+'/'+self.filename);
|
|
self.imports={};
|
|
self.model = self.parseModel(text);
|
|
if (self.model && self.model.name) {
|
|
self.log('Updated simulation model "'+self.model.name+'" ('+self.source.length+') from file '+self.filename);
|
|
self.inspect.root = 'model';
|
|
self.inspect.data = self.model;
|
|
} else
|
|
self.log('Updating simulation model from file '+self.filename+' failed.');
|
|
} catch (e) {
|
|
self.log('Saving of simulation model to file '+self.filename+' failed: '+e.toString());
|
|
}
|
|
}
|
|
|
|
/** Select all objects in the region in inspector window.
|
|
* ROI coordinates: normalized!
|
|
*
|
|
*/
|
|
|
|
gui.prototype.selectRegion = function (x0,y0,w,h,filter) {
|
|
var p,o,id,objs=[],p,node,ovl=[];
|
|
if (!filter) filter=function (id) { return true};
|
|
for(p in this.objects) {
|
|
o=this.objects[p];
|
|
if (!o) continue;
|
|
switch (o.visual.shape) {
|
|
case 'circle':
|
|
case 'rect':
|
|
case 'icon':
|
|
if ((o.visual.x>=x0 && (o.visual.x+o.visual.w) <= (x0+w)) &&
|
|
(o.visual.y>=y0 && (o.visual.y+o.visual.h) <= (y0+h)) &&
|
|
filter(o.id)) ovl.push(o.id),objs.push(o);
|
|
break;
|
|
case 'triangle':
|
|
if ((o.visual.x>=x0 && (o.visual.x+o.visual.w) <= (x0+w)) &&
|
|
(o.visual.y>=y0 && (o.visual.y+o.visual.h) <= (y0+h)) &&
|
|
filter(o.id)) ovl.push(o.id),objs.push(o);
|
|
break;
|
|
}
|
|
}
|
|
// this.log(map(objs,function (o) {return o.id}));
|
|
if (!this.inspectorWin.locked) {
|
|
if (objs.length>0) {
|
|
this.inspect.data=objs;
|
|
this.deleteTree(ovl);
|
|
for(p in objs) {
|
|
o=objs[p];
|
|
// this.log(o.id);
|
|
this.makeTree({},'root@@'+o.id);
|
|
this.UI('inspectorTree').close('root@@'+o.id);
|
|
node = this.UI('inspectorTree').getItem('root@@'+o.id);
|
|
node._data=o;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
gui.prototype.setFontSize = function (fontsize) {
|
|
this.changeCSS('.input','font-size',fontsize+'px')
|
|
this.changeCSS('.normalInput','font-size',fontsize+'px')
|
|
this.changeCSS('.normalOutput','font-size',fontsize+'px')
|
|
this.changeCSS('.error','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_inp_label','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_inp_top_label','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_label_right','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_view','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_el_box','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_el_text','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_el_label','font-size',fontsize+'px')
|
|
this.changeCSS('.webix_el_textarea','font-size',fontsize+'px !important')
|
|
this.changeCSS('textarea','font-size',fontsize+'px !important')
|
|
this.changeCSS('input','font-size',fontsize+'px !important')
|
|
}
|
|
|
|
/** Show simulator and simulation world statistics
|
|
*
|
|
*/
|
|
gui.prototype.showStats = function () {
|
|
var mem = process.memoryUsage(),
|
|
stats={},n,p,c,proc,nodes=0;
|
|
|
|
this.stat('Memory: residentSize: '+div(mem.rss,1024)+' heapUsed:'+div(mem.heapUsed,1024));
|
|
if (this.simu) {
|
|
stats=this.simu.getStats();
|
|
this.stat(Comp.printf.sprintf('Nodes: %8d',stats.nodes));
|
|
this.stat(Comp.printf.sprintf('Agents: (%d)',stats.total));
|
|
for (c in stats.agentsN) {
|
|
this.stat(Comp.printf.sprintf(' %10s : %6d (%d)',c,stats.agents[c]?stats.agents[c]:0,stats.agentsN[c]));
|
|
}
|
|
this.stat(Comp.printf.sprintf('[create:%8d migrate:%8d fork:%8d fast:%8d]',
|
|
stats.create,stats.migrate,stats.fork,stats.fastcopy));
|
|
this.stat(Comp.printf.sprintf('Signals: %8d',stats.signal));
|
|
this.stat(Comp.printf.sprintf('Communication: %8d Bytes|Obj.',stats.send));
|
|
this.stat(Comp.printf.sprintf('CPU: %8d ms',stats.cpu));
|
|
}
|
|
}
|
|
|
|
// Start simulation (run); external API
|
|
gui.prototype.startSimulation = function (steps) {
|
|
var self=this;
|
|
if (!self.simu) return;
|
|
var delay = Number(self.UI('simulationWinFormDelay').getValue());
|
|
self.simu.setDelay(delay);
|
|
self.simu.start(steps||100000);
|
|
}
|
|
|
|
gui.prototype.unlockLayout = function () {
|
|
this.UI('topWinLock').define('icon','unlock');
|
|
this.UI('topWinLock').refresh();
|
|
this.toolbar.locked=false;
|
|
this.inspectorWin.define('move',true);
|
|
this.msgWin.define('move',true);
|
|
this.logWin.define('move',true);
|
|
this.simulationWin.define('move',true);
|
|
this.worldWin.define('move',true);
|
|
}
|
|
|
|
/** Update a logging window
|
|
*
|
|
*/
|
|
gui.prototype.update = function (win) {
|
|
var view = this.UI(win);
|
|
// var log = this.UI(win+'LogText');
|
|
// var scroll = view.getBody();
|
|
var textview = this.UI(win+'LogTextView');
|
|
// textview.refresh();
|
|
|
|
var element = textview.getNode();
|
|
var data = textview.getValue();
|
|
var textareaList = element.getElementsByTagName("textarea");
|
|
if (view.scrollAuto && textareaList.length==1) {
|
|
var textarea=textareaList[0];
|
|
textarea.scrollTop = textarea.scrollHeight;
|
|
}
|
|
|
|
//view.show();
|
|
}
|
|
|
|
gui.prototype.updateConfig = function () {
|
|
for(i=0;i<10;i++) {
|
|
this.UI('configZlevel'+i).setValue(this.level[i]);
|
|
this.UI('configZlevel'+i).refresh();
|
|
}
|
|
}
|
|
|
|
gui.prototype.updateGui = function (full) {
|
|
var agents=0,nodes=0,n;
|
|
this.update('logWin');
|
|
if (!this.simu) return;
|
|
for(n in this.simu.world.nodes) {
|
|
agents += this.simu.world.nodes[n].processes.used;
|
|
nodes++;
|
|
}
|
|
this.UI('simulationWinInfoTime').setValue('Time: '+(this.simu.time-this.simu.world.lag));
|
|
this.UI('simulationWinInfoSteps').setValue('Step: '+this.simu.step);
|
|
this.UI('simulationWinInfoAgents').setValue('Agents: '+agents);
|
|
this.UI('simulationWinInfoNodes').setValue('Nodes: '+nodes);
|
|
|
|
if (this.options.movie) {
|
|
this.printer.simulation(false);
|
|
if (this.simuPhy) this.printer.simulationPhy();
|
|
}
|
|
}
|
|
|
|
/** Unhighlight all lines in editor
|
|
*
|
|
*/
|
|
gui.prototype.unhighlight = function(editor) {
|
|
if (highlights[editor]) {
|
|
var myEditor = UI(editor).getEditor();
|
|
if (!myEditor) return;
|
|
//Set line CSS class to the line number & affecting the background of the line with the css class of line-error
|
|
myEditor.setLineClass(highlights[editor] - 1, 'background', 'line-normal');
|
|
highlights[editor]=0;
|
|
}
|
|
}
|
|
|
|
/** Print a warning messager to the loggging window
|
|
* Returns a window-specific function.
|
|
*/
|
|
gui.prototype.warnToWin = function (win) {
|
|
var self=this;
|
|
return function(data) {
|
|
var view = self.UI(win);
|
|
var text = textview.getValue();
|
|
text = text + '! '+ data +'\n';
|
|
textview.setValue(text);
|
|
}
|
|
}
|
|
|
|
|
|
var Sejam2Gui = Require('ui/sejam2/sejam2-gui');
|
|
gui.prototype.init=Sejam2Gui.gui.prototype.init;
|
|
var Sejam2Plot = Require('ui/sejam2/sejam2-plot');
|
|
gui.prototype.plot = Sejam2Plot.gui.prototype.plot;
|
|
gui.prototype.plotPoint = Sejam2Plot.gui.prototype.plotPoint;
|
|
gui.prototype.plotLine = Sejam2Plot.gui.prototype.plotLine;
|
|
gui.prototype.plotText = Sejam2Plot.gui.prototype.plotText;
|
|
gui.prototype.plotBar = Sejam2Plot.gui.prototype.plotBar;
|
|
gui.prototype.plotAuto = Sejam2Plot.gui.prototype.plotAuto;
|
|
gui.prototype.plotAutoSave = Sejam2Plot.gui.prototype.plotAutoSave;
|
|
|
|
|
|
module.exports = {
|
|
Gui: function (options) {return new gui(options)}
|
|
}
|
|
@
|
|
|
|
|
|
1.4
|
|
log
|
|
@.
|
|
@
|
|
text
|
|
@d20 1
|
|
a20 1
|
|
** $INITIAL: (C) 2006-2017 bLAB
|
|
d22 1
|
|
a22 1
|
|
** $VERSION: 1.8.7
|
|
d34 3
|
|
a36 1
|
|
nonetwork:true
|
|
d38 1
|
|
d40 8
|
|
a47 6
|
|
var Io = Require('com/io');
|
|
var Comp = Require('com/compat');
|
|
var Name = Require('com/pwgen');
|
|
var Aios = Require('jam/aios');
|
|
var Fs = Require('fs');
|
|
var Path = Require('com/path');
|
|
d49 1
|
|
a49 1
|
|
var util = Require('util');
|
|
d51 1
|
|
d53 6
|
|
d67 1
|
|
d86 4
|
|
d92 5
|
|
a96 4
|
|
if (Io.getenv('WINE','')!='') {
|
|
this.workdir=Io.getenv('CWD','/');
|
|
} else
|
|
this.workdir = Io.getenv('PWD','/');
|
|
d100 1
|
|
d132 3
|
|
a134 2
|
|
select:{agent:1,node:1,link:1,resource:1,physics:0},
|
|
display:{agent:1,node:1,link:1,port:1,resource:1,flag:1,label:1,signal:1},
|
|
d148 2
|
|
a149 1
|
|
fastcopy:false, // JAM agent process copy/fork/migrate mode
|
|
d152 9
|
|
d167 1
|
|
a167 1
|
|
if (!options) options={node:true,fontSize:this.options.flag.fontSize,color:'red'};
|
|
d184 12
|
|
d208 2
|
|
a209 2
|
|
height=screen.height-offset, // TODO - nw.js toolbar height
|
|
width=screen.width,
|
|
d243 3
|
|
a245 1
|
|
}
|
|
d296 8
|
|
d353 1
|
|
d377 1
|
|
d380 5
|
|
d387 1
|
|
a387 1
|
|
* {'node','link','port','agent','resource','world','flag'}
|
|
d391 1
|
|
d396 1
|
|
d449 1
|
|
a449 1
|
|
var p;
|
|
d455 3
|
|
a457 1
|
|
if (this.worldWin.shapes[p])
|
|
d459 2
|
|
d463 1
|
|
d466 53
|
|
d531 2
|
|
d537 1
|
|
d539 2
|
|
a540 1
|
|
log:this.log});
|
|
d542 1
|
|
a542 1
|
|
if (this.simu) this.simu.simuPhy = this.simuPhy;
|
|
d571 1
|
|
a571 1
|
|
gui.prototype.createWorld = function () {
|
|
d575 2
|
|
a576 1
|
|
this.log('[GUI] Creating world ...');
|
|
d578 10
|
|
a587 8
|
|
CANNON:self.CANNON,
|
|
log:self.log,
|
|
msg:self.msg,
|
|
gui:self,
|
|
simuPhy:self.simuPhy,
|
|
nocp:true, // No AIOS agent proecss checkpointing!
|
|
fastcopy:self.options.simulation.fastcopy, // Dirty (fast) JAM agent code & signal copy?
|
|
TMO:self.options.simulation.TMO // JAM Node cache timeout
|
|
d590 1
|
|
a590 1
|
|
this.drawWorld();
|
|
d624 35
|
|
a658 1
|
|
/** Destroy physical simualtion wolrd
|
|
d664 9
|
|
a672 8
|
|
this.simuPhy.destroy();
|
|
this.simuPhy = none;
|
|
this.UI('physicalWinButCreate').enable();
|
|
this.UI('physicalWinButDestroy').disable();
|
|
this.physicalWin.gui=none;
|
|
this.UI('physicalWinButRun').disable();
|
|
this.UI('physicalWinButStep').disable();
|
|
this.UI('physicalWinButStop').disable();
|
|
d675 1
|
|
a680 1
|
|
this.objects={};
|
|
d682 2
|
|
a683 2
|
|
this.log('[GUI] Destroying old world '+this.simu.world.id+' ...');
|
|
this.simu.destroy();
|
|
d686 1
|
|
a690 14
|
|
/** Destroy one visual object
|
|
*
|
|
*/
|
|
gui.prototype.destroyObject = function (id) {
|
|
var self=this,shape,
|
|
obj=this.objects[id];
|
|
if (obj) obj.obj=undefined;
|
|
delete this.objects[id];
|
|
if (this.worldWin.shapes[id]) {
|
|
this.worldWin.shapes[id].remove();
|
|
this.worldWin.shapes[id]=undefined;
|
|
}
|
|
}
|
|
|
|
d701 2
|
|
a702 1
|
|
x0,x1,x2,y0,y1,y2;
|
|
d707 1
|
|
a707 1
|
|
shape.listen("click", function (e) {self.listenObject(id,e)});
|
|
d720 1
|
|
d723 7
|
|
d733 3
|
|
a735 2
|
|
shape=this.worldWin.container.ellipse((obj.visual.x+off.x)*zoom,
|
|
(obj.visual.y+off.y)*zoom,
|
|
d738 2
|
|
a739 1
|
|
if (obj.visual.line) shape.stroke(obj.visual.line.color||'black',obj.visual.line.width||1);
|
|
d757 2
|
|
a758 1
|
|
if (obj.visual.line) shape.stroke(obj.visual.line.color||'black',obj.visual.line.width||1);
|
|
d793 1
|
|
d938 11
|
|
d950 4
|
|
a953 1
|
|
/** Install a shape/object listener
|
|
d959 11
|
|
d985 2
|
|
d1004 3
|
|
a1006 2
|
|
// self.log('Select: '+id+' ['+ovl.length+']');
|
|
if (!self.inspectorWin.locked) {
|
|
d1011 1
|
|
a1011 1
|
|
self.UI('inspectorTree').close('root');
|
|
d1116 54
|
|
a1169 1
|
|
}
|
|
d1208 1
|
|
a1208 1
|
|
if (Comp.isString(child))
|
|
d1253 1
|
|
a1253 1
|
|
if (!obj || !shape) {this.log('[GUI] Unknown shape '+oid); return};
|
|
d1290 1
|
|
a1290 1
|
|
if (!obj || !shape) {this.log('[GUI] Unknown shape '+oid); return};
|
|
d1308 1
|
|
d1329 1
|
|
a1329 1
|
|
if (!shape) {this.log('[GUI] Unknown shape '+oid); return};
|
|
d1355 1
|
|
a1355 1
|
|
|
|
d1358 1
|
|
a1358 1
|
|
entries = Fs.readdirSync(dir),
|
|
d1361 1
|
|
d1381 1
|
|
d1394 1
|
|
d1397 1
|
|
d1410 1
|
|
d1455 1
|
|
a1455 1
|
|
* Expected format: { name, classes, world, .. }
|
|
d1459 2
|
|
a1460 1
|
|
var res,
|
|
d1463 1
|
|
a1463 1
|
|
model={name:'',classes:{},world:{}},
|
|
d1465 2
|
|
d1468 10
|
|
a1477 5
|
|
var text=Io.read_file(self.workdir+'/'+filename);
|
|
self.imports[filename]=text;
|
|
if (text==undefined)
|
|
self.log('Error: Opening of file '+self.workdir+'/'+filename+' failed!');
|
|
else return text;
|
|
d1480 2
|
|
a1481 1
|
|
text = 'res = '+text;
|
|
d1489 2
|
|
a1490 1
|
|
eval('res = '+text);
|
|
d1495 1
|
|
d1497 2
|
|
a1498 1
|
|
return res;
|
|
d1534 1
|
|
d1571 1
|
|
d1614 16
|
|
d1650 1
|
|
d1654 9
|
|
d1687 1
|
|
a1687 1
|
|
if (textareaList.length==1) {
|
|
d1703 1
|
|
a1703 1
|
|
var agents=0,n;
|
|
d1708 1
|
|
d1713 6
|
|
d1751 7
|
|
a1757 5
|
|
gui.prototype.plot=Sejam2Plot.gui.prototype.plot;
|
|
gui.prototype.plotPoint=Sejam2Plot.gui.prototype.plotPoint;
|
|
gui.prototype.plotLine=Sejam2Plot.gui.prototype.plotLine;
|
|
gui.prototype.plotText=Sejam2Plot.gui.prototype.plotText;
|
|
gui.prototype.plotBar=Sejam2Plot.gui.prototype.plotBar;
|
|
@
|
|
|
|
|
|
1.3
|
|
log
|
|
@.
|
|
@
|
|
text
|
|
@d22 1
|
|
a22 1
|
|
** $VERSION: 1.8.6
|
|
d1371 1
|
|
a1371 1
|
|
this.stat(Comp.printf.sprintf('Communication: %8d Bytes/Obj.',stats.send));
|
|
@
|
|
|
|
|
|
1.2
|
|
log
|
|
@*** empty log message ***
|
|
@
|
|
text
|
|
@d22 1
|
|
a22 1
|
|
** $VERSION: 1.7.3
|
|
d26 1
|
|
a26 1
|
|
** SEJAM2: Simulation Environment for JAM, GUI Webix+, Cannon Phy Simu, NW edition
|
|
d107 4
|
|
d114 1
|
|
a114 1
|
|
display:{agent:1,node:1,link:1,port:1,resource:1,flag:1,label:1},
|
|
d116 11
|
|
d128 2
|
|
a129 1
|
|
fastcopy:false, // JAM agent process copy/fork/migrate mode
|
|
d131 1
|
|
a131 1
|
|
flag:{fontSize:14}
|
|
d254 2
|
|
d338 1
|
|
d359 25
|
|
d459 3
|
|
a461 2
|
|
nocp:true, // No AIOS agent proecss checkpointing!
|
|
fastcopy:self.options.simulation.fastcopy // Dirty (fast) JAM agent process copy?
|
|
d548 1
|
|
d555 2
|
|
a556 1
|
|
if (!this.worldWin.container || !obj || shape || !this.level[level]) return;
|
|
d755 1
|
|
a755 3
|
|
objClass=this.classObject(p);
|
|
if (this.options.display[objClass])
|
|
this.drawObject(p);
|
|
d1453 8
|
|
a1460 1091
|
|
/** Build and initialize the GUI using the Webix toolkit.
|
|
*
|
|
*/
|
|
gui.prototype.init = function () {
|
|
var self = this;
|
|
|
|
this.changeCSS('.webix_el_textarea textarea','font-size','12px');
|
|
this.changeCSS('tt','font-size','12px');
|
|
this.changeCSS('.CodeMirror pre','font-size',"12px");
|
|
this.changeCSS('.CodeMirror pre','font-family','"DejaVu Sans Mono",Tahoma');
|
|
|
|
// TOP TOOLBAR
|
|
this.toolbar = this.webix.ui({
|
|
view:"toolbar",
|
|
id:"myToolbar",
|
|
left:00, top:0, width:'100%',
|
|
cols:[
|
|
{ view:"button", type:"icon", icon:"folder-open", tooltip:'Open Model', width:30, click:function () {
|
|
var but = self.UI('filedialogWinAction');
|
|
but.setValue('Load Model');
|
|
but.refresh();
|
|
self.openDir(self.workdir);
|
|
self.filedialogWin.show();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"repeat", tooltip:'Reload', width:30, click:function () {
|
|
if (!self.filename || self.filename=='') return;
|
|
self.clear('msgWin');
|
|
self.messages=[];
|
|
self.destroyWorld();
|
|
self.resetGui();
|
|
if (self.simuPhy) self.simuPhy.destroy();
|
|
self.simuPhy = none;
|
|
self.UI('physicalWinButCreate').enable();
|
|
self.UI('physicalWinButDestroy').disable();
|
|
self.physicalWin.gui=none;
|
|
self.UI('physicalWinButRun').disable();
|
|
self.UI('physicalWinButStep').disable();
|
|
self.UI('physicalWinButStop').disable();
|
|
try {
|
|
text = Io.read_file(self.workdir+'/'+self.filename);
|
|
self.source = text;
|
|
self.imports = {};
|
|
self.model = self.parseModel(text);
|
|
if (self.model && self.model.name)
|
|
self.log('Loaded simulation model "'+self.model.name+'" ('+self.source.length+') from file '+self.filename);
|
|
else
|
|
self.log('Loading simulation model from file '+self.filename+' failed.');
|
|
self.filedialogWin.hide();
|
|
self.UI('sourceText').setValue(self.source);
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
self.editorWin._changed=false;
|
|
self.editorWin._active=self.filename;
|
|
self.inspect.root = 'model';
|
|
self.inspect.data = self.model;
|
|
self.UI('sourceTextWinMenu').remove('root');
|
|
files=[self.filename];
|
|
for(p in self.imports) {
|
|
files.push(p);
|
|
}
|
|
self.UI('sourceTextWinMenu').add({
|
|
id:'root',
|
|
value:self.filename,
|
|
submenu:files});
|
|
} catch (e) {
|
|
self.log('Loading of simulation model from file '+self.filename+' failed: '+e.toString());
|
|
}
|
|
|
|
}},
|
|
{ view:"button", id:'buttonTopSave', type:"icon", icon:"save", tooltip:'Save Model', width:30, click:function () {
|
|
/*
|
|
var but = self.UI('filedialogWinAction');
|
|
but.setValue('Save Model');
|
|
but.refresh();
|
|
self.filedialogWin.show();
|
|
*/
|
|
self.saveAll();
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"magic", tooltip:'New Model Wizard', width:30, click:function () {
|
|
|
|
}},
|
|
{ view:"button", type:"icon", icon:"edit", tooltip:'Edit', width:30, click:function () {
|
|
if (self.editorWin.isVisible())
|
|
self.editorWin.hide();
|
|
else {
|
|
self.editorWin.show();
|
|
if (!self.editorWin._active && self.filename) self.editorWin._active=self.filename;
|
|
if (!self.editorWin._changed) self.editorWin._switched=true;
|
|
if (self.editorWin._active==self.filename)
|
|
self.UI('sourceText').setValue(self.source);
|
|
else
|
|
self.UI('sourceText').setValue(self.imports[self.editorWin._active]);
|
|
|
|
if (!self.editorWin._changed) {
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
}
|
|
|
|
self.UI('sourceText').editor.setOption("onChange", function(id){
|
|
if (!self.editorWin._switched) {
|
|
self.UI('buttonTopSave').enable();
|
|
self.UI('buttonEditorSave').enable();
|
|
self.editorWin._changed=true;
|
|
}
|
|
self.editorWin._switched=false;
|
|
});
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"sitemap", tooltip:'Inspector', width:30, click:function () {
|
|
if (self.inspectorWin.isVisible())
|
|
self.inspectorWin.hide();
|
|
else {
|
|
self.deleteTree(self.inspect.root);
|
|
self.makeTree(self.inspect.data,'root');
|
|
self.inspectorWin.show();
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"info-circle", tooltip:'System Console', width:30, click:function () {
|
|
if (self.logWin.isVisible())
|
|
self.logWin.hide();
|
|
else
|
|
self.logWin.show();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"table", tooltip:'Classes', width:30, click:function () {
|
|
}},
|
|
{ view:"button", type:"icon", icon:"cloud", tooltip:'World', width:30, click:function () {
|
|
if (self.worldWin.isVisible())
|
|
self.worldWin.hide();
|
|
else {
|
|
self.worldWin.show();
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"play", tooltip:'Simulation', width:30, click:function () {
|
|
if (self.simulationWin.isVisible())
|
|
self.simulationWin.hide();
|
|
else
|
|
self.simulationWin.show();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"navicon", tooltip:'Configuration', width:30, click:function () {
|
|
if (self.configWin.isVisible())
|
|
self.configWin.hide();
|
|
else {
|
|
self.configWin.show();
|
|
self.updateConfig();
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"th-large", tooltip:'Auto Layout', width:30, click:function () {
|
|
var _locked=self.toolbar.locked;
|
|
self.toolbar.locked=false;
|
|
self.autoLayout();
|
|
self.toolbar.locked=_locked;
|
|
}},
|
|
{ view:"button", id:'topWinLock', type:"icon", icon:"unlock", tooltip:'Lock/Unlock Layout', width:30, click:function () {
|
|
if (self.toolbar.locked) {
|
|
self.unlockLayout();
|
|
} else {
|
|
self.lockLayout();
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"cubes", tooltip:'Physical Engine', width:30, click:function () {
|
|
if (self.physicalWin.isVisible())
|
|
self.physicalWin.hide();
|
|
else
|
|
self.physicalWin.show();
|
|
}},
|
|
{ view:"label", id:'myTopLabel', label:'JAM World '+self.worldname+' ', align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", tooltip:'Exit', width:30, click:function () {
|
|
process.exit();
|
|
}},
|
|
]
|
|
});
|
|
|
|
// STATISTICS WIN
|
|
this.statWin = this.webix.ui({
|
|
view:"popup",
|
|
id:'statWin',
|
|
resize: true,
|
|
width:500,
|
|
body: {
|
|
rows: [
|
|
{cols: [
|
|
{ view:"button", type:"icon", icon:"repeat", tooltip:'Refresh', width:30, click:function () {
|
|
}},
|
|
{ view:"label", label:"Statistics", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.statWin.hide();
|
|
}}
|
|
]},
|
|
{view:'textarea', autoheight:true, readonly:true, borderless:true, id:'statWinLogTextView',value: ''}
|
|
]
|
|
}
|
|
});
|
|
|
|
// MESSAGE WIN
|
|
this.msgWin = this.webix.ui({
|
|
view:"popup",
|
|
id:'msgWin',
|
|
resize: true,
|
|
width:500,
|
|
body: {
|
|
rows: [
|
|
{cols: [
|
|
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
|
self.clear('msgWin');
|
|
var textview = self.UI('msgWinLogTextView');
|
|
self.messages=[];
|
|
textview.setValue('');
|
|
}},
|
|
{ view:"button", type:"icon", icon:"repeat", tooltip:'Refresh', width:30, click:function () {
|
|
var textview = self.UI('msgWinLogTextView');
|
|
var text='',off=self.messages.length>1000?self.messages.length-1000:0;
|
|
Comp.array.iter(self.messages,function (m,i) {if (i>=off) text=text+m+'\n'});
|
|
textview.setValue(text);
|
|
textview.refresh();
|
|
var element = textview.getNode();
|
|
var data = textview.getValue();
|
|
var textareaList = element.getElementsByTagName("textarea");
|
|
if (textareaList.length==1) {
|
|
var textarea=textareaList[0];
|
|
textarea.scrollTop = textarea.scrollHeight;
|
|
}
|
|
}},
|
|
{ view:"label", label:"Agent Messages", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.msgWin.hide();
|
|
}}
|
|
]},
|
|
{view:'textarea', autoheight:true, readonly:true, borderless:true, id:'msgWinLogTextView',value: '<Empty>'}
|
|
]
|
|
}
|
|
});
|
|
|
|
// LOG WIN
|
|
this.logWin = this.webix.ui({
|
|
id:'logWin',
|
|
view:"window",
|
|
height:200,
|
|
width:500,
|
|
left:50, top:50,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarlogWin",
|
|
cols:[
|
|
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
|
self.clear('logWin');
|
|
}},
|
|
{ view:"button", type:'icon', icon:'info' , tooltip:'Statistics', id: 'SysWinInfoBut', width:30, click:function () {
|
|
var parent = self.UI("logWin").getNode();
|
|
if (self.statWin.isVisible()) {
|
|
self.statWin.hide();
|
|
return;
|
|
}
|
|
|
|
//console.log(node); return;
|
|
self.clear('statWin');
|
|
self.showStats();
|
|
self.statWin.show(parent , {pos:'bottom'});
|
|
}},
|
|
{ view:"button", type:'icon', icon:'inbox' , tooltip:'Agent Messages', id: 'SysWinMsgBut', width:30, click:function () {
|
|
var parent = self.UI("logWin").getNode();
|
|
if (self.msgWin.isVisible()) {
|
|
self.msgWin.hide();
|
|
return;
|
|
}
|
|
self.clear('msgWin');
|
|
var textview = self.UI('msgWinLogTextView');
|
|
var text='',off=self.messages.length>1000?self.messages.length-1000:0;
|
|
Comp.array.iter(self.messages,function (m,i) {if (i>=off) text=text+m+'\n'});
|
|
textview.setValue(text);
|
|
self.msgWin.define('width',self.logWin.getNode().offsetWidth-2);
|
|
self.msgWin.resize();
|
|
self.msgWin.show(parent , {pos:'bottom'});
|
|
|
|
}},
|
|
{ view:"button", type:'icon', icon:'plus-circle' , tooltip:'Increase Font Size', width:30, click:function () {
|
|
self.changeCSS('.webix_el_textarea textarea','font-size','14px');
|
|
self.changeCSS('tt','font-size','14px');
|
|
self.changeCSS('.CodeMirror pre','font-size',"14px");
|
|
}},
|
|
{ view:"button", type:'icon', icon:'minus-circle' , tooltip:'Decrease Font Size', width:30, click:function () {
|
|
self.changeCSS('.webix_el_textarea textarea','font-size','12px');
|
|
self.changeCSS('tt','font-size','12px');
|
|
self.changeCSS('.CodeMirror pre','font-size',"12px");
|
|
}},
|
|
{ view:"label", label:"System Console", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.logWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
/*
|
|
body:{
|
|
id : 'logWinLog',
|
|
view : 'scrollview',
|
|
scroll : 'y',
|
|
body : {view:'textarea',autoheight:true, borderless:true, id:'logWinLogTextView',value: ''}
|
|
}
|
|
*/
|
|
body: {view:'textarea', autoheight:true, readonly:true, borderless:true, id:'logWinLogTextView', value: ''}
|
|
});
|
|
this.log = this.logToWin('logWin');
|
|
this.stat = this.logToWin('statWin');
|
|
this.msg = function (line) {self.messages.push(line)};
|
|
this.log('Ready.');
|
|
this.log('My current working directory is '+this.workdir);
|
|
this.log('My versions: node:'+process.version+', node-wekbkit:'+process.versions['node-webkit']+
|
|
', nw:'+process.versions['nw']+', chromium: '+process.versions['chromium']);
|
|
|
|
// FILE DIALOG WIN
|
|
this.filedialogWin = this.webix.ui({
|
|
id:'filedialogWin',
|
|
view:"window",
|
|
height:350,
|
|
width:500,
|
|
left:100, top:100,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarfiledialogWin",
|
|
cols:[
|
|
{ view:"label", label:"File Explorer", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.filedialogWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body:{
|
|
id: 'filedialogWinForm',
|
|
view:"form",
|
|
elements:[
|
|
{
|
|
view:"list",
|
|
// height:150,
|
|
id: 'filedialogWinList',
|
|
template:"#icon# #name#",
|
|
select:false,
|
|
data:[
|
|
// { id:0, flag:'d', icon:'<span class="webix_icon fa-level-up"></span>', name:".."},
|
|
]
|
|
},
|
|
{ view:"text", id:'filedialogWinFormDirectory', label:"Directory", value:self.workdir },
|
|
{ view:"text", id:'filedialogWinFormFile', label:"Filename" },
|
|
{cols:[
|
|
{ view:"button", id:'filedialogWinAction', value:'?', type:'form', click : function () {
|
|
var text,files=[],p,filename;
|
|
switch (self.UI('filedialogWinAction').getValue()) {
|
|
case 'Load Model':
|
|
try {
|
|
self.filename=self._filename;
|
|
text = Io.read_file(self.workdir+'/'+self.filename);
|
|
self.source = text;
|
|
self.imports = {};
|
|
self.model = self.parseModel(text);
|
|
if (self.model && self.model.name)
|
|
self.log('Loaded simulation model "'+self.model.name+'" ('+self.source.length+') from file '+self.filename);
|
|
else
|
|
self.log('Loading simulation model from file '+self.filename+' failed.');
|
|
self.filedialogWin.hide();
|
|
self.UI('sourceText').setValue(self.source);
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
self.editorWin._changed=false;
|
|
self.editorWin._active=self.filename;
|
|
self.inspect.root = 'model';
|
|
self.inspect.data = self.model;
|
|
self.UI('sourceTextWinMenu').remove('root');
|
|
files=[self.filename];
|
|
for(p in self.imports) {
|
|
files.push(p);
|
|
}
|
|
self.UI('sourceTextWinMenu').add({
|
|
id:'root',
|
|
value:self.filename,
|
|
submenu:files});
|
|
} catch (e) {
|
|
self.log('Loading of simulation model from file '+self.filename+' failed: '+e.toString());
|
|
}
|
|
break;
|
|
|
|
case 'Load Module':
|
|
try {
|
|
filename = self._filename;
|
|
text = Io.read_file(self.workdir+'/'+filename);
|
|
self.filedialogWin.hide();
|
|
self.imports[filename]=text;
|
|
files=[self.filename];
|
|
for(p in self.imports) {
|
|
files.push(p);
|
|
}
|
|
self.UI('sourceTextWinMenu').add({
|
|
id:'root',
|
|
value:self.filename,
|
|
submenu:files});
|
|
self.log('Loaded simulation module "'+filename+'" ('+text.length+') from file ');
|
|
} catch (e) {
|
|
self.log('Loading of simulation module from file '+filename+' failed: '+e.toString());
|
|
}
|
|
break;
|
|
|
|
case 'Save Model':
|
|
try {
|
|
self.filename=self._filename;
|
|
self.log('Saving simulation model "'+(self.model?self.model.name:'')+'" ('+self.source.length+') to file '+self.filename);
|
|
self.filedialogWin.hide();
|
|
Io.write_file(self.workdir+'/'+self.filename,self.source);
|
|
text=Io.read_file(self.workdir+'/'+self.filename);
|
|
self.imports={};
|
|
self.model = self.parseModel(text);
|
|
if (self.model && self.model.name) {
|
|
self.log('Updated simulation model "'+self.model.name+'" ('+self.source.length+') from file '+self.filename);
|
|
self.inspect.root='model';
|
|
self.inspect.data=self.model;
|
|
} else
|
|
self.log('Updating simulation model from file '+self.filename+' failed.');
|
|
} catch (e) {
|
|
self.log('Saving of simulation model to file '+self.filename+' failed: '+e.toString());
|
|
}
|
|
break;
|
|
}
|
|
}},
|
|
{ view:"button", value:'Cancel', click: function () {
|
|
self.filedialogWin.hide();
|
|
}}
|
|
]}
|
|
]
|
|
}
|
|
});
|
|
this.UI('filedialogWinList').attachEvent("onItemClick", function(id, e, node){
|
|
var item = this.getItem(id);
|
|
if (item.flag=='d') {
|
|
self.workdir = Path.resolve(item.dir+'/'+item.name);
|
|
self.UI('filedialogWinFormDirectory').setValue(self.workdir);
|
|
self._filename = '';
|
|
self.UI('filedialogWinFormFile').setValue(self._filename);
|
|
self.openDir(self.workdir);
|
|
} else {
|
|
self._filename = item.name;
|
|
self.UI('filedialogWinList').select(id);
|
|
self.UI('filedialogWinFormFile').setValue(self._filename);
|
|
}
|
|
});
|
|
|
|
// EDITOR WIN
|
|
this.editorWin = this.webix.ui({
|
|
id:'sourceTextWin',
|
|
view:"window",
|
|
height:300,
|
|
width:500,
|
|
left:100, top:100,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarsourceTextWin",
|
|
cols:[
|
|
{ view:"button", type:"icon", icon:"folder-open",
|
|
tooltip:'Open Module File', width:30, click:function () {
|
|
var but = self.UI('filedialogWinAction');
|
|
but.setValue('Load Module');
|
|
but.refresh();
|
|
self.openDir(self.workdir);
|
|
self.filedialogWin.show();
|
|
}
|
|
},
|
|
{ view:"button", id:'buttonEditorSave', type:"icon", icon:"save", disable:true,
|
|
tooltip:'Save Model', width:30, click:function () {
|
|
/*
|
|
var but = self.UI('filedialogWinAction');
|
|
self.source = self.UI('sourceText').getValue();
|
|
but.setValue('Save');
|
|
but.refresh();
|
|
self.openDir(self.workdir);
|
|
self.filedialogWin.show();
|
|
*/
|
|
if (self.editorWin._active && self.editorWin._active!=self.filename)
|
|
self.imports[self.editorWin._active]=self.UI('sourceText').getValue();
|
|
else
|
|
self.source=self.UI('sourceText').getValue();
|
|
self.saveAll();
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
self.editorWin._changed=false;
|
|
}},
|
|
{ view:"button", type:"icon", icon:"file",
|
|
tooltip:'New Module File', width:30, click:function () {
|
|
}
|
|
},
|
|
{
|
|
view:"menu",
|
|
id:"sourceTextWinMenu",
|
|
subMenuPos:"right",
|
|
layout:'x',
|
|
autowidth:true,
|
|
data:[ //menu data
|
|
{ id:'root', value:"Modules", submenu:["Main"]},
|
|
],
|
|
click:function(id) {
|
|
var p,files;
|
|
self.log('Selected '+id);
|
|
if (id!='root') {
|
|
self.UI('sourceTextWinMenu').remove('root');
|
|
files=[self.filename];
|
|
for(p in self.imports) files.push(p);
|
|
self.UI('sourceTextWinMenu').add({
|
|
id:'root',
|
|
value:id,
|
|
submenu:files});
|
|
|
|
if (!self.editorWin._changed) self.editorWin._switched=true;
|
|
if (self.editorWin._active && self.editorWin._active!=self.filename)
|
|
self.imports[self.editorWin._active]=self.UI('sourceText').getValue();
|
|
else
|
|
self.source=self.UI('sourceText').getValue();
|
|
|
|
if (id==self.filename)
|
|
self.UI('sourceText').setValue(self.source);
|
|
else
|
|
self.UI('sourceText').setValue(self.imports[id]);
|
|
self.editorWin._active=id;
|
|
if (!self.editorWin._changed) {
|
|
self.UI('buttonTopSave').disable();
|
|
self.UI('buttonEditorSave').disable();
|
|
}
|
|
}
|
|
},
|
|
type:{
|
|
subsign:true
|
|
}
|
|
},
|
|
{ view:"label", label:"Model Editor", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
if (self.editorWin._active==self.filename)
|
|
self.source = self.UI('sourceText').getValue();
|
|
else
|
|
self.imports[self.editorWin._active]=self.UI('sourceText').getValue();
|
|
|
|
self.editorWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body:{
|
|
id : 'sourceText',
|
|
view: "codemirror-editor"
|
|
}
|
|
});
|
|
|
|
// SIMULATION CONTROL WIN
|
|
this.simulationWin = this.webix.ui({
|
|
id:'simulationWin',
|
|
view:"window",
|
|
height:120,
|
|
width:400,
|
|
left:110, top:110,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarsimulationWin",
|
|
cols:[
|
|
{ view:"button", id:'simulationWinButCreate', type:"icon", icon:"star", tooltip:'Create Simulation World', width:30, click: function () {
|
|
self.clearWorld();
|
|
self.clear('logWin');
|
|
self.objects={};
|
|
self.createWorld();
|
|
self.UI('simulationWinButErase').enable();
|
|
self.UI('simulationWinButStep').enable();
|
|
self.UI('simulationWinButPlay').enable();
|
|
self.UI('simulationWinButStop').disable();
|
|
self.UI('simulationWinButCreate').disable();
|
|
}},
|
|
{ view:"button", id:'simulationWinButErase', type:"icon", icon:"trash", tooltip:'Destroy Simulation World', width:30, click:function () {
|
|
self.clear('msgWin');
|
|
self.messages=[];
|
|
self.destroyWorld();
|
|
self.resetGui();
|
|
}},
|
|
{ view:"button", id:'simulationWinButStep', type:"icon", icon:"step-forward", tooltip:'Step Mode', width:30, click: function () {
|
|
var steps = Number(self.UI('simulationWinFormSteps').getValue());
|
|
if (steps > 0 && self.simu) {
|
|
self.UI('simulationWinButStep').disable();
|
|
self.UI('simulationWinButPlay').disable();
|
|
self.UI('simulationWinButStop').enable();
|
|
self.simu.simulate(steps,function () {
|
|
self.UI('simulationWinButStep').enable();
|
|
self.UI('simulationWinButPlay').enable();
|
|
self.UI('simulationWinButStop').disable();
|
|
});
|
|
}
|
|
|
|
}},
|
|
{ view:"button", id:'simulationWinButPlay', type:"icon", icon:"play", tooltip:'Start Simulation', width:30, click: function () {
|
|
self.UI('simulationWinButStep').disable();
|
|
self.UI('simulationWinButPlay').disable();
|
|
self.UI('simulationWinButStop').enable();
|
|
self.simu.simulate(100000,function () {
|
|
self.UI('simulationWinButStep').enable();
|
|
self.UI('simulationWinButPlay').enable();
|
|
self.UI('simulationWinButStop').disable();
|
|
});
|
|
}},
|
|
{ view:"button", id:'simulationWinButStop', type:"icon", icon:"stop", tooltip:'Stop Simulation', width:30, click: function () {
|
|
self.simu.stop();
|
|
self.UI('simulationWinButStep').enable();
|
|
self.UI('simulationWinButPlay').enable();
|
|
self.UI('simulationWinButStop').disable();
|
|
}},
|
|
{ view:"label", label:"Simulation Control", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.simulationWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body:{
|
|
id: 'simulationWinForm',
|
|
view:"form",
|
|
paddingX:2,
|
|
paddingY:4,
|
|
elements:[
|
|
{cols:[
|
|
{ view:"text", id:'simulationWinFormSteps', label:"Steps", value:'1', maxWidth:150},
|
|
{ view:"text", id:'simulationWinFormDelay', label:"Delay [ms]", value:'0', maxWidth:150},
|
|
{ view:"label", id:'simulationWinInfoTime', label:"Time: 0" },
|
|
{ view:"label", id:'simulationWinInfoSteps', label:"Steps: 0" },
|
|
{ view:"label", id:'simulationWinInfoAgents', label:"Agents: 0" },
|
|
]}
|
|
]
|
|
}
|
|
});
|
|
|
|
// SIMULATION WORLD WIN
|
|
this.worldWin = this.webix.ui({
|
|
id:'worldWin',
|
|
view:"window",
|
|
height:400,
|
|
width:500,
|
|
left:70, top:70,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarworldWin",
|
|
cols:[
|
|
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
|
if (self.worldWin.flags) {
|
|
self.UI('worldWinButFlags').define('icon','flag');
|
|
self.UI('worldWinButFlags').refresh();
|
|
self.worldWin.flags=false;
|
|
self.removeFlags();
|
|
};
|
|
self.clearWorld();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"repeat", tooltip:'Redraw', width:30, click:function () {
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"search-plus", tooltip:'Zoom In', width:28, click:function () {
|
|
self.worldWin.zoom *= 1.25;
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"search-minus", tooltip:'Zoom Out', width:28, click:function () {
|
|
self.worldWin.zoom /= 1.25;
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}},
|
|
{ view:"button", id:'worldWinButZoomRegion', type:"icon", icon:"search", tooltip:'Zoom Region', width:28, click:function () {
|
|
self.window.mode='zoom';
|
|
self.UI('worldWinButZoomRegion').disable();
|
|
}},
|
|
{ view:"button", type:"icon", icon:"square-o", tooltip:'Zoom Fit', width:28, click:function () {
|
|
var zw=1,zh=1,o,dx,dy;
|
|
self.worldWin.offset={x:0,y:0};
|
|
// self.log(util.inspect(self.window));
|
|
zw=(self.worldWin.getNode().offsetWidth-35)/(self.window.x1-self.window.x0);
|
|
zh=(self.worldWin.getNode().offsetHeight-70)/(self.window.y1-self.window.y0);
|
|
self.worldWin.zoom=Math.min(zw,zh);
|
|
dx=-self.window.x0+10;
|
|
dy=-self.window.y0+10;
|
|
for(o in self.objects) {
|
|
self.moveShape(o,dx,dy);
|
|
}
|
|
self.clearWorld();
|
|
self.drawWorld();
|
|
}},
|
|
{ view:"button", id:'worldWinButSelectRegion', type:"icon", icon:"crop", tooltip:'Select Region', width:28, click:function () {
|
|
self.window.mode='select';
|
|
self.UI('worldWinButSelectRegion').disable();
|
|
}},
|
|
/*
|
|
{ view:"button", type:"icon", icon:"angle-left", tooltip:'Move Left', width:20, click:function () {
|
|
self.worldWin.offset.x += 30;
|
|
for(var o in self.objects) {
|
|
self.moveShape(o,30,0);
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"angle-right", tooltip:'Move Right', width:20, click:function () {
|
|
self.worldWin.offset.x -= 30;
|
|
for(var o in self.objects) {
|
|
self.moveShape(o,-30,0);
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"angle-up", tooltip:'Move Up', width:22, click:function () {
|
|
self.worldWin.offset.y += 30;
|
|
for(var o in self.objects) {
|
|
self.moveShape(o,0,30);
|
|
}
|
|
}},
|
|
{ view:"button", type:"icon", icon:"angle-down", tooltip:'Move Down', width:22, click:function () {
|
|
self.worldWin.offset.y -= 30;
|
|
for(var o in self.objects) {
|
|
self.moveShape(o,0,-30);
|
|
}
|
|
}},
|
|
*/
|
|
{ view:"button", id:'worldWinButFlags', type:"icon", icon:"flag", tooltip:'Enable/Disable Object Flags', width:30, click:function () {
|
|
if (self.worldWin.flags) {
|
|
self.UI('worldWinButFlags').define('icon','flag');
|
|
self.UI('worldWinButFlags').refresh();
|
|
self.worldWin.flags=false;
|
|
self.removeFlags();
|
|
} else {
|
|
self.UI('worldWinButFlags').define('icon','flag-o');
|
|
self.UI('worldWinButFlags').refresh();
|
|
self.worldWin.flags=true;
|
|
self.addFlags();
|
|
}
|
|
}},
|
|
|
|
{ view:"button", id:'worldWinSave', type:"icon", icon:"save", tooltip:'Export simualtion world to SVG', width:30, click:function () {
|
|
function snap() {
|
|
var image = self.worldWin.container.toSvg(self.window.x1-self.window.x0+50,self.window.y1-self.window.y0+20);
|
|
self.worldWin.container.toSvg();
|
|
return image;
|
|
};
|
|
try { Io.write_file('Z:/tmp/simulation.svg',snap());
|
|
self.log('Exported world to /tmp/simulation.svg'); } catch (e) { self.log(util.inspect(e)) };
|
|
}},
|
|
|
|
{ view:"label", id:'worldWinInfo', label:'', align:'center'},
|
|
{ view:"label", label:'Simulation World', width:200, align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.worldWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body:{
|
|
template : '<div id="worldGraphContainer" style="width: 2000px; height: 2000px;"></div>',
|
|
borderless:false
|
|
}
|
|
});
|
|
this.UI('simulationWinButErase').enable();
|
|
this.UI('simulationWinButStep').enable();
|
|
this.UI('simulationWinButPlay').enable();
|
|
|
|
this.worldWin.shapes={};
|
|
this.worldWin.zoom=1.0;
|
|
this.worldWin.offset={x:0,y:0};
|
|
this.toolbar.show();
|
|
this.UI('buttonTopSave').disable();
|
|
|
|
// INSPECTOR WIN
|
|
this.inspectorWin = this.webix.ui({
|
|
id:'inspectorWin',
|
|
view:"window",
|
|
height:400,
|
|
width:300,
|
|
left:90, top:90,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarinspectorWin",
|
|
cols:[
|
|
{ view:"button", type:"icon", icon:"eraser", tooltip:'Clear', width:30, click:function () {
|
|
self.deleteTree('/');
|
|
}},
|
|
{ view:"button", type:"icon", icon:"university", tooltip:'Model', width:30, click:function () {
|
|
self.inspect.data=self.model;
|
|
self.deleteTree(self.inspect.root);
|
|
self.makeTree(self.inspect.data,'root');
|
|
self.UI('inspectorTree').close('root');
|
|
}},
|
|
{ view:"button", type:"icon", icon:"picture-o", tooltip:'GUI Objects', width:30, click:function () {
|
|
self.inspect.data=self.objects;
|
|
self.deleteTree('GUI');
|
|
self.makeTree(self.inspect.data,'root');
|
|
self.UI('inspectorTree').close('root');
|
|
}},
|
|
{ view:"button", id:'inspectorWinLock', type:"icon", icon:"unlock", tooltip:'Lock/Unlock View', width:30, click:function () {
|
|
if (self.inspectorWin.locked) {
|
|
self.UI('inspectorWinLock').define('icon','unlock');
|
|
self.UI('inspectorWinLock').refresh();
|
|
self.inspectorWin.locked=false;
|
|
} else {
|
|
self.UI('inspectorWinLock').define('icon','lock');
|
|
self.UI('inspectorWinLock').refresh();
|
|
self.inspectorWin.locked=true;
|
|
}
|
|
}},
|
|
{ view:"label", label:"Inspector", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.inspectorWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body: {
|
|
id:'inspectorTree',
|
|
view:'tree',
|
|
type:'lineTree',
|
|
template:"{common.icon()}<span> #value#<span>",
|
|
select:true,
|
|
data: [
|
|
{ id:"root", open:true, value:"/"}
|
|
]
|
|
}
|
|
});
|
|
this.UI('inspectorTree').attachEvent("onBeforeOpen", function(id){
|
|
var tree = self.UI('inspectorTree'),
|
|
node = tree.getItem(id),
|
|
childid,n=100000,p,remove=[];
|
|
childid=tree.getFirstChildId(id);
|
|
while (childid != undefined && n>0) {
|
|
n--;
|
|
remove.push(childid);
|
|
childid=tree.getNextSiblingId(childid);
|
|
}
|
|
for(p in remove) tree.remove(remove[p]);
|
|
if (node._data) self.makeTree(node._data,id);
|
|
else if (id=='root') self.makeTree(self.inspect.data,id);
|
|
});
|
|
this.UI('inspectorTree').attachEvent("onBeforeClose", function(id){
|
|
var tree = self.UI('inspectorTree'),
|
|
node = tree.getItem(id);
|
|
tree.add({id:id+'.0',value:'..'},0,id);
|
|
});
|
|
|
|
// CONFIGURATION WIN
|
|
this.configWin = this.webix.ui({
|
|
id:'configWin',
|
|
view:"window",
|
|
width:300,
|
|
height:450,
|
|
left:90, top:90,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarconfigWin",
|
|
cols:[
|
|
{ view:"label", label:"Configuration", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.configWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body: {
|
|
rows:[
|
|
{ view:"form", scroll:true, width:300, height:400, elements: [
|
|
|
|
{ view:"label", label:"<b>Object Selection</b>", height:'18px', align:'left'},
|
|
{ view:"checkbox", id:'configObjectSelectionAgent', customCheckbox:false, labelRight:"Agents", height:'18px', value:1,
|
|
click: function (o) {self.options.select.agent=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectSelectionNode', customCheckbox:false, labelRight:"Nodes", height:'18px',value:1,
|
|
click: function (o) {self.options.select.node=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectSelectionLink', customCheckbox:false, labelRight:"Links", height:'18px',value:1,
|
|
click: function (o) {self.options.select.link=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectSelectionPort', customCheckbox:false, labelRight:"Ports", height:'18px',value:1,
|
|
click: function (o) {self.options.select.port=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectSelectionResource', customCheckbox:false, labelRight:"Resources", height:'18px',value:1,
|
|
click: function (o) {self.options.select.resource=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectSelectionPhysics', customCheckbox:false, labelRight:"Physics Connect", height:'18px',value:0,
|
|
click: function (o) {self.options.select.physics=self.UI(o).getValue()}},
|
|
|
|
{ view:"label", label:"<b>Object Display</b>", height:'18px', align:'left'},
|
|
{ view:"checkbox", id:'configObjectDisplayAgents', customCheckbox:false, labelRight:"Agents", height:'18px', value:1,
|
|
click: function (o) {self.options.display.agent=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayNodes', customCheckbox:false, labelRight:"Nodes", height:'18px',value:1,
|
|
click: function (o) {self.options.display.node=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayLinks', customCheckbox:false, labelRight:"Links", height:'18px',value:1,
|
|
click: function (o) {self.options.display.link=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayPorts', customCheckbox:false, labelRight:"Ports", height:'18px',value:1,
|
|
click: function (o) {self.options.display.port=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayResources', customCheckbox:false, labelRight:"Resources", height:'18px',value:1,
|
|
click: function (o) {self.options.display.resource=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayFlags', customCheckbox:false, labelRight:"Flags", height:'18px',value:1,
|
|
click: function (o) {self.options.display.flag=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectDisplayLabels', customCheckbox:false, labelRight:"Labels", height:'18px',value:1,
|
|
click: function (o) {self.options.display.label=self.UI(o).getValue()}},
|
|
|
|
{ view:"label", label:"<b>Inspector Object Filter</b>", height:'18px', align:'left'},
|
|
{ view:"checkbox", id:'configInspectorFilterFunction', customCheckbox:false, labelRight:"Functions", height:'18px', value:0,
|
|
click: function (o) {self.inspect.filter.function=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configInspectorFilterCannon', customCheckbox:false, labelRight:"Physical Attributes", height:'18px', value:0,
|
|
click: function (o) {
|
|
var set=self.UI(o).getValue();
|
|
if (!set) {self.inspect.filter.attributes=undefined; return;}
|
|
if (!self.inspect.filter.attributes) self.inspect.filter.attributes={};
|
|
for(var p in physicalAttributeSet) {
|
|
if (typeof physicalAttributeSet[p] == 'string')
|
|
self.inspect.filter.attributes[physicalAttributeSet[p]]=true;
|
|
else if (physicalAttributeSet[p] instanceof RegExp) {
|
|
if (!self.inspect.filter.attributes.patterns) self.inspect.filter.attributes.patterns=[];
|
|
self.inspect.filter.attributes.patterns.push(physicalAttributeSet[p]);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
{ view:"label", label:"<b>Balloon Messages</b>", height:'18px', align:'left'},
|
|
{ view:"checkbox", id:'configObjectMessageWarning', customCheckbox:false, labelRight:"Warning", height:'18px', value:0,
|
|
click: function (o) {self.options.message.warning=self.UI(o).getValue()}},
|
|
{ view:"checkbox", id:'configObjectMessageError', customCheckbox:false, labelRight:"Error", height:'18px', value:1,
|
|
click: function (o) {self.options.message.error=self.UI(o).getValue()}},
|
|
|
|
{ view:'label', label:'<b>Flag Fontsize</b>',height:0},
|
|
{
|
|
view:"radio",
|
|
id:"configFlagSize",
|
|
name:"configFlagSize",
|
|
label:" ",
|
|
value:14,
|
|
vertical:true,
|
|
customRadio:false,
|
|
click: function () {self.options.flag.fontSize=self.UI('configFlagSize').getValue()},
|
|
options:[
|
|
{"id":14, "value":"14 px"},
|
|
{"id":18, "value":"18 px"},
|
|
{"id":24, "value":"24 px"},
|
|
{"id":28, "value":"28 px"},
|
|
]
|
|
},
|
|
|
|
{ view:'label', label:'<b>Verbosity Level</b>', height:0},
|
|
{
|
|
view:"radio",
|
|
id:"configVerbosity",
|
|
name:"configVerbosity",
|
|
label:" ",
|
|
value:0,
|
|
vertical:true,
|
|
customRadio:false,
|
|
click: function () {self.options.verbose=self.UI('configVerbosity').getValue()},
|
|
options:[
|
|
{"id":0, "value":"None"},
|
|
{"id":1, "value":"Low"},
|
|
{"id":2, "value":"Mid"},
|
|
{"id":3, "value":"High"},
|
|
]
|
|
},
|
|
|
|
{ view:'label', label:'<b>Simulation</b>', height:0},
|
|
{ view:"checkbox", id:'configSimulationFastCopy', customCheckbox:false, labelRight:"Fast Agent Copy", height:'18px', value:0,
|
|
click: function (o) {self.options.simulation.fastcopy=Number(self.UI(o).getValue())==1;}},
|
|
|
|
{ view:'label', label:'<b>Z Level</b>', height:0},
|
|
{ view:"checkbox", id:'configZlevel0', customCheckbox:false, labelRight:"0", height:'18px', value:self.level[0],
|
|
click: function (o) {self.level[0]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel1', customCheckbox:false, labelRight:"1", height:'18px', value:self.level[1],
|
|
click: function (o) {self.level[1]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel2', customCheckbox:false, labelRight:"2", height:'18px', value:self.level[2],
|
|
click: function (o) {self.level[2]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel3', customCheckbox:false, labelRight:"3", height:'18px', value:self.level[3],
|
|
click: function (o) {self.level[3]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel4', customCheckbox:false, labelRight:"4", height:'18px', value:self.level[4],
|
|
click: function (o) {self.level[4]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel5', customCheckbox:false, labelRight:"5", height:'18px', value:self.level[5],
|
|
click: function (o) {self.level[5]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel6', customCheckbox:false, labelRight:"6", height:'18px', value:self.level[6],
|
|
click: function (o) {self.level[6]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel7', customCheckbox:false, labelRight:"7", height:'18px', value:self.level[7],
|
|
click: function (o) {self.level[7]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel8', customCheckbox:false, labelRight:"8", height:'18px', value:self.level[8],
|
|
click: function (o) {self.level[8]=Number(self.UI(o).getValue())}},
|
|
{ view:"checkbox", id:'configZlevel9', customCheckbox:false, labelRight:"9", height:'18px', value:self.level[9],
|
|
click: function (o) {self.level[9]=Number(self.UI(o).getValue())}},
|
|
|
|
]}
|
|
]
|
|
}
|
|
});
|
|
|
|
// PHYSICAL SIMULATION WIN
|
|
this.physicalWin = this.webix.ui({
|
|
id:'physicalWin',
|
|
view:"window",
|
|
height:400,
|
|
width:600,
|
|
left:50, top:50,
|
|
move:true,
|
|
resize: true,
|
|
toFront:true,
|
|
head: {
|
|
view:"toolbar",
|
|
id:"myToolbarRenderWin",
|
|
cols:[
|
|
{ view:"button", id:"physicalWinButCreate", type:"icon", icon:"star", tooltip:'Create', width:30, click:function () {
|
|
self.createSimuPhy();
|
|
}},
|
|
{ view:"button", id:"physicalWinButDestroy", type:"icon", icon:"trash", tooltip:'Destroy', width:30, click:function () {
|
|
self.destroySimuPhy();
|
|
}},
|
|
{ view:"button", id:"physicalWinButRun",type:"icon", icon:"play", tooltip:'Run', width:30, click:function () {
|
|
self.physicalWin.gui.enable();
|
|
//self.UI('physicalWinButRender').define('icon','toggle-on');
|
|
//self.UI('physicalWinButRender').refresh();
|
|
self.physicalWin.render=true;
|
|
self.physicalWin.gui.start();
|
|
self.UI('physicalWinButRun').disable();
|
|
self.UI('physicalWinButStep').disable();
|
|
self.UI('physicalWinButStop').enable();
|
|
}},
|
|
{ view:"button", id:"physicalWinButStep", type:"icon", icon:"step-forward", tooltip:'Step', width:30, click:function () {
|
|
var steps = Number(self.UI('physicalWinFormSteps').getValue());
|
|
self.physicalWin.gui.enable();
|
|
self.physicalWin.gui.step(steps);
|
|
//self.UI('physicalWinButRender').define('icon','toggle-off');
|
|
//self.UI('physicalWinButRender').refresh();
|
|
self.physicalWin.render=false;
|
|
}},
|
|
{ view:"button", id:"physicalWinButStop", type:"icon", icon:"stop", tooltip:'Stop', width:30, click:function () {
|
|
self.physicalWin.gui.disable()
|
|
self.physicalWin.gui.stop();
|
|
self.UI('physicalWinButRun').enable();
|
|
self.UI('physicalWinButStep').enable();
|
|
self.UI('physicalWinButStop').disable();
|
|
//self.UI('physicalWinButRender').define('icon','toggle-off');
|
|
//self.UI('physicalWinButRender').refresh();
|
|
self.physicalWin.render=false;
|
|
}},
|
|
{ view:"button", type:"icon", icon:"sitemap", tooltip:'Inspector', width:30, click:function () {
|
|
if (self.simuPhy && self.simuPhy.objects) {
|
|
self.inspect.data=self.simuPhy.objects;
|
|
self.deleteTree('PHY');
|
|
self.makeTree(self.inspect.data,'root');
|
|
self.UI('inspectorTree').close('root');
|
|
}
|
|
|
|
}},
|
|
{ view:"button", id:'physicalWinSave', type:"icon", icon:"save", tooltip:'Export simulation world to PNG', width:30, click:function () {
|
|
function snap() {
|
|
var image = Base64.decodeBuf(self.physicalWin.gui.exportImage().replace('data:image/png;base64,', ''));
|
|
return image;
|
|
};
|
|
try { var len = Io.write_file_bin('Z:/tmp/simulation.png',snap());
|
|
self.log('Exported physical world to /tmp/simulation.png ['+len+']'); } catch (e) { self.log(util.inspect(e)) };
|
|
}},
|
|
|
|
/*
|
|
{ view:"button", id:"physicalWinButRender", type:"icon", icon:"toggle-off", tooltip:'Render', width:30, click:function () {
|
|
if (!self.physicalWin.render) {
|
|
self.UI('physicalWinButRender').define('icon','toggle-on');
|
|
self.UI('physicalWinButRender').refresh();
|
|
self.physicalWin.render=true;
|
|
self.physicalWin.gui.enable();
|
|
self.physicalWin.gui.animate();
|
|
} else {
|
|
self.UI('physicalWinButRender').define('icon','toggle-off');
|
|
self.UI('physicalWinButRender').refresh();
|
|
self.physicalWin.render=false;
|
|
self.physicalWin.gui.disable();
|
|
}
|
|
}},
|
|
*/
|
|
{ view:"text", id:'physicalWinFormSteps', label:"Steps", value:'1', maxWidth:150},
|
|
{ view:"label", label:"Physical World", align:'right'},
|
|
{ view:"button", type:"icon", icon:"close", align:'center', width:30, click: function () {
|
|
self.physicalWin.hide();
|
|
}}
|
|
]
|
|
},
|
|
body: {
|
|
template : '<div id="CANNON" tabindex="0" style="padding:0px; margin:0px;"></div>',
|
|
borderless:false
|
|
}
|
|
});
|
|
|
|
a1461 28
|
|
this.physicalWin.attachEvent("onViewResize", function(id){
|
|
if (self.physicalWin.gui) {
|
|
self.physicalWin.gui.resize({width:self.physicalWin.getNode().offsetWidth-26,
|
|
height:self.physicalWin.getNode().offsetHeight-70});
|
|
self.physicalWin.gui.animate1();
|
|
}
|
|
});
|
|
|
|
|
|
this.autoLayout();
|
|
this.lockLayout();
|
|
// window.update_timeout = null;
|
|
this.nwgui.Window.get().on('resize',function(x,y){
|
|
var width = window.width;
|
|
var height = window.height;
|
|
/*
|
|
if(typeof(window.update_timeout) !== null){
|
|
clearTimeout(window.update_timeout);
|
|
}
|
|
window.update_timeout = setTimeout(function(){
|
|
// Do your required stuff here
|
|
},125);
|
|
*/
|
|
self.unlockLayout();
|
|
self.autoLayout();
|
|
self.lockLayout();
|
|
});
|
|
}
|
|
@
|
|
|
|
|
|
1.1
|
|
log
|
|
@Initial revision
|
|
@
|
|
text
|
|
@d22 1
|
|
a22 1
|
|
** $VERSION: 1.7.1
|
|
d46 2
|
|
a47 1
|
|
|
|
d113 1
|
|
a113 1
|
|
dirty:false, // JAM agent process copy/fork/migrate mode
|
|
d416 1
|
|
a416 1
|
|
dirty:self.options.simulation.dirty // Dirty (fast) JAM agent process copy?
|
|
d1318 2
|
|
a1319 2
|
|
this.stat('Nodes: '+stats.nodes);
|
|
this.stat('Agents: ('+stats.total+')');
|
|
d1321 1
|
|
a1321 1
|
|
this.stat(Comp.printf.sprintf(' %10s : %4d (%d)',c,stats.agents[c]?stats.agents[c]:0,stats.agentsN[c]));
|
|
d1324 3
|
|
a1326 1
|
|
stats.create,stats.migrate,stats.fork,stats.dirty));
|
|
d2147 11
|
|
d2375 1
|
|
a2375 1
|
|
click: function (o) {self.options.simulation.dirty=Number(self.UI(o).getValue())==1;}},
|
|
d2461 8
|
|
@
|