mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-06-01 06:41:30 +00:00
Progress on bottom console output display.
This commit is contained in:
parent
52d08ad162
commit
b44b2be536
26
index.html
26
index.html
|
@ -512,15 +512,9 @@
|
||||||
<div class="inner-edge__light">
|
<div class="inner-edge__light">
|
||||||
<div class="outer-edge__console">
|
<div class="outer-edge__console">
|
||||||
<div class="inner-edge__console">
|
<div class="inner-edge__console">
|
||||||
<div
|
|
||||||
class="output-display__wrapper output-display__hidden"
|
|
||||||
id="output-display__glitches"
|
|
||||||
>
|
|
||||||
<h2>Glitches</h2>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="output-display__wrapper"
|
class="output-display__wrapper"
|
||||||
id="output-display__system"
|
id="output-display__glitches"
|
||||||
>
|
>
|
||||||
<div class="output-display-content__wrapper">
|
<div class="output-display-content__wrapper">
|
||||||
<p class="output-display-content__status">
|
<p class="output-display-content__status">
|
||||||
|
@ -571,6 +565,24 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -251,7 +251,27 @@ const resetCircuitBreakers = () => {
|
||||||
// Change Bottom Video Screen
|
// Change Bottom Video Screen
|
||||||
const changeBottomScreenContent = event => {
|
const changeBottomScreenContent = event => {
|
||||||
let selectedTab = event.currentTarget.lastElementChild.firstElementChild.innerHTML.toLowerCase();
|
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";
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
////////////////////////
|
////////////////////////
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user