Complete overhaul of code structure and relevant files (#639)

src/Config/SpecificToggles.js

@@ -0,0 +1,54 @@
+/** Called by the "func" of individual settings */
+
+import UpdateBackground from '../Disp/HelperFunctions/UpdateBackground';
+import { CMOptions } from './VariablesAndData';
+
+/**
+ * This function changes the position of both the bottom and timer bar
+ */
+export function UpdateBotTimerBarPosition() {
+	if (CMOptions.BotBar === 1 && CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+		l('CMBotBar').style.bottom = l('CMTimerBar').style.height;
+		l('game').style.bottom = `${Number(l('CMTimerBar').style.height.replace('px', '')) + 70}px`;
+	} else if (CMOptions.BotBar === 1) {
+		l('CMBotBar').style.bottom = '0px';
+		l('game').style.bottom = '70px';
+	} else if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+		l('game').style.bottom = l('CMTimerBar').style.height;
+	} else { // No bars
+		l('game').style.bottom = '0px';
+	}
+
+	if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 0) {
+		l('sectionLeft').style.top = l('CMTimerBar').style.height;
+	} else {
+		l('sectionLeft').style.top = '';
+	}
+
+	UpdateBackground();
+}
+
+/**
+ * This function changes the visibility of the timer bar
+ */
+export function ToggleTimerBar() {
+	if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = '';
+	else l('CMTimerBar').style.display = 'none';
+	UpdateBotTimerBarPosition();
+}
+
+/**
+ * This function changes the position of the timer bar
+ */
+export function ToggleTimerBarPos() {
+	if (CMOptions.TimerBarPos === 0) {
+		l('CMTimerBar').style.width = '30%';
+		l('CMTimerBar').style.bottom = '';
+		l('game').insertBefore(l('CMTimerBar'), l('sectionLeft'));
+	} else {
+		l('CMTimerBar').style.width = '100%';
+		l('CMTimerBar').style.bottom = '0px';
+		l('wrapper').appendChild(l('CMTimerBar'));
+	}
+	UpdateBotTimerBarPosition();
+}