Initial commit

Lts/Tools/SocketSniffer/modules/asm1.js

@@ -0,0 +1,161 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "Asset Management";
+}
+
+export function createButtons (webSocket) {
+        //Container
+        if (!buttonsAdded){
+            //Base Dl Request
+            var baseDlRequestContainer = document.createElement("div");
+            baseDlRequestContainer.id = "BaseDlRequestContainer";
+            baseDlRequestContainer.className = "py-1";
+            //Button
+            var baseDlRequestBtn = document.createElement("button");
+            baseDlRequestBtn.id = "BaseDlRequestBtn";
+            baseDlRequestBtn.classList.add ("btn", "btn-primary");
+            baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+            //Append
+            (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+            (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+            //Funktion
+            document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+                baseDlRequest(webSocket);
+            });
+
+            /*
+            //get Asset State
+            var getAssetStateContainer = document.createElement("div");
+            getAssetStateContainer.id = "GetAssetStateContainer";
+            getAssetStateContainer.className = "py-1";
+            //Form
+            var string = '<div class="input-group"><input id="GetAssetState1" type="text" class="form-control border-primary" placeholder="Asset ID"><input id="GetAssetState2" type="text" class="form-control border-primary" placeholder="Asset Tag"><input id="GetAssetState3" type="text" class="form-control border-primary" placeholder="UUID"><button id= "GetAssetStateBtn" class="btn btn-primary" type="button" id="button-addon2">get Asset State</button></div>'
+            getAssetStateContainer.innerHTML = string;
+            //Append
+            (document.getElementById ("RequestButtonContainer")).appendChild (getAssetStateContainer);
+            //Funktion
+            document.getElementById("GetAssetStateBtn").addEventListener('click', function() {
+                getAssetState(webSocket);
+            });
+ 
+            //get Building State
+            var getBuildingStateContainer = document.createElement("div");
+            getBuildingStateContainer.id = "GetBuildingStateContainer";
+            getBuildingStateContainer.className = "py-1";
+            //Form
+            var string = '<div class="input-group"><input id="GetBuildingState1" type="text" class="form-control border-primary" placeholder="Building ID"><input id="GetBuildingState2" type="text" class="form-control border-primary" placeholder="UUID"><button id= "GetBuildingStateBtn" class="btn btn-primary" type="button" id="button-addon2">get Building State</button></div>'
+            getBuildingStateContainer.innerHTML = string;
+            //Append
+            (document.getElementById ("RequestButtonContainer")).appendChild (getBuildingStateContainer);
+            //Funktion
+            document.getElementById("GetBuildingStateBtn").addEventListener('click', function() {
+                getBuildingState(webSocket);
+            });
+
+            //get Building State
+            var getAssetsContainer = document.createElement("div");
+            getAssetsContainer.id = "GetAssetsContainer";
+            getAssetsContainer.className = "py-1";
+            //Form
+            var string = '<div class="input-group"><input id="GetAssets1" type="text" class="form-control border-primary" placeholder="Asset Type ID"><input id="GetAssets2" type="text" class="form-control border-primary" placeholder="UUID"><button id= "GetAssetsBtn" class="btn btn-primary" type="button" id="button-addon2">get Assets</button></div>'
+            getAssetsContainer.innerHTML = string;
+            //Append
+            (document.getElementById ("RequestButtonContainer")).appendChild (getAssetsContainer);
+            //Funktion
+            document.getElementById("GetAssetsBtn").addEventListener('click', function() {
+                sendGetAssets(webSocket);
+            });
+            */
+
+            buttonsAdded = true;
+        } 
+}
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function baseDlRequest(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}
+
+function sendGetAssets(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "getAssets",
+        uuid: document.getElementById("GetAssets2").value,
+        data: {
+            assetTypeId: document.getElementById("GetAssets1").value
+        }
+    }));
+
+}
+
+function getAssetState(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "getAssetState",
+        assetId: document.getElementById("GetAssetState1").value,
+        assetTag: document.getElementById("GetAssetState2").value,
+        uuid: document.getElementById("GetAssetState3").value
+    }));
+}
+
+function getBuildingState(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "getBuildingState",
+        uuid: document.getElementById("GetBuildingState2").value,
+        data: {
+            buildingId: document.getElementById("GetBuildingState1").value
+        }
+
+    }));
+}
+
+

