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

src/Disp/InfoBars/BottomBar.js

@@ -0,0 +1,88 @@
+/** Functions related to the Bottom Bar */
+
+import { CacheObjects1, CacheObjects10, CacheObjects100 } from '../../Cache/VariablesAndData';
+import { CMOptions } from '../../Config/VariablesAndData';
+import { VersionMajor, VersionMinor } from '../../Data/Moddata';
+import { Beautify, GetTimeColor } from '../BeautifyAndFormatting/BeautifyFormatting';
+import GetCPS from '../HelperFunctions/GetCPS';
+import GetWrinkConfigBank from '../HelperFunctions/GetWrinkConfigBank';
+import {
+	ColorBlue, ColorTextPre, ColorYellow, LastTargetBotBar,
+} from '../VariablesAndData';
+import { CreateBotBarBuildingColumn } from './CreateDOMElements';
+
+/**
+ * This function creates the bottom bar and appends it to l('wrapper')
+ */
+export function CreateBotBar() {
+	const BotBar = document.createElement('div');
+	BotBar.id = 'CMBotBar';
+	BotBar.style.height = '69px';
+	BotBar.style.width = '100%';
+	BotBar.style.position = 'absolute';
+	BotBar.style.display = 'none';
+	BotBar.style.backgroundColor = '#262224';
+	BotBar.style.backgroundImage = 'linear-gradient(to bottom, #4d4548, #000000)';
+	BotBar.style.borderTop = '1px solid black';
+	BotBar.style.overflow = 'auto';
+	BotBar.style.textShadow = '-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black';
+
+	const table = BotBar.appendChild(document.createElement('table'));
+	table.style.width = '100%';
+	table.style.textAlign = 'center';
+	table.style.whiteSpace = 'nowrap';
+	const tbody = table.appendChild(document.createElement('tbody'));
+
+	const firstCol = function (text, color) {
+		const td = document.createElement('td');
+		td.style.textAlign = 'right';
+		td.className = ColorTextPre + color;
+		td.textContent = text;
+		return td;
+	};
+	const type = tbody.appendChild(document.createElement('tr'));
+	type.style.fontWeight = 'bold';
+	type.appendChild(firstCol(`CM ${VersionMajor}.${VersionMinor}`, ColorYellow));
+	const bonus = tbody.appendChild(document.createElement('tr'));
+	bonus.appendChild(firstCol('Bonus Income', ColorBlue));
+	const pp = tbody.appendChild(document.createElement('tr'));
+	pp.appendChild(firstCol('Payback Period', ColorBlue));
+	const time = tbody.appendChild(document.createElement('tr'));
+	time.appendChild(firstCol('Time Left', ColorBlue));
+
+	l('wrapper').appendChild(BotBar);
+
+	for (const i of Object.keys(Game.Objects)) {
+		CreateBotBarBuildingColumn(i);
+	}
+}
+
+/**
+ * This function updates the bonus-, pp-, and time-rows in the the bottom bar
+ */
+export function UpdateBotBar() {
+	if (CMOptions.BotBar === 1 && CacheObjects1 && Game.buyMode === 1) {
+		let count = 0;
+		for (const i of Object.keys(CacheObjects1)) {
+			let target = Game.buyBulk;
+			if (Game.buyMode === 1) {
+				LastTargetBotBar = target;
+			} else {
+				target = LastTargetBotBar;
+			}
+			if (target === 1) target = CacheObjects1;
+			if (target === 10) target = CacheObjects10;
+			if (target === 100) target = CacheObjects100;
+			count++;
+			l('CMBotBar').firstChild.firstChild.childNodes[0].childNodes[count].childNodes[1].textContent = Game.Objects[i].amount;
+			l('CMBotBar').firstChild.firstChild.childNodes[1].childNodes[count].textContent = Beautify(target[i].bonus, 2);
+			l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].className = ColorTextPre + target[i].color;
+			l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].textContent = Beautify(target[i].pp, 2);
+			const timeColor = GetTimeColor((Game.Objects[i].bulkPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS());
+			l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].className = ColorTextPre + timeColor.color;
+			if (timeColor.text === 'Done!' && Game.cookies < Game.Objects[i].bulkPrice) {
+				l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].textContent = `${timeColor.text} (with Wrink)`;
+			} else l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].textContent = timeColor.text;
+		}
+	}
+}