Smikkelbakje/J1B3-Sensor-boxes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made dropdown graph

Browse Source
This commit is contained in:
Sam Hos
2024-03-30 17:31:41 +01:00
parent 3e7a89bf8b
commit 02b32c33ea
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/newWebsite/GaugGroup.js
View File

@@ -13,6 +13,7 @@ class GaugeGroup {
this.element.innerHTML = ` this.element.innerHTML = `
<h2 class="groupTitle">${this.nodeId} - ${this.location}</h2> <h2 class="groupTitle">${this.nodeId} - ${this.location}</h2>
<div class="Node"> <div class="Node">
<img src="arrow.png" class="arrowimg" onclick="toggleGraph('${this.nodeId}')">
${Array(this.gaugesCount).fill().map((_, i) => ` ${Array(this.gaugesCount).fill().map((_, i) => `
<div class="Sensorvalues"> <div class="Sensorvalues">
<div id="gaugeContainer${this.nodeId}_${i+1}" class="gaugeContainer"> <div id="gaugeContainer${this.nodeId}_${i+1}" class="gaugeContainer">
@@ -26,7 +27,7 @@ class GaugeGroup {
`).join('')} `).join('')}
</div> </div>
<div class="plotly-container"> <div class="plotly-container">
<div id="liveGraph${this.nodeId}" ></div> <div id="liveGraph${this.nodeId}" class="disabled" ></div>
</div> </div>
`; `;

2
web/newWebsite/styles/dashboard-styles.css
View File

@@ -190,11 +190,11 @@ body {
justify-content: center; justify-content: center;
display: flex; display: flex;
width: 20vw; width: 20vw;
z-index: -0;
} }
* *
.disabled { .disabled {
opacity: 0; opacity: 0;
height: 0; height: 0;
} }