Lts/Tools/SocketSniffer/modules/bld1.js

@@ -0,0 +1,87 @@
+var buttonsAdded = false;
+
+
+export function getLongName () {
+    return "Building";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+
+        //Base Dl Request
+        var buildingRequestContainer = document.createElement("div");
+        buildingRequestContainer.id = "buildingRequestContainer";
+        buildingRequestContainer.className = "py-1";
+        //Button
+        var buildingRequestBtn = document.createElement("button");
+        buildingRequestBtn.id = "buildingRequestBtn";
+        buildingRequestBtn.classList.add ("btn", "btn-primary");
+        buildingRequestBtn.innerHTML = "Send <i>BuildingRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (buildingRequestContainer);
+        (document.getElementById ("buildingRequestContainer")).appendChild (buildingRequestBtn);
+        //Funktion
+        document.getElementById("buildingRequestBtn").addEventListener('click', function() {
+            buildingRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function buildingRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "buildingRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/eem1.js

@@ -0,0 +1,86 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "Exercise Event Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+
+        //Base Dl Request
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            baseDlRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function baseDlRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/exm1.js

@@ -0,0 +1,110 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "Exercise Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+        //Exercise Information Request
+        var ExerciseInformationRequestContainer = document.createElement("div");
+        ExerciseInformationRequestContainer.id = "ExerciseInformationRequestContainer";
+        ExerciseInformationRequestContainer.className = "py-1";
+        //Button
+        var ExerciseInformationRequestBtn = document.createElement("button");
+        ExerciseInformationRequestBtn.id = "ExerciseInformationRequestBtn";
+        ExerciseInformationRequestBtn.classList.add ("btn", "btn-primary");
+        ExerciseInformationRequestBtn.innerHTML = "Send <i>ExerciseInformationRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (ExerciseInformationRequestContainer);
+        (document.getElementById ("ExerciseInformationRequestContainer")).appendChild (ExerciseInformationRequestBtn);
+        //Funktion
+        document.getElementById("ExerciseInformationRequestBtn").addEventListener('click', function() {
+            exerciseInformationRequest(webSocket);
+        });
+
+        //Base Dl Request
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            baseDlRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    //Container fuer Accordion und Table erzeugen
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    //WebSocket-Message in Table 
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            cell.innerHTML = item[key[0]];
+        }
+    });
+    
+    //Append
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function exerciseInformationRequest (webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "exerciseInformationRequest",
+        uuid: "UUID"
+    }));
+}
+
+function baseDlRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/flm1.js

@@ -0,0 +1,110 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "File Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+        //PDF List Request
+        var pdfListRequestContainer = document.createElement("div");
+        pdfListRequestContainer.id = "pdfListRequestContainer";
+        pdfListRequestContainer.className = "py-1";
+        //Button
+        var pdfListRequestBtn = document.createElement("button");
+        pdfListRequestBtn.id = "pdfListRequestBtn";
+        pdfListRequestBtn.classList.add ("btn", "btn-primary");
+        pdfListRequestBtn.innerHTML = "Send <i>pdfListRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (pdfListRequestContainer);
+        (document.getElementById ("pdfListRequestContainer")).appendChild (pdfListRequestBtn);
+        //Funktion
+        document.getElementById("pdfListRequestBtn").addEventListener('click', function() {
+            pdfListRequest(webSocket);
+        });
+
+        /*
+        //get Building State
+        var pdfDataContainer = document.createElement("div");
+        pdfDataContainer.id = "pdfDataContainer";
+        pdfDataContainer.className = "py-1";
+        //Form
+        var string = '<div class="input-group"><input id="PdfData1" type="text" class="form-control border-primary" placeholder="Exercise ID"><input id="PdfData2" type="text" class="form-control border-primary" placeholder="UUID"><button id= "PdfDataBtn" class="btn btn-primary" type="button" id="button-addon2">get PDF Data</button></div>'
+        pdfDataContainer.innerHTML = string;
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (pdfDataContainer);
+        //Funktion
+        document.getElementById("PdfDataBtn").addEventListener('click', function() {
+            pdfListData(webSocket);
+        });
+        */
+
+        buttonsAdded = true;
+    } 
+}
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function pdfListRequest(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "pdfListRequest",
+        uuid: "UUID"
+    }));
+}
+
+
+/*
+function pdfListData(webSocket) {
+    webSocket.send(JSON.stringify({
+        type: "pdfListData",
+        uuid: document.getElementById("PdfData2").value,
+        data: {
+            exerciseId: document.getElementById("PdfData1").value
+        }
+    }));
+}
+*/

