Modelbahn/webinterface/block.js

//
//
//

var blocks = [];
const BLOCK_F_OFF = 0x0001;
const BLOCK_F_SHORT = 0x0010;
const BLOCK_F_LONG = 0x0020;
const BLOCK_F_ENDSTATION = 0x0040;
const BLOCK_F_SPEEDLIMIT = 0x0100;



//
// update or add a new element
//
function block_Update(blockdata) {
	for (var i = 0; i < blocks.length; i++) {
		if (blockdata.name == blocks[i].name) {
			blocks[i].name = blockdata.name;
			blocks[i].flags = blockdata.flags;
			return;
		}
	}
	
	// not found add element
	//debug ("Add Interface:" + intdata.name + "(" + intdata.host + ")");
	blocks.push ({
			name: blockdata.name, 
			flags: blockdata.flags
	});
};


//
// delete element from the list
// in arrays we can not delete just an element, so we create a new one 
// and replace this one.
//
function block_Delete(name) {
	var l = new Array();
	
	for (var i = 0; i < blocks.length; i++) {
		if (name != blocks[i].name) {
			l.push (blocks[i]);
		}
	}

	// clear list and replace list with new data.
	blocks.lenght = 0;
	blocks = l;
};



function block_contextmenu(name) {
    let innerhtml = "";

    innerhtml = "<center><label><select id=\"contextbox_loc\">";
    innerhtml += "<option value=\"\"></option>";
	for (var i = 0; i < locomotives.length; i++) {
		if (locomotives[i].name) 
			innerhtml += "<option value=\""+locomotives[i].name+"\">"+locomotives[i].name+"</option>";
	}
    innerhtml += "</select></label><br>";
    innerhtml += "<button id=\"contextbox_AsgnLD\" type=\"button\">Assign &lArr;&dArr;</button><br>";
    innerhtml += "<button id=\"contextbox_AsgnRU\" type=\"button\">Assign &rArr;&uArr;</button><br>";
    innerhtml += "<button id=\"contextbox_SetDLD\" type=\"button\">Go &lArr;&dArr;</button><br>";
    innerhtml += "<button id=\"contextbox_SetDRU\" type=\"button\">Go &rArr;&uArr;</button><hr>";
    innerhtml += "<button id=\"contextbox_Clear\" type=\"button\">Clear</button><br>";
    innerhtml += "<button id=\"contextbox_Off\" type=\"button\">Off</button><hr>";
    innerhtml += "<button id=\"contextbox_Close\" type=\"button\">Close</button></center>";

	gContextmenuCreate(name, innerhtml);

	gAddEventListener("contextbox_AsgnLD", 'click', block_ctxmenu_AssignLD);
	gAddEventListener("contextbox_AsgnRU", 'click', block_ctxmenu_AssignRU);
	gAddEventListener("contextbox_SetDLD", 'click', block_ctxmenu_DestinationLD);
	gAddEventListener("contextbox_SetDRU", 'click', block_ctxmenu_DestinationRU);
	gAddEventListener("contextbox_Clear", 'click', block_ctxmenu_Clear);
	gAddEventListener("contextbox_Off", 'click', block_ctxmenu_Off);
	gAddEventListener("contextbox_Close", 'click', gContextmenuClose);
};


function block_ctxmenu_DestinationLD (element, value) {
	let loc = document.getElementById("contextbox_loc");
	if (loc) {
    	locomotive_server_Dest(loc.value, element.name, 1);
	}
	gContextmenuClose();
};


function block_ctxmenu_DestinationRU (element, value) {
	let loc = document.getElementById("contextbox_loc");
	if (loc) {
    	locomotive_server_Dest(loc.value, element.name, 0);
	}
	gContextmenuClose();
};


function block_ctxmenu_AssignLD (element, value) {
	let loc = document.getElementById("contextbox_loc");
    let name = document.getElementById("ConextMenuHead").innerHTML;
	if (loc) {
    	locomotive_server_Assign(loc.value, name, 1);
	}
	gContextmenuClose();
};


function block_ctxmenu_AssignRU (element, value) {
	let loc = document.getElementById("contextbox_loc");
    let name = document.getElementById("ConextMenuHead").innerHTML;
	if (loc) {
    	locomotive_server_Assign(loc.value, name, 0);
	}
	gContextmenuClose();
};


function block_ctxmenu_Clear (element, value) {
    let name = document.getElementById("ConextMenuHead").innerHTML;
   	block_server_Clear(name);
	gContextmenuClose();
}

function block_ctxmenu_Off (element, value) {
    let name = document.getElementById("ConextMenuHead").innerHTML;
   	block_server_Off(name);
	gContextmenuClose();
}


//
// send new element to server
//
function block_server_Add(elm) {
	var request = { command: "addblock", block: elm };
	serverinout (request, serverinout_defaultCallback);
};


