348 lines
12 KiB
JavaScript
348 lines
12 KiB
JavaScript
|
|
||
|
|
var g_sim_logs = '';
|
||
|
|
var g_my_login = 0;
|
||
|
|
var g_rand_prev;
|
||
|
|
var g_rand_repl = [];
|
||
|
|
var g_eval_lvls;
|
||
|
|
|
||
|
|
|
||
|
|
function my_console_log(str)
|
||
|
|
{
|
||
|
|
// console.log(str);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function hash_login(login)
|
||
|
|
{
|
||
|
|
var seed = 0;
|
||
|
|
for (var i = 0; i < login.length; i ++)
|
||
|
|
{
|
||
|
|
if (i%2 == 0)
|
||
|
|
seed += 973 * (login.charCodeAt(i)+i);
|
||
|
|
else
|
||
|
|
seed += 5 * login.charCodeAt(i) * i;
|
||
|
|
}
|
||
|
|
// console.log("hash login : '"+login+"' -> "+seed);
|
||
|
|
return (seed);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function err(thetype, field)
|
||
|
|
{
|
||
|
|
my_console_log("Fatal error in "+thetype+", on field "+field);
|
||
|
|
throw '';
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function my_random(a, b)
|
||
|
|
{
|
||
|
|
if (g_my_login == '')
|
||
|
|
return (Math.round(parseInt(a) + (parseInt(b)-parseInt(a))*Math.random()));
|
||
|
|
var prev = g_rand_prev;
|
||
|
|
prev ^= prev << 13;
|
||
|
|
prev ^= prev >> 17;
|
||
|
|
prev ^= prev << 5;
|
||
|
|
g_rand_prev = prev;
|
||
|
|
prev = (prev & 0x7FFFFFFF) % (parseInt(b)-parseInt(a)+1);
|
||
|
|
return (Math.round(parseInt(a) + prev));
|
||
|
|
}
|
||
|
|
|
||
|
|
function random_repl(str)
|
||
|
|
{
|
||
|
|
var regex = /\[(\d+)-(\d+)\]([a-z])/g;
|
||
|
|
var res;
|
||
|
|
var str2 = str;
|
||
|
|
while (res = regex.exec(str))
|
||
|
|
{
|
||
|
|
my_console_log(res);
|
||
|
|
g_rand_repl[res[3]] = my_random(res[1], res[2]);
|
||
|
|
str2 = str2.replace(res[0], ""+g_rand_repl[res[3]]);
|
||
|
|
my_console_log(str2);
|
||
|
|
}
|
||
|
|
regex = /\[([a-z])\]/g;
|
||
|
|
while (res = regex.exec(str))
|
||
|
|
{
|
||
|
|
my_console_log(res);
|
||
|
|
if (g_rand_repl[res[1]] != null)
|
||
|
|
{
|
||
|
|
str2 = str2.replace(res[0], ""+g_rand_repl[res[1]]);
|
||
|
|
my_console_log(str2);
|
||
|
|
}
|
||
|
|
else
|
||
|
|
return (null);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (str2 == "default") return (str2);
|
||
|
|
// check if any non digital, non dot, non slash char, except previous line
|
||
|
|
regex = /[^\d\.\/]/g;
|
||
|
|
if (regex.exec(str2))
|
||
|
|
return (null);
|
||
|
|
|
||
|
|
return (str2);
|
||
|
|
}
|
||
|
|
|
||
|
|
function show_host(root, h)
|
||
|
|
{
|
||
|
|
if (!h['id']) err("hosts", "id");
|
||
|
|
if (!h['type']) err("hosts id "+h['id'], "type");
|
||
|
|
if (!h['name']) err("hosts id "+h['id'], "name");
|
||
|
|
if (!h['geometry']) err("hosts id "+h['id'], "geometry");
|
||
|
|
if (!h['img']) err("hosts id "+h['id'], "img");
|
||
|
|
|
||
|
|
var tab = h['geometry'].split(/[^0-9]+/);
|
||
|
|
if (tab.length != 4) err("hosts id "+h['id'], "geometry parsing");
|
||
|
|
h['w'] = parseInt(tab[0]);
|
||
|
|
h['h'] = parseInt(tab[1]);
|
||
|
|
h['x'] = parseInt(tab[2]);
|
||
|
|
h['y'] = parseInt(tab[3]);
|
||
|
|
|
||
|
|
var newelem = document.createElement('div');
|
||
|
|
newelem.className = 'host_div';
|
||
|
|
newelem.style.position = "absolute";
|
||
|
|
newelem.style.width = h['w']+'px';
|
||
|
|
newelem.style.height = h['h']+'px';
|
||
|
|
newelem.style.top = h['y'] + 'px';
|
||
|
|
newelem.style.left = h['x'] + 'px';
|
||
|
|
newelem.style.backgroundImage = 'url(img/'+h['img']+')';
|
||
|
|
root.appendChild(newelem);
|
||
|
|
|
||
|
|
// label + routes
|
||
|
|
var tab = h['labelpos'].split(',');
|
||
|
|
if (tab.length != 2) err("host id "+h['id'], "labelpos parsing");
|
||
|
|
h['lx'] = parseInt(tab[0]);
|
||
|
|
h['ly'] = parseInt(tab[1]);
|
||
|
|
|
||
|
|
var newelem = document.createElement('div');
|
||
|
|
newelem.className = 'host_info_div';
|
||
|
|
newelem.style.position = "absolute";
|
||
|
|
newelem.style.top = (h['y']+h['ly'])+'px';
|
||
|
|
newelem.style.left = (h['x']+h['lx'])+'px';
|
||
|
|
var label = '<table><tr><td>'+h['type']+' '+h['id']+': <i>'+h['name']+'</id></td></tr>';
|
||
|
|
var str = '';
|
||
|
|
routes.forEach(r => {if (h['id'] == r['hid']) { str += '<tr><td>'+get_route_info(r)+'</td></tr>\n'; r['h'] = h;}});
|
||
|
|
if (str != '') label += '<tr><td>Routes :</td></tr>\n'+str;
|
||
|
|
label += '</table>';
|
||
|
|
newelem.innerHTML = label;
|
||
|
|
root.appendChild(newelem);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function get_route_info(r)
|
||
|
|
{
|
||
|
|
if (!r['rid']) err("route", "rid");
|
||
|
|
if (!r['hid']) err("route id "+r['rid'], "hid");
|
||
|
|
if (!r['route']) err("route id "+r['rid'], "route");
|
||
|
|
if (!r['route_edit']) err("route id "+r['rid'], "route_edit");
|
||
|
|
if (!r['gate']) err("route id "+r['rid'], "gate");
|
||
|
|
if (!r['gate_edit']) err("route id "+r['rid'], "gate_edit");
|
||
|
|
|
||
|
|
if ((r['route'] = random_repl(r['route'])) == null) err("route id "+r['rid'], "route ip random syntax");
|
||
|
|
if ((r['gate'] = random_repl(r['gate'])) == null) err("route id "+r['rid'], "gate random syntax");
|
||
|
|
|
||
|
|
if (r['route_edit'] == 'true') route_active = ''; else route_active = 'disabled';
|
||
|
|
if (r['gate_edit'] == 'true') gate_active = ''; else gate_active = 'disabled';
|
||
|
|
var routestr = '<input size=15 type=text id=route_'+r['rid']+' value="'+r['route']+'" '+route_active+'> => <input size=15 type=text id=gate_'+r['rid']+' value="'+r['gate']+'" '+gate_active+'>';
|
||
|
|
// my_console_log("add label route : ##"+routestr);
|
||
|
|
return (routestr);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function show_ifs(root, itf)
|
||
|
|
{
|
||
|
|
if (!itf['if']) err("ifs", "if");
|
||
|
|
if (!itf['hid']) err("ifs "+itf['if'], "hid");
|
||
|
|
if (!itf['ip']) err("ifs "+itf['if'], "ip");
|
||
|
|
if (!itf['mask']) err("ifs "+itf['if'], "mask");
|
||
|
|
if (!itf['ip_edit']) err("ifs "+itf['if'], "ip_edit");
|
||
|
|
if (!itf['mask_edit']) err("ifs "+itf['if'], "mask_edit");
|
||
|
|
if (!itf['type']) err("ifs "+itf['if'], "type");
|
||
|
|
if (!itf['pos']) err("ifs "+itf['if'], "pos");
|
||
|
|
|
||
|
|
if ((itf['ip'] = random_repl(itf['ip'])) == null) err("ifs "+itf['if'], "ip random syntax");
|
||
|
|
if ((itf['mask'] = random_repl(itf['mask'])) == null) err("ifs "+itf['if'], "mask random syntax");
|
||
|
|
|
||
|
|
hosts.forEach(h => {if (itf['hid'] == h['id']) itf['h'] = h});
|
||
|
|
|
||
|
|
var tab = itf['pos'].split(',');
|
||
|
|
if (tab.length != 2) err("ifs id "+itf['if'], "pos parsing");
|
||
|
|
itf['dx'] = parseInt(tab[0]);
|
||
|
|
itf['dy'] = parseInt(tab[1]);
|
||
|
|
|
||
|
|
if (itf['type'] == 'std')
|
||
|
|
{
|
||
|
|
var newelem = document.createElement('div');
|
||
|
|
newelem.className = 'itf_div';
|
||
|
|
newelem.style.position = "absolute";
|
||
|
|
newelem.style.top = (itf['h']['y']+itf['dy'])+'px';
|
||
|
|
newelem.style.left = (itf['h']['x']+itf['dx'])+'px';
|
||
|
|
if (itf['ip_edit'] == 'true') ip_active = ''; else ip_active = 'disabled';
|
||
|
|
if (itf['mask_edit'] == 'true') mask_active = ''; else mask_active = 'disabled';
|
||
|
|
newelem.innerHTML = 'Interface '+itf['if']+'<br />IP : <input size=15 type=text id=ip_'+itf['if']+' value="'+itf['ip']+'" '+ip_active+'><br />Mask : <input size=15 type=text id=mask_'+itf['if']+' value="'+itf['mask']+'" '+mask_active+'>';
|
||
|
|
root.appendChild(newelem);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function draw_links(root, l)
|
||
|
|
{
|
||
|
|
if (!l['if1'] || !l['if2']) err("links", "id");
|
||
|
|
|
||
|
|
ifs.forEach(i => {if (i['if'] == l['if1']) l['e1'] = i});
|
||
|
|
ifs.forEach(i => {if (i['if'] == l['if2']) l['e2'] = i});
|
||
|
|
|
||
|
|
hosts.forEach(h => {if (h['id'] == l['e1']['hid']) l['h1'] = h});
|
||
|
|
hosts.forEach(h => {if (h['id'] == l['e2']['hid']) l['h2'] = h});
|
||
|
|
|
||
|
|
var aLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
||
|
|
aLine.setAttribute('id', 'link_'+l['if1']+'_'+l['if2']);
|
||
|
|
aLine.id = 'link_'+l['if1']+'_'+l['if2'];
|
||
|
|
aLine.setAttribute('x1', ""+(parseInt(l['h1']['x'])+parseInt(l['h1']['w'])/2));
|
||
|
|
aLine.setAttribute('y1', ""+(parseInt(l['h1']['y'])+parseInt(l['h1']['h'])/2));
|
||
|
|
aLine.setAttribute('x2', ""+(parseInt(l['h2']['x'])+parseInt(l['h2']['w'])/2));
|
||
|
|
aLine.setAttribute('y2', ""+(parseInt(l['h2']['y'])+parseInt(l['h2']['h'])/2));
|
||
|
|
aLine.setAttribute('stroke', "black");
|
||
|
|
aLine.setAttribute('stroke-width', 3);
|
||
|
|
(document.getElementById('sl')).appendChild(aLine);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function prep_goals(g)
|
||
|
|
{
|
||
|
|
if (!g['id']) err("goals", "id");
|
||
|
|
if (!g['type']) err("goals "+g['id'], "type");
|
||
|
|
if (g['type'] == 'reach')
|
||
|
|
{
|
||
|
|
if (!g['id1']) err("goals "+g['id'], "id1");
|
||
|
|
if (!g['id2']) err("goals "+g['id'], "id2");
|
||
|
|
hosts.forEach(h => {if (h['id'] == g['id1']) g['h1'] = h});
|
||
|
|
hosts.forEach(h => {if (h['id'] == g['id2']) g['h2'] = h});
|
||
|
|
}
|
||
|
|
if (g['type'] == 'reach_if')
|
||
|
|
{
|
||
|
|
if (!g['if_id1']) err("goals "+g['id'], "if_id1");
|
||
|
|
if (!g['if_id2']) err("goals "+g['id'], "if_id2");
|
||
|
|
ifs.forEach(itf => {if (itf['if'] == g['if_id1']) { g['h1'] = itf['h']; g['if1'] = itf;}});
|
||
|
|
ifs.forEach(itf => {if (itf['if'] == g['if_id2']) { g['h2'] = itf['h']; g['if2'] = itf;}});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function next_eval()
|
||
|
|
{
|
||
|
|
if (g_eval_lvls.length >= 3)
|
||
|
|
return ('end.html');
|
||
|
|
var lvl;
|
||
|
|
do {
|
||
|
|
lvl = Math.round(6 + 4*Math.random());
|
||
|
|
} while (g_eval_lvls.includes(lvl))
|
||
|
|
g_eval_lvls.push(lvl);
|
||
|
|
localStorage.setItem("g_my_eval", JSON.stringify(g_eval_lvls));
|
||
|
|
return ('level'+lvl+'.html');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function my_download(filename, text)
|
||
|
|
{
|
||
|
|
var element = document.createElement('a');
|
||
|
|
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
|
||
|
|
element.setAttribute('download', filename);
|
||
|
|
|
||
|
|
element.style.display = 'none';
|
||
|
|
document.body.appendChild(element);
|
||
|
|
|
||
|
|
element.click();
|
||
|
|
|
||
|
|
document.body.removeChild(element);
|
||
|
|
}
|
||
|
|
|
||
|
|
function dl_config()
|
||
|
|
{
|
||
|
|
var infos = { 'routes':{}, 'ifs':{} };
|
||
|
|
routes.forEach(elem => { infos['routes'][elem['rid']] = {};
|
||
|
|
if (elem['route_edit'] == 'true') infos['routes'][elem['rid']]['route'] = document.getElementById('route_'+elem['rid']).value;
|
||
|
|
if (elem['gate_edit'] == 'true') infos['routes'][elem['rid']]['gate'] = document.getElementById('gate_'+elem['rid']).value;
|
||
|
|
});
|
||
|
|
ifs.forEach(elem => { infos['ifs'][elem['if']] = {};
|
||
|
|
if (elem['ip_edit'] == 'true') infos['ifs'][elem['if']]['ip'] = document.getElementById('ip_'+elem['if']).value;
|
||
|
|
if (elem['mask_edit'] == 'true') infos['ifs'][elem['if']]['mask'] = document.getElementById('mask_'+elem['if']).value;
|
||
|
|
});
|
||
|
|
my_download('level'+level+'.json', JSON.stringify(infos));
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function show_goals(g)
|
||
|
|
{
|
||
|
|
g_sim_logs += '******* Goal ID '+g['id']+' ********\n';
|
||
|
|
var div = document.getElementById("goals_id");
|
||
|
|
div.innerHTML += 'Goal '+g['id']+' : ';
|
||
|
|
if (g['type'] == 'reach')
|
||
|
|
{
|
||
|
|
var obj = sim_goal(g);
|
||
|
|
div.innerHTML += '<i>'+g['h1']['name']+'</i> need to communicate with <i>'+g['h2']['name']+'</i> - Status : '+obj.text;
|
||
|
|
}
|
||
|
|
if (g['type'] == 'reach_if')
|
||
|
|
{
|
||
|
|
var obj = sim_goal(g);
|
||
|
|
div.innerHTML += 'Interface <i>'+g['if1']['if']+'</i> need to communicate with interface <i>'+g['if2']['if']+'</i> - Status : '+obj.text;
|
||
|
|
}
|
||
|
|
div.innerHTML += '<br />\n';
|
||
|
|
return (obj.status);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function all_goals()
|
||
|
|
{
|
||
|
|
if (g_my_login != '')
|
||
|
|
g_sim_logs = '** generated for login "'+g_my_login+'" **\n';
|
||
|
|
else
|
||
|
|
g_sim_logs = '** evaluation mode round '+g_eval_lvls.length+'**\n';
|
||
|
|
document.getElementById("goals_id").innerHTML = '<h2>Level '+level+' : </h2>\n';
|
||
|
|
var nb = 0;
|
||
|
|
goals.forEach(elem => nb += show_goals(elem));
|
||
|
|
document.getElementById("goals_id").innerHTML += '<input type=button value="Check again" onclick="all_goals();"> <input type=button value="Get my config" onclick="dl_config();">';
|
||
|
|
if (nb == goals.length)
|
||
|
|
{
|
||
|
|
if (g_my_login != '')
|
||
|
|
{
|
||
|
|
if (level < 10)
|
||
|
|
document.getElementById("goals_id").innerHTML += " <input type=button value='Next level' onclick='window.location=\"level"+(level+1)+".html\";'>";
|
||
|
|
else
|
||
|
|
document.getElementById("goals_id").innerHTML += " <input type=button value='Complete !' onclick='window.location=\"end.html\";'>";
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{ // defense case
|
||
|
|
document.getElementById("goals_id").innerHTML += " <input type=button value='Next' onclick='window.location=next_eval();'>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
document.getElementById("logs_id").innerHTML = g_sim_logs.replace(/\n/g, '<br />');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function load_board()
|
||
|
|
{
|
||
|
|
if (!(g_my_login = localStorage.getItem("g_my_login")))
|
||
|
|
g_my_login = ''; // will means evaluation & full random
|
||
|
|
g_rand_prev = level + hash_login(g_my_login); // initialize replayable pseudo random generator
|
||
|
|
if (g_my_login == '')
|
||
|
|
g_eval_lvls = JSON.parse(localStorage.getItem("g_my_eval"));
|
||
|
|
|
||
|
|
var root = document.getElementById("root_id");
|
||
|
|
|
||
|
|
hosts.forEach(elem => show_host(root, elem));
|
||
|
|
|
||
|
|
ifs.forEach(elem => show_ifs(root, elem));
|
||
|
|
|
||
|
|
links.forEach(elem => draw_links(root, elem));
|
||
|
|
|
||
|
|
goals.forEach(elem => prep_goals(elem));
|
||
|
|
all_goals();
|
||
|
|
// only for very first time : don't show any log
|
||
|
|
document.getElementById("logs_id").innerHTML = 'Logs will be displayed here';
|
||
|
|
}
|