Deletes old project

2024-04-25 21:57:34 +02:00
parent 0b4fe8a0ef
commit 027d5eebc7
189 changed files with 1341 additions and 7239 deletions
@@ -0,0 +1,148 @@
+<script lang="ts">
+	import type { LayoutData } from './$types';
+	import { onDestroy, onMount } from 'svelte';
+	import { user } from '$lib/stores/user';
+	import { telemetry } from '$lib/stores/telemetry';
+	import { analytics } from '$lib/stores/analytics';
+	import type { userProfile } from '$lib/stores/user';
+	import { page } from '$app/stores';
+	import { Modals, closeModal } from 'svelte-modals';
+	import Toast from '$lib/components/toasts/Toast.svelte';
+	import { notifications } from '$lib/components/toasts/notifications';
+	import { fade } from 'svelte/transition';
+	import '../app.css';
+	import Menu from './menu.svelte';
+	import Statusbar from './statusbar.svelte';
+	import Login from './login.svelte';
+	import { mode, outControllerData, servoAnglesOut, socket } from '$lib/stores';
+	import type { Analytics } from '$lib/types/models';
+
+	export let data: LayoutData;
+
+	onMount(async () => {
+		if ($user.bearer_token !== '') {
+			await validateUser($user);
+		}
+        const ws_token = $page.data.features.security ? '?access_token=' + $user.bearer_token : '';
+		socket.init(`ws://${window.location.host}/ws/events${ws_token}`);
+
+		addEventListeners();
+
+        outControllerData.subscribe((data) => socket.sendEvent("input", data));
+        mode.subscribe((data) => socket.sendEvent("mode", data));
+        servoAnglesOut.subscribe((data) => socket.sendEvent("angles", data));
+	});
+
+    onDestroy(() => {
+        removeEventListeners();
+    });
+
+    const addEventListeners = () => {
+		socket.on('open', handleOpen);
+		socket.on('close', handleClose);
+		socket.on('error', handleError);
+		socket.on('rssi', handleNetworkStatus);
+		socket.on('infoToast', handleInfoToast);
+		socket.on('successToast', handleSuccessToast);
+		socket.on('warningToast', handleWarningToast);
+		socket.on('errorToast', handleErrorToast);
+		if ($page.data.features.analytics) socket.on('analytics', handleAnalytics);
+		if ($page.data.features.battery) socket.on('battery', handleBattery);
+		if ($page.data.features.download_firmware) socket.on('otastatus', handleOAT);
+	};
+
+    const removeEventListeners = () => {
+		socket.off('analytics', handleAnalytics);
+		socket.off('open', handleOpen);
+		socket.off('close', handleClose);
+		socket.off('rssi', handleNetworkStatus);
+		socket.off('infoToast', handleInfoToast);
+		socket.off('successToast', handleSuccessToast);
+		socket.off('warningToast', handleWarningToast);
+		socket.off('errorToast', handleErrorToast);
+		socket.off('battery', handleBattery);
+		socket.off('otastatus', handleOAT);
+	};
+
+    async function validateUser(userdata: userProfile) {
+		try {
+			const response = await fetch('/api/verifyAuthorization', {
+				method: 'GET',
+				headers: {
+					Authorization: 'Bearer ' + userdata.bearer_token,
+					'Content-Type': 'application/json'
+				}
+			});
+			if (response.status !== 200) {
+				user.invalidate();
+			}
+		} catch (error) {
+			console.error('Error:', error);
+		}
+	}
+
+	const handleOpen = () => {
+		notifications.success('Connection to device established', 5000);
+	};
+
+	const handleClose = () => {
+		notifications.error('Connection to device lost', 5000);
+		telemetry.setRSSI('lost');
+	};
+
+	const handleError = (data: any) => console.error(data);
+
+	const handleInfoToast = (data: string) => notifications.info(data, 5000);
+	const handleWarningToast = (data: string) => notifications.warning(data, 5000);
+	const handleErrorToast = (data: string) => notifications.error(data, 5000);
+	const handleSuccessToast = (data: string) => notifications.success(data, 5000);
+
+	const handleAnalytics = (data: Analytics) => analytics.addData(data);
+
+	const handleNetworkStatus = (data: string) => telemetry.setRSSI(data);
+
+	const handleBattery = (data: string) => telemetry.setBattery(data);
+
+	const handleOAT = (data: string) => telemetry.setDownloadOTA(data);
+
+	let menuOpen = false;
+
+</script>
+
+<svelte:head>
+	<title>{$page.data.title}</title>
+</svelte:head>
+
+{#if $page.data.features.security && $user.bearer_token === ''}
+	<Login />
+{:else}
+	<div class="drawer">
+		<input id="main-menu" type="checkbox" class="drawer-toggle" bind:checked={menuOpen} />
+		<div class="drawer-content flex flex-col">
+			<!-- Status bar content here -->
+			<Statusbar />
+
+			<!-- Main page content here -->
+            <slot />
+		</div>
+		<!-- Side Navigation -->
+		<div class="drawer-side z-30 shadow-lg">
+			<label for="main-menu" class="drawer-overlay" />
+			<Menu
+				on:menuClicked={() => menuOpen = false}
+			/>
+		</div>
+	</div>
+{/if}
+
+<Modals>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<div
+		slot="backdrop"
+		class="fixed inset-0 z-40 max-h-full max-w-full bg-black/20 backdrop-blur"
+		transition:fade
+		on:click={closeModal}
+	/>
+</Modals>
+
+<Toast />