Lts/Tools/SocketSniffer/modules/ism1.js

@@ -0,0 +1,87 @@
+var buttonsAdded = false;
+
+
+export function getLongName () {
+    return "Infrastructure Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+
+        //Base Dl Request
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            baseDlRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function baseDlRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/opm1.js

@@ -0,0 +1,123 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "Operator Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+        //Base Dl Request
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            baseDlRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+/*
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    document.getElementById("Output").innerHTML += `<p class= "pt-4 h6"> Message Type: <i>${JSON.parse(message.data).type}</i></p>`; 
+
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+
+    var keys = new Map;
+
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (key[0] == "image") {                 //Base64 dekodieren, falls "Image"
+                cell.innerHTML = `<img src='data:image/png;base64, ${item[key[0]]}' onerror='this.style.display="none"'>`
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (table);
+}
+*/
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (key[0] == "image") {                 //Base64 dekodieren, falls "Image"
+                cell.innerHTML = `<img src='data:image/png;base64, ${item[key[0]]}' onerror='this.style.display="none"'>`
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function baseDlRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/ppm1.js

@@ -0,0 +1,87 @@
+var buttonsAdded = false;
+
+
+export function getLongName () {
+    return "Participant Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+
+        //Base Dl Request
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>BaseDlRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            baseDlRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function baseDlRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "baseDlRequest",
+        uuid: "UUID"
+    }));
+}

Lts/Tools/SocketSniffer/modules/ppm2.js

@@ -0,0 +1,59 @@
+var searchContent = new URLSearchParams (window.location.search);
+var exc = searchContent.get('exc');
+var buttonsAdded = false;
+var headCellBuilt = false;
+
+export function getLongName () {
+    return "Participant Management";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+        (document.getElementById ("RequestButtonContainer")).innerHTML = `<div class='px-3 pt-2 h5'>Dieser Port empfängt Positonsdaten der Exercise ${exc}.</div>`
+        buttonsAdded = true;
+    } 
+}
+
+
+//Positionsdaten tabellarisch abbilden
+var table = document.createElement ("table");
+var tHead = document.createElement ("thead");
+var tBody = document.createElement ("tbody");
+tBody.id = 'tBody';
+
+//leert den Table-Body mit allen bisherigen Positionen durch Clear-Button
+document.getElementById("ClearBtn").addEventListener ('click', function () {
+    document.getElementById("tBody").innerHTML = "";
+});
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    //erstellt Table body einmalig
+    table.classList.add("table","table-hover", "table-condensed");
+    var headRow = document.createElement ("tr");
+    var keys = new Map;
+    var keyIndexCounter = 0;
+    if (!headCellBuilt) {
+        for (var key in JSON.parse(message.data)) {
+            var headCell = headRow.insertCell(keys.get(key));
+            headCell.innerHTML = key;
+            keys.set(key, keyIndexCounter);
+            keyIndexCounter++;
+        }
+        headCellBuilt = true;
+        tHead.appendChild (headRow);
+        table.appendChild (tHead);
+    }
+    //fuegt Table Body je Positonsmeldung an
+    var bodyRow = document.createElement ("tr");
+    for (var key in JSON.parse(message.data)) {
+        var bodyCell = bodyRow.insertCell(keys.get(key));
+        bodyCell.innerHTML = JSON.parse(message.data)[key];
+        }
+    tBody.appendChild (bodyRow)     
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (table);
+}
+
+

