Added basic control panel

frontend/views/control/ts/timer.ts

@@ -0,0 +1,36 @@
+import { Main } from './main';
+
+export class Timer {
+	private _Main: Main;
+
+	startup: HTMLInputElement = document.querySelector('.ntsh-timer-startup');
+	shutdown: HTMLInputElement = document.querySelector('.ntsh-timer-shutdown');
+
+	constructor(Main: Main) {
+		this._Main = Main;
+
+		this.registerListeners();
+	}
+
+	update(data: {
+		start: { hour: number; minute: number };
+		end: { hour: number; minute: number };
+	}) {
+		const start = `${data.start.hour.toString().padStart(2, '0')}:${data.start.minute.toString().padStart(2, '0')}`;
+		const end = `${data.end.hour.toString().padStart(2, '0')}:${data.end.minute.toString().padStart(2, '0')}`;
+
+		this.startup.value = start;
+		this.shutdown.value = end;
+	}
+
+	registerListeners() {
+		this.startup.onchange = () => {
+			const [hour, minute] = this.startup.value.split(':').map(Number);
+			this._Main.socket.emit('setTimerStart', { hour, minute });
+		};
+		this.shutdown.onchange = () => {
+			const [hour, minute] = this.shutdown.value.split(':').map(Number);
+			this._Main.socket.emit('setTimerEnd', { hour, minute });
+		};
+	}
+}