linse/seweb
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

console not shown at start, infobox for touch device

Browse Source
This commit is contained in:
Daniel
2025-04-25 09:54:55 +02:00
parent ff0c00cabb
commit 654d79461b
4 changed files with 45 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
client/jsFiles/SEAWebClientGroup.js
View File

@ -75,6 +75,7 @@ function createRowForParameters(component) {
component.type == 'enum'
) {
let input_element;
console.log(component);
switch (component.type) {
case 'enum':
input_element = createEnum(component);
@ -122,7 +123,7 @@ function createLeftColumnForModules(component) {
var left = document.createElement('span');
left.classList.add('col-left');
if (component.statusname) {
left.appendChild(create_status_icon(component));
left.appendChild(createStatusIcon(component));
}
let modules_title = document.createElement('span');
modules_title.classList.add('modules-title');
@ -135,29 +136,40 @@ function createLeftColumnForModules(component) {
left.appendChild(status_info);
}
if (component.info) {
let btn_info = document.createElement('span');
btn_info.innerHTML = '(i)';
btn_info.classList.add('button-info');
left.appendChild(btn_info);
left.appendChild(create_info(component));
let icon_info = createInfoIcon(component);
left.appendChild(icon_info);
left.appendChild(createInfoBox(component));
}
return left;
function create_status_icon(component) {
function createStatusIcon(component) {
let icon_status = document.createElement('img');
icon_status.setAttribute('src', 'res/icon_status.png');
icon_status.setAttribute('name', component.title + ':status');
icon_status.classList.add('modules-icon');
icon_status.classList.add('status-icon');
icon_status.classList.add('modules-icon', 'status-icon');
return icon_status;
}
function create_info(component) {
function createInfoIcon(component) {
let icon_info = document.createElement('img');
icon_info.setAttribute('src', 'res/icon_info.png');
icon_info.setAttribute('name', component.title + ':status');
icon_info.classList.add('modules-icon', 'icon-info');
if (isTouchDevice) {
icon_info.onclick = function (event) {
event.stopPropagation()
icon_info.nextSibling.classList.toggle("info-box-visible-by-click");
}
}
return icon_info;
}
function createInfoBox(component) {
// Creates info-box, which isn't visible by default but can be displayed.
let infoBox = document.createElement('span');
infoBox.classList.add("info-box");
infoBox.innerHTML = '<b>' + component.title + '</b>: ' + component.info;
return infoBox;
let info_box = document.createElement('span');
info_box.classList.add("info-box");
info_box.innerHTML = '<b>' + component.title + '</b>: ' + component.info;
return info_box;
}
}
@ -187,6 +199,7 @@ function createRightColumnForModules(component) {
function createPushbutton(component) {
// Creates row-element containing a push button
console.log ('create pushbutton');
var elem = createInputElement(component);
elem.classList.add("push-button");
elem.onclick = function (e) {