//
// send delete element to server
//
function block_server_Del(elm) {
	var request = { command: "delblock", block: elm };
	serverinout (request, serverinout_defaultCallback);
};


//
// send clear block
//
function block_server_Clear(blockname) {
	var request = { command: "blockclear", block: blockname };
	serverinout (request, serverinout_defaultCallback);
};


//
// send put block off service
//
function block_server_Off(blockname) {
	var request = { command: "blockoff", block: blockname };
	debug ("send BlockOff:" + blockname);
	serverinout (request, serverinout_defaultCallback);
};


//
// if create is set the name should be filled in
function blockdetail_show(name, create) {
	var win = document.getElementById("blockdetail");
	
	debug ("blockdetail_show");
	
	if (!win) {
		debug ("blockdetail_show create window");
		win = gWindowCreate("blockdetail", "Block", 400, 300, "			\
		<div style=\"float: left\"> \
		Block Name: <input id=\"blockdet_name\" style=\"width: 100\"> \
		</div> <div style=\"float: right\"> \
		<button id=\"blockdet_PREV\">&lt</button> \
		<button id=\"blockdet_NEXT\">&gt</button> \
		</div> <br> <hr>\
		<div> \
		<table><tr><td><table>\
		</td></tr></table> </div> <hr>\
		<div align=right> \
		<button id=\"blockdet_SAVE\" type=\"button\">Save</button> \
		<button id=\"blockdet_DELETE\" type=\"button\">Delete</button> \
		<button id=\"blockdet_CLOSE\">Close</button> \
		</div> \
		      \
		");

		gAddEventListener("blockdet_CLOSE", 'click', blockdetail_cb_close);
		gAddEventListener("blockdet_DELETE", 'click', blockdetail_cb_delete);
		gAddEventListener("blockdet_SAVE", 'click', blockdetail_cb_save);

		gAddEventListener("blockdet_NEXT", 'click', blockdetail_cb_next);
		gAddEventListener("blockdet_PREV", 'click', blockdetail_cb_prev);
	}
	
	if (name) {
		for (var i = 0; i < blocks.length; i++) {
			if (name == blocks[i].name) blockdetail_setData(blocks[i]);
		}
	}

	if (create) {
		let rname = document.getElementById("blockdet_name");
        if (rname.value != name) rname.value = name;
	}
};


function blockdetail_cb_close () {
	var win = document.getElementById("blockdetail");

	if (win) document.body.removeChild(win);
};


//
// Callback: Delete Button
//
function blockdetail_cb_delete () {
	var elm = {};
	
	elm = blockdetail_getData();
	block_Delete(elm.name);
	block_server_Del(elm);
};


//
// Callback: Save Button
//
function blockdetail_cb_save () {
	var elm = {};
	
	elm = blockdetail_getData();
	block_Update(elm);
	block_server_Add(elm);
};


//
// Callback: Next Button
//
function blockdetail_cb_next () {
	var cursel = -1;
	var name = document.getElementById("blockdet_name");

	for (var i = 0; i < blocks.length; i++) {
		if (name.value == blocks[i].name) cursel = i;
	}
	
	cursel = cursel + 1;
	if (cursel >= blocks.length) cursel = 0;
	if (cursel < 0) cursel = 0;
	
	for (var i = 0; i < blocks.length; i++) {
		if (i == cursel) blockdetail_setData(blocks[i]);
	}
	
	// debug ("Cursel: " + cursel + " interfaces.lenght:" + interfaces.length);
};


//
// Callback: Prev Button
//
function blockdetail_cb_prev () {
	var cursel = -1;
	var name = document.getElementById("blockdet_name");


	for (var i = 0; i < blocks.length; i++) {
		if (name.value == blocks[i].name) cursel = i;
	}
	
	cursel = cursel - 1;
	if (cursel < 0 || cursel >= blocks.length) cursel = blocks.length - 1;
	
	for (var i = 0; i < blocks.length; i++) {
		if (i == cursel) blockdetail_setData(blocks[i]);
	}
	
	// debug ("Cursel: " + cursel + " interfaces.lenght:" + interfaces.length);
};


//
// fill out all the elements on the dialogbox
//
function blockdetail_setData(elm) {
	var name = document.getElementById("blockdet_name");
	var flags = document.getElementById("blockdet_flags");

	if (elm) {
		if (name) name.value = elm.name;
		if (flags) flags.value = elm.flags;
	}
};



//
// return all elements from the dialogbox
//
function blockdetail_getData() {
	var res = { name: "", flags:0 };
	var name = document.getElementById("blockdet_name");
	var flags = document.getElementById("blockdet_flags");

	if (name) res.name = name.value;
	if (flags) res.flags = flags.value;
	
	return res;
};