Lts/Tools/SocketSniffer/modules/svc.js

@@ -0,0 +1,17 @@
+//"Service Template"
+
+var buttonsAdded = false;
+
+export function getLongName () {
+    throw new console.error("Methodenrumpf muss definiert werden.");
+}
+
+
+export function createButtons (webSocket) {
+    throw new console.error("Methodenrumpf muss definiert werden.");
+}
+
+
+export function decryptMessage (message) {
+    throw new console.error("Methodenrumpf muss definiert werden.");
+}

Lts/Tools/SocketSniffer/modules/whg1.js

@@ -0,0 +1,86 @@
+var buttonsAdded = false;
+
+export function getLongName () {
+    return "Warehouse Guez";
+}
+
+export function createButtons (webSocket) {
+    //Container
+    if (!buttonsAdded){
+
+        //equipmentTypesRequest
+        var baseDlRequestContainer = document.createElement("div");
+        baseDlRequestContainer.id = "BaseDlRequestContainer";
+        baseDlRequestContainer.className = "py-1";
+        //Button
+        var baseDlRequestBtn = document.createElement("button");
+        baseDlRequestBtn.id = "BaseDlRequestBtn";
+        baseDlRequestBtn.classList.add ("btn", "btn-primary");
+        baseDlRequestBtn.innerHTML = "Send <i>EquipmentTypesRequest</i>";
+        //Append
+        (document.getElementById ("RequestButtonContainer")).appendChild (baseDlRequestContainer);
+        (document.getElementById ("BaseDlRequestContainer")).appendChild (baseDlRequestBtn);
+        //Funktion
+        document.getElementById("BaseDlRequestBtn").addEventListener('click', function() {
+            equipmentTypesRequest(webSocket);
+        });
+        buttonsAdded = true;
+    } 
+}
+
+
+export function decryptMessage (message) {
+    document.getElementById("OutputContainer").hidden = false
+    
+    var table = document.createElement ("table");
+    table.classList.add("table","table-hover", "table-condensed");
+    var tHead = document.createElement ("thead");
+    var tBody = document.createElement ("tbody");
+    var headRow = document.createElement ("tr");
+    var accordionItem = document.createElement ("div")
+    accordionItem.className = "accordion-item";
+    accordionItem.innerHTML = `<h2 class="accordion-header" id="heading-${JSON.parse(message.data).type}">
+    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${JSON.parse(message.data).type}">
+        ${JSON.parse(message.data).type}
+    </button>
+    </h2>
+    <div id="collapse-${JSON.parse(message.data).type}" class="accordion-collapse collapse show" data-bs-parent="#Output">
+        <div id="body-${JSON.parse(message.data).type}" class="accordion-body"></div>
+    </div>
+    </div>`
+
+    var keys = new Map;
+    JSON.parse(message.data).data.etMap.forEach ((item, index, array) => {
+        var keyIndexCounter = keys.size;
+        for (var key in item){
+            if (!keys.has(key)){
+                var headCell = headRow.insertCell(keys.size);
+                headCell.innerHTML = key;
+                keys.set(key, keyIndexCounter);
+                keyIndexCounter++;
+            }            
+        }
+        var row = tBody.insertRow();
+        for (var key of keys) {
+            var cell = row.insertCell (keys.get(key));
+            if (typeof item[key[0]] === 'object') {                 //Objekt formatieren, falls erforderlich - Funktion rekursiv aufrufen?
+                cell.innerHTML = JSON.stringify(item[key[0]])
+            }
+            else cell.innerHTML = item[key[0]];
+        }
+    });
+    tHead.appendChild (headRow);
+    table.appendChild (tHead);
+    table.appendChild (tBody);
+    document.getElementById("Output").appendChild (accordionItem);
+    document.getElementById("body-" + JSON.parse(message.data).type).appendChild(table);
+}
+
+//Requests
+function equipmentTypesRequest(webSocket) {
+
+    webSocket.send(JSON.stringify({
+        type: "equipmentTypesRequest",
+        uuid: "UUID"
+    }));
+}