history.js

/*
 * Copyright (c) 2015 Sergey Zadorozhniy. The content presented herein may not, under any circumstances,
 * be reproduced in whole or in any part or form without written permission from Sergey Zadorozhniy.
 * Zadorozhniy.Sergey@gmail.com
 */

(function() {
	let pageSize = 30;
	const isDarkModeEnabled = isDarkMode();

	if(isDarkModeEnabled) {
		const style = `<style>
				body { background-color: #222; }
				#historyP { color: #fff; }
				#historyClosedTabsP { color: #fff; }
				hr { border-top: 1px solid rgb(189 189 189); }
				.card-body { background-color: #444; }
				.card { border: 1px solid rgb(0 0 0); }
				.card-title a { color: #c1c1c1 !important; }
				.container { background-color: #222 !important; }
		</style>`;
		$('html > head').append($(style));
	}

	const drawContent = () => {
		//chrome.runtime.getBackgroundPage(function(bgpage) {
		chrome.runtime.sendMessage({ method: '[AutomaticTabCleaner:getParkHistory]' }, function(res) {

			let parkHistory = res.parkHistory;
			let closeHistory = res.closeHistory;

			new DrawHistory(parkHistory, 'park', 0, 30);

			new DrawHistory(closeHistory, 'close', 0, 30);

			trackErrors('history_page', true);

			if (window.location.hash === '#suspended') {
				setTimeout(() => {
					document.getElementById("suspended").scrollIntoView();
				}, 150);
			}
			if (window.location.hash === '#closed') {
				setTimeout(() => {
					document.getElementById("closed").scrollIntoView();
				}, 150);
			}
		});
		//});
	};

	drawContent();

	setTimeout(function() {
		chrome.runtime.onMessage.addListener(function(request) {
			if (request.method === '[AutomaticTabCleaner:updateHistoryPage]') {
				console.log('updateHistoryPage..');
				drawContent();
				//window.location.reload();
				console.log('updateHistoryPage..Complete.');
			}
		});
	}, 5000);

	function DrawHistory(closeHistory, targetDiv, from, to) {
		this.drawNextPage(closeHistory, targetDiv, from, to);
	}

	DrawHistory.prototype.drawNextPage = function(closeHistory, targetDiv, from, to) {
		this.to = to;
		// eslint-disable-next-line @typescript-eslint/no-this-alias
		let self = this;
		document.getElementById(targetDiv + 'Div').innerHTML = '';
		if (closeHistory) {
			for (let i = from; i < to && i < closeHistory.length; i++) {
				let divLine = drawPreviewTile(closeHistory[i]);

				let currentDiv = document.getElementById(targetDiv + 'Div');
				currentDiv.appendChild(divLine);
			}

			if (from == 0 && closeHistory.length > to) {
				let next = document.createElement('a');
				next.id = targetDiv + '_next_btn';
				next.href = '#';
				next.innerText = 'More History...';
				next.onclick = function() {
					self.drawNextPage(closeHistory, targetDiv, self.to, self.to + pageSize);
					return false;
				};
				document.getElementById(targetDiv + 'Container').appendChild(next);
			}
		}
	};
})();