Macintosh-Tools/jurassic-park-interface
1
0
Fork 0
mirror of https://github.com/Max-Stevenson/jurassic-park-interface.git synced 2025-01-14 03:31:08 +00:00
Code Issues Projects Releases Wiki Activity

Bottom Screen Progress.

Browse Source 
- Continued working on changing bottom screen content.
This commit is contained in:
Max Stevenson 2020-11-12 22:06:51 -06:00
parent e1aed59341
commit baaa0ed7b7
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -683,9 +683,7 @@
<div class="control-panel__button-display"> <div class="control-panel__button-display">
<div class="buttons button__depressed"> <div class="buttons button__depressed">
<div class=""> <div class="">
<p class="button-text__embossed small-button"> <p class="button-text__embossed small-button">glitches</p>
glitches
</p>
</div> </div>
</div> </div>
<div class="outer-edge__light-buttons buttons"> <div class="outer-edge__light-buttons buttons">

20
public/scripts/app.js
View File

@ -338,18 +338,10 @@ const changeBottomScreenContent = event => {
let selectedTab = event.currentTarget.lastElementChild.firstElementChild.innerHTML.toLowerCase(); let selectedTab = event.currentTarget.lastElementChild.firstElementChild.innerHTML.toLowerCase();
const mainDisplayElements = document.getElementsByClassName("main-display"); const mainDisplayElements = document.getElementsByClassName("main-display");
const tabContentElements = document.getElementsByClassName( const outputScreenElements = document.getElementsByClassName(
"ouput-display__wrapper" "output-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++) { for (let i = 0; i < mainDisplayElements.length; i++) {
if (mainDisplayElements[i].id === `${selectedTab}-display__inner`) { if (mainDisplayElements[i].id === `${selectedTab}-display__inner`) {
mainDisplayElements[i].style.display = "flex"; mainDisplayElements[i].style.display = "flex";
@ -357,6 +349,14 @@ const changeBottomScreenContent = event => {
mainDisplayElements[i].style.display = "none"; mainDisplayElements[i].style.display = "none";
} }
} }
for (let i = 0; i < outputScreenElements.length; i++) {
if (outputScreenElements[i].id === `output-display__${selectedTab}`) {
outputScreenElements[i].style.display = "flex";
} else {
outputScreenElements[i].style.display = "none";
}
}
}; };
//////////////////////// ////////////////////////