Macintosh-Tools
/
jurassic-park-interface
mirror of https://github.com/Max-Stevenson/jurassic-park-interface.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Progress on bottom console output display.

This commit is contained in:
Max Stevenson 2020-07-05 10:22:59 +01:00
parent 52d08ad162
commit b44b2be536
2 changed files with 40 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -512,15 +512,9 @@
<div class="inner-edge__light">
<div class="outer-edge__console">
<div class="inner-edge__console">
<div
class="output-display__wrapper output-display__hidden"
id="output-display__glitches"
>
<h2>Glitches</h2>
</div>
<div
class="output-display__wrapper"
id="output-display__system"
id="output-display__glitches"
>
<div class="output-display-content__wrapper">
<p class="output-display-content__status">
@ -571,6 +565,24 @@
</p>
</div>
</div>
<div
class="output-display__wrapper output-display__hidden"
id="output-display__maps"
>
<h2>Maps</h2>
</div>
<div
class="output-display__wrapper output-display__hidden"
id="output-display__system"
>
<h2>System</h2>
</div>
<div
class="output-display__wrapper output-display__hidden"
id="output-display__emerg"
>
<h2>Emerg.</h2>
</div>
</div>
</div>
</div>

22
public/scripts/app.js
View File

@ -251,7 +251,27 @@ const resetCircuitBreakers = () => {
// Change Bottom Video Screen
const changeBottomScreenContent = event => {
let selectedTab = event.currentTarget.lastElementChild.firstElementChild.innerHTML.toLowerCase();
console.log(selectedTab);
const mainDisplayElements = document.getElementsByClassName("main-display");
const tabContentElements = document.getElementsByClassName(
"ouput-display__wrapper"
);
for (let i = 0; i < tabContentElements.length; i++) {
if (tabContentElements[i].id === `video-screen__${selectedTab}`) {
tabContentElements[i].style.display = "flex";
} else {
tabContentElements[i].style.display = "none";
}
}
for (let i = 0; i < mainDisplayElements.length; i++) {
if (mainDisplayElements[i].id === `${selectedTab}-display__inner`) {
mainDisplayElements[i].style.display = "flex";
} else {
mainDisplayElements[i].style.display = "none";
}
}
};
////////////////////////