mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-01-31 06:39:11 +00:00
332 lines
13 KiB
JavaScript
332 lines
13 KiB
JavaScript
//########################################################################################
|
|
// babble.js
|
|
// Version 1.4
|
|
// See 95_Babble.pm for licensing
|
|
//########################################################################################
|
|
//# Prof. Dr. Peter A. Henning
|
|
|
|
//------------------------------------------------------------------------------------------------------
|
|
// Determine csrfToken
|
|
//------------------------------------------------------------------------------------------------------
|
|
|
|
var req = new XMLHttpRequest();
|
|
req.open('GET', document.location.href, false);
|
|
req.send(null);
|
|
var csrfToken = req.getResponseHeader('X-FHEM-csrfToken');
|
|
if( csrfToken == null ){
|
|
csrfToken = "null";
|
|
}
|
|
|
|
//------------------------------------------------------------------------------------------------------
|
|
// encode Parameters for URL
|
|
//------------------------------------------------------------------------------------------------------
|
|
|
|
function encodeParm(oldval) {
|
|
var newval;
|
|
newval = oldval.replace(/\$/g, '\\%24');
|
|
newval = newval.replace(/"/g, '%27');
|
|
newval = newval.replace(/#/g, '%23');
|
|
newval = newval.replace(/\+/g, '%2B');
|
|
newval = newval.replace(/&/g, '%26');
|
|
newval = newval.replace(/'/g, '%27');
|
|
newval = newval.replace(/=/g, '%3D');
|
|
newval = newval.replace(/\?/g, '%3F');
|
|
newval = newval.replace(/\|/g, '%7C');
|
|
newval = newval.replace(/\s/g, '%20');
|
|
return newval;
|
|
};
|
|
|
|
//------------------------------------------------------------------------------------------------------
|
|
// Add and remove places and verbs
|
|
//------------------------------------------------------------------------------------------------------
|
|
|
|
|
|
function dialog1(message) {
|
|
$('<div></div>').appendTo('body').html('<div><h6>' + message + '</h6></div>').dialog({
|
|
modal: true, title: 'Babble', zIndex: 10000, autoOpen: true,
|
|
width: 'auto', resizable: false,
|
|
buttons: {
|
|
OK: function () {
|
|
location.reload();
|
|
$(this).dialog("close");
|
|
}
|
|
},
|
|
close: function (event, ui) {
|
|
$(this).remove();
|
|
}
|
|
});
|
|
};
|
|
|
|
function babble_addplace(name) {
|
|
var place = document.getElementById('b_newplace').value;
|
|
var location = document.location.pathname;
|
|
if (location.substr(location.length -1, 1) == '/') {
|
|
location = location.substr(0, location.length -1);
|
|
}
|
|
var url = document.location.protocol + "//" + document.location.host + location;
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_ModPlace("' + name + '","' + encodeParm(place) + '",1)}');
|
|
dialog1(tt_place + ' ' + place + ' ' + tt_added);
|
|
};
|
|
|
|
function babble_modplace(name, place, num) {
|
|
var btn = document.getElementById('b_addplace');
|
|
var divm = document.getElementById('b_chgplacediv');
|
|
var fld = document.getElementById('b_newplace');
|
|
fld.value = place;
|
|
btn.value = tt_remove;
|
|
btn.setAttribute("onclick", "babble_remplace('" + name + "','" + place + "'," + num + ")");
|
|
var btnm = '<input type="button" id="b_canplace" onclick="babble_cancelplace(';
|
|
btnm += "'" + name + "')";
|
|
btnm += '" value="' + tt_cancel + '" style="height:20px; width:100px;"/>';
|
|
divm.innerHTML = btnm;
|
|
};
|
|
|
|
function babble_remplace(name, place, num) {
|
|
var location = document.location.pathname;
|
|
if (location.substr(location.length -1, 1) == '/') {
|
|
location = location.substr(0, location.length -1);
|
|
}
|
|
var url = document.location.protocol + "//" + document.location.host + location;
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_ModPlace("' + name + '",' + num + ',0)}');
|
|
dialog1(tt_place + ' ' + place + ' ' + tt_removed);
|
|
};
|
|
|
|
function babble_cancelplace(name) {
|
|
var btn = document.getElementById('b_addplace');
|
|
var fld = document.getElementById('b_newplace');
|
|
var divm = document.getElementById('b_chgplacediv');
|
|
fld.value = "";
|
|
btn.value = tt_add;
|
|
btn.setAttribute("onclick", "babble_addplace('" + name + "')");
|
|
divm.innerHTML = '';
|
|
}
|
|
|
|
function babble_addverb(name) {
|
|
var verbi = document.getElementById('b_newverbi').value;
|
|
var verbc = document.getElementById('b_newverbc').value;
|
|
var location = document.location.pathname;
|
|
if (location.substr(location.length -1, 1) == '/') {
|
|
location = location.substr(0, location.length -1);
|
|
}
|
|
1
|
|
var url = document.location.protocol + "//" + document.location.host + location;
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_ModVerb("' + name + '","' + verbi + '","' + verbc + '",1)}');
|
|
dialog1(tt_verb + ' ' + verbi + ' ' + tt_added);
|
|
};
|
|
|
|
function babble_modverb(name, verbi, verbc, num) {
|
|
var btna = document.getElementById('b_addverb');
|
|
var divm = document.getElementById('b_chgverbdiv');
|
|
var fldi = document.getElementById('b_newverbi');
|
|
var fldc = document.getElementById('b_newverbc');
|
|
fldi.value = verbi;
|
|
fldc.value = verbc;
|
|
btna.value = tt_remove;
|
|
btna.setAttribute("onclick", "babble_remverb('" + name + "','" + verbi + "'," + num + ")");
|
|
var btnm = '<input type="button" id="b_chgverb" onclick="babble_chgverb(';
|
|
btnm += "'" + name + "'," + num + ")";
|
|
btnm += '" value="' + tt_modify + '" style="height:20px; width:100px;"/>';
|
|
var btnm2 = '<input type="button" id="b_canverb" onclick="babble_cancelverb(';
|
|
btnm2 += "'" + name + "')";
|
|
btnm2 += '" value="' + tt_cancel + '" style="height:20px; width:100px;"/>';
|
|
divm.innerHTML = btnm + btnm2;
|
|
};
|
|
function babble_remverb(name, verbi, num) {
|
|
var location = document.location.pathname;
|
|
if (location.substr(location.length -1, 1) == '/') {
|
|
location = location.substr(0, location.length -1);
|
|
}
|
|
var url = document.location.protocol + "//" + document.location.host + location;
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_ModVerb("' + name + '",' + num + ',"",0)}');
|
|
dialog1(tt_verb + ' ' + verbi + ' ' + tt_removed);
|
|
};
|
|
|
|
function babble_chgverb(name, num) {
|
|
var verbi = document.getElementById('b_newverbi').value;
|
|
var verbc = document.getElementById('b_newverbc').value;
|
|
var location = document.location.pathname;
|
|
if (location.substr(location.length -1, 1) == '/') {
|
|
location = location.substr(0, location.length -1);
|
|
}
|
|
1
|
|
var url = document.location.protocol + "//" + document.location.host + location;
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_ModVerb("' + name + '",' + num + ',"' + verbc + '",2)}');
|
|
dialog1(tt_verb + ' ' + verbi + ' ' + tt_modified);
|
|
};
|
|
|
|
function babble_cancelverb(name) {
|
|
var btna = document.getElementById('b_addverb');
|
|
var divm = document.getElementById('b_chgverbdiv');
|
|
var fldi = document.getElementById('b_newverbi');
|
|
var fldc = document.getElementById('b_newverbc');
|
|
fldi.value = "";
|
|
fldc.value = "";
|
|
btna.value = tt_add;
|
|
btna.setAttribute("onclick", "babble_addverb('" + name + "')");
|
|
divm.innerHTML = '';
|
|
}
|
|
|
|
function babble_addrow(name, devx, rowx) {
|
|
var table = document.getElementById("devstable");
|
|
var rown = 2;
|
|
for (i = 0; i < devx-1; i++) {
|
|
rown += devrows[i];
|
|
}
|
|
var row = table.insertRow(rown)
|
|
devrows[devx -1] = devrows[devx -1] + 1;
|
|
var cell0 = row.insertCell(0);
|
|
var cell1 = row.insertCell(1);
|
|
var cell2 = row.insertCell(2);
|
|
var cell3 = row.insertCell(3);
|
|
var cell4 = row.insertCell(4);
|
|
var cell5 = row.insertCell(5);
|
|
var cell6 = row.insertCell(6);
|
|
var cell7 = row.insertCell(7);
|
|
//copy from existing row if such a row exists
|
|
cell2.innerHTML = newplace;
|
|
cell3.innerHTML = newverbs;
|
|
cell4.innerHTML = newtargs;
|
|
cell5.innerHTML = newfield;
|
|
cell6.innerHTML = newcheck;
|
|
}
|
|
|
|
function babble_remrow(name, devx, rowx, rowy) {
|
|
var table = document.getElementById("devstable");
|
|
var url = document.location.protocol + "//" + document.location.host + "/fhem";
|
|
var rown = rowx;
|
|
var rowdev = 1;
|
|
for (i = 0; i < devx -1; i++) {
|
|
rowdev += devrows[i];
|
|
}
|
|
devrows[devx -1] = devrows[devx -1] -1;
|
|
var bdev = table.rows[rowdev].cells[1].textContent;
|
|
var place = '';
|
|
var verb = '';
|
|
var target = '';
|
|
var cmd = '';
|
|
var selector;
|
|
var selectedanswer;
|
|
//
|
|
selector = table.rows[rown].cells[2].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
place = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
place = "none";
|
|
}
|
|
//
|
|
selector = table.rows[rown].cells[3].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
verb = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
verb = "none";
|
|
}
|
|
//
|
|
selector = table.rows[rown].cells[4].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
target = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
target = "none";
|
|
}
|
|
//
|
|
cmd = '{Babble_RemCmd("' + name + '","' + bdev + '","' + place + '","' + verb + '","' + target + '","' + rowy + '")}';
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '=' + cmd);
|
|
table.deleteRow(rown);
|
|
}
|
|
|
|
function babble_savedevs(name) {
|
|
var table = document.getElementById("devstable");
|
|
var url = document.location.protocol + "//" + document.location.host + "/fhem";
|
|
for (idev = 1; idev <= devrows.length; idev++) {
|
|
var rowdev = 1;
|
|
for (ip = 0; ip < idev -1; ip++) {
|
|
rowdev += devrows[ip];
|
|
}
|
|
var fhemdev = table.rows[rowdev].cells[0].textContent;
|
|
var bdev = table.rows[rowdev].cells[1].textContent;
|
|
var place = '';
|
|
var verb = '';
|
|
var target = '';
|
|
var cmd = '';
|
|
var selector;
|
|
var selectedanswer;
|
|
var field;
|
|
// Help text
|
|
field = table.rows[rowdev].cells[3].getElementsByTagName("input")[0];
|
|
cmd = field.value;
|
|
cmd = '{Babble_ModHlp("' + name + '","' + bdev + '","' + encodeParm(cmd) + '")}';
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '=' + cmd);
|
|
// Command lines
|
|
for (j = 1; j < devrows[idev -1]; j++) {
|
|
//
|
|
selector = table.rows[rowdev + j].cells[2].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
place = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
place = "none";
|
|
}
|
|
//
|
|
selector = table.rows[rowdev + j].cells[3].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
verb = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
verb = "none";
|
|
}
|
|
//
|
|
selector = table.rows[rowdev + j].cells[4].getElementsByTagName("select")[0];
|
|
if( selector ){
|
|
selectedanswer = selector.selectedIndex;
|
|
target = selector.getElementsByTagName("option")[selectedanswer].value;
|
|
}else{
|
|
target = "none"
|
|
}
|
|
//
|
|
field = table.rows[rowdev + j].cells[5].getElementsByTagName("input")[0];
|
|
cmd = field.value;
|
|
//
|
|
field = table.rows[rowdev + j].cells[6].getElementsByTagName("input")[0];
|
|
if( field.checked == true ){
|
|
cmd = cmd + ";;$CONFIRM";
|
|
}
|
|
//
|
|
cmd = '{Babble_ModCmd("' + name + '","' + bdev + '","' + place + '","' + verb + '","' + target + '","' + encodeParm(cmd) + '")}';
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '=' + cmd);
|
|
}
|
|
};
|
|
FW_cmd(url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '={Babble_savename("' + name + '")}');
|
|
}
|
|
|
|
var httpRequest;
|
|
|
|
function babble_testit(name) {
|
|
var sentence = document.getElementById("d_testcommand").value;
|
|
var exec = document.getElementById("b_execit").checked;
|
|
var exflag;
|
|
if( exec ){
|
|
exflag=1;
|
|
}else{
|
|
exflag=0;
|
|
}
|
|
var url = document.location.protocol + "//" + document.location.host + "/fhem";
|
|
var cmd = '{Babble_DoIt("' + name + '","' + encodeParm(sentence) + '","testit",' + exflag + ')}';
|
|
|
|
httpRequest = new XMLHttpRequest();
|
|
httpRequest.open("GET", url + '?XHR=1&fwcsrf=' + csrfToken + '&cmd.' + name + '=' + cmd, true);
|
|
httpRequest.onreadystatechange = parse;
|
|
httpRequest.send(null);
|
|
};
|
|
|
|
function parse () {
|
|
if (httpRequest.readyState != 3) {
|
|
return;
|
|
}
|
|
var lines = httpRequest.responseText.split("\n");
|
|
//Pop the last (maybe empty) line after the last "\n"
|
|
//We wait until it is complete, i.e. terminated by "\n"
|
|
lines.pop();
|
|
document.getElementById("d_testresult").innerHTML = lines[1];
|
|
} |