past-choose-date.js

function init() {
	const navigator = document.querySelectorAll('table.itemlist > tbody > tr')[3].querySelectorAll('td')[1];

	const yearInput = document.createElement('select');
	const monthInput = document.createElement('select');
	const dayInput = document.createElement('select');

	// Year Input
	for (let y = new Date().getFullYear(); y >= 2007; y--) {
		yearInput.innerHTML += `<option value=${y}>${y}</option>`;
	}

	// Month Input
	for (let m = 1; m <= 12; m++) {
		m = String(m).padStart(2, '0');
		monthInput.innerHTML += `<option value=${m}>${m}</option>`;
	}

	// Day Input
	for (let d = 1; d <= 31; d++) {
		d = String(d).padStart(2, '0');
		dayInput.innerHTML += `<option value=${d}>${d}</option>`;
	}

	const goSpan = document.createElement('span');
	goSpan.classList.add('hnmore');

	const goBtn = document.createElement('a');
	goBtn.href = 'javascript:void(0)';
	goBtn.innerHTML = 'Go';
	goBtn.addEventListener('click', () => {
		window.location.href = `front?day=${yearInput.value}-${monthInput.value}-${dayInput.value}`;
	});

	goSpan.append(goBtn);

	navigator.append(' Choose a date: ', yearInput, '-', monthInput, '-', dayInput, ' ', goSpan, '.');

	return true;
}

const details = {
	id: 'past-choose-date',
	pages: {
		include: ['/front'],
		exclude: []
	},
	loginRequired: false,
	init
};

export default details;