From 2bb6fbdad95594afc594e176b5a545d7b21d30d5 Mon Sep 17 00:00:00 2001 From: Robert Richter Date: Fri, 3 Jul 2020 16:01:01 +0200 Subject: [PATCH] update Fr 3. Jul 16:01:01 CEST 2020 --- public/js/client_dbrd.js | 38 +++++++++++++++++++++++++++++++++++--- 1 file changed, 35 insertions(+), 3 deletions(-) diff --git a/public/js/client_dbrd.js b/public/js/client_dbrd.js index 535235f..715a714 100755 --- a/public/js/client_dbrd.js +++ b/public/js/client_dbrd.js @@ -369,14 +369,16 @@ socket.on('io.Einsatz', function (data) { em_div.className = 'pr-2'; em_div.innerHTML = data.einsatzmittel[i].einsatzmittel; - + var status_div = document.createElement('div'); + status_div.className = 'p-2 badge badge-dark'; + status_div.innerHTML = data.einsatzmittel[i].status; flex_div.appendChild(flex_under_div); flex_under_div.appendChild(justify_div); justify_div.appendChild(em_div); - + justify_div.appendChild(status_div); table_em.rows[wache_zeile].cells[1].appendChild(flex_div); @@ -389,10 +391,40 @@ socket.on('io.Einsatz', function (data) { var newRow = tableRef.insertRow(); var newCell = newRow.insertCell(0); var newText = document.createTextNode(data.einsatzmittel[i].wachenname); + //newCell.outerHTML = ""; newCell.appendChild(newText); + + + + var flex_div = document.createElement('div'); + flex_div.className = 'd-flex flex-wrap justify-content-between align-items-center'; + + var flex_under_div = document.createElement('div'); + flex_under_div.className = 'flex-fill rounded bg-secondary p-2 m-1'; + + var justify_div = document.createElement('div'); + justify_div.className = 'd-flex justify-content-between'; + + var em_div = document.createElement('div'); + em_div.className = 'pr-2'; + em_div.innerHTML = data.einsatzmittel[i].einsatzmittel; + + var status_div = document.createElement('div'); + status_div.className = 'p-2 badge badge-dark'; + status_div.innerHTML = data.einsatzmittel[i].status; + + flex_div.appendChild(flex_under_div); + + flex_under_div.appendChild(justify_div); + + justify_div.appendChild(em_div); + justify_div.appendChild(status_div); + + table_em.rows[wache_zeile].cells[1].appendChild(flex_div); + var newCell2 = newRow.insertCell(1); var newText2 = document.createTextNode(data.einsatzmittel[i].einsatzmittel); - newCell2.appendChild(newText2); + newCell2.appendChild(flex_div); };