Macintosh-Tools/jurassic-park-interface
1
0
Fork 0
mirror of https://github.com/Max-Stevenson/jurassic-park-interface.git synced 2024-12-26 17:29:35 +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="buttons button__depressed">
<div class="">
<p class="button-text__embossed small-button">
glitches
</p>
<p class="button-text__embossed small-button">glitches</p>
</div>
</div>
<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();
const mainDisplayElements = document.getElementsByClassName("main-display");
const tabContentElements = document.getElementsByClassName(
"ouput-display__wrapper"
const outputScreenElements = document.getElementsByClassName(
"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++) {
if (mainDisplayElements[i].id === `${selectedTab}-display__inner`) {
mainDisplayElements[i].style.display = "flex";
@ -357,6 +349,14 @@ const changeBottomScreenContent = event => {
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";
}
}
};
////////////////////////