Merge branch 'help-to-docs'

Author: ewowi

interface/src/routes/connections/mqtt/MQTT.svelte

@@ -9,6 +9,7 @@
 	import { notifications } from '$lib/components/toasts/notifications';
 	import Spinner from '$lib/components/Spinner.svelte';
 	import Collapsible from '$lib/components/Collapsible.svelte';
+	import Help from '~icons/tabler/help';
 	import MQTT from '~icons/tabler/topology-star-3';
 	import Client from '~icons/tabler/robot';
 	import type { MQTTSettings, MQTTStatus } from '$lib/types/models';
@@ -135,6 +136,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >MQTT</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	<div class="w-full overflow-x-auto">
 		{#await getMQTTStatus()}

interface/src/routes/connections/ntp/NTP.svelte

@@ -9,6 +9,7 @@
 	import { page } from '$app/state';
 	import { notifications } from '$lib/components/toasts/notifications';
 	import { TIME_ZONES } from './timezones';
+	import Help from '~icons/tabler/help';
 	import NTP from '~icons/tabler/clock-check';
 	import Server from '~icons/tabler/server';
 	import Clock from '~icons/tabler/clock';
@@ -158,6 +159,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >Network Time</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	<div class="w-full overflow-x-auto">
 		{#await getNTPStatus()}

interface/src/routes/demo/Demo.svelte

@@ -4,6 +4,7 @@
 	import { page } from '$app/state';
 	import { notifications } from '$lib/components/toasts/notifications';
 	import SettingsCard from '$lib/components/SettingsCard.svelte';
+	import Help from '~icons/tabler/help';
 	import Light from '~icons/tabler/bulb';
 	import Info from '~icons/tabler/info-circle';
 	import Save from '~icons/tabler/device-floppy';
@@ -70,6 +71,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >Light State</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	<div class="w-full">
 		<h1 class="text-xl font-semibold">REST Example</h1>

interface/src/routes/system/metrics/SystemMetrics.svelte

@@ -5,6 +5,7 @@
 	import { slide } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import { Chart, registerables } from 'chart.js';
+	import Help from '~icons/tabler/help';
 	import Metrics from '~icons/tabler/report-analytics';
 	import { daisyColor } from '$lib/DaisyUiHelper';
 	import { analytics } from '$lib/stores/analytics';
@@ -428,6 +429,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >System Metrics</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 
 	<div class="w-full overflow-x-auto">

interface/src/routes/system/status/SystemStatus.svelte

@@ -8,6 +8,7 @@
 	import Spinner from '$lib/components/Spinner.svelte';
 	import { slide } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
+	import Help from '~icons/tabler/help';
 	import CPU from '~icons/tabler/cpu';
 	import CPP from '~icons/tabler/binary';
 	import Power from '~icons/tabler/reload';
@@ -159,6 +160,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >System Status</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 
 	<div class="w-full overflow-x-auto">

interface/src/routes/system/update/GithubFirmwareManager.svelte

@@ -7,6 +7,7 @@
 	import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
 	import Spinner from '$lib/components/Spinner.svelte';
 	import SettingsCard from '$lib/components/SettingsCard.svelte';
+	import Help from '~icons/tabler/help';
 	import Github from '~icons/tabler/brand-github';
 	import CloudDown from '~icons/tabler/cloud-download';
 	import Cancel from '~icons/tabler/x';
@@ -100,6 +101,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >Github Firmware Manager</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	{#await getGithubAPI()}
 		<Spinner />

interface/src/routes/user/+page.svelte

@@ -14,6 +14,7 @@
 	import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
 	import EditUser from './EditUser.svelte';
 	import Spinner from '$lib/components/Spinner.svelte';
+	import Help from '~icons/tabler/help';
 	import Delete from '~icons/tabler/trash';
 	import AddUser from '~icons/tabler/user-plus';
 	import Edit from '~icons/tabler/pencil';
@@ -158,6 +159,7 @@
 					{/snippet}
 			{#snippet title()}
 						<span >Manage Users</span>
+						<div class="absolute right-20"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 					{/snippet}
 			{#await getSecuritySettings()}
 				<Spinner />

interface/src/routes/wifi/ap/Accesspoint.svelte

@@ -8,7 +8,7 @@
 	import { page } from '$app/state';
 	import { notifications } from '$lib/components/toasts/notifications';
 	import Spinner from '$lib/components/Spinner.svelte';
-	import Collapsible from '$lib/components/Collapsible.svelte';
+	import Help from '~icons/tabler/help';
 	import AP from '~icons/tabler/access-point';
 	import MAC from '~icons/tabler/dna-2';
 	import Home from '~icons/tabler/home';
@@ -192,6 +192,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >Access Point</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	<div class="w-full overflow-x-auto">
 		{#await getAPStatus()}

interface/src/routes/wifi/sta/Wifi.svelte

@@ -12,6 +12,7 @@
 	import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
 	import ScanNetworks from './Scan.svelte';
 	import Spinner from '$lib/components/Spinner.svelte';
+	import Help from '~icons/tabler/help';
 	import AP from '~icons/tabler/access-point';
 	import Router from '~icons/tabler/router';
 	import MAC from '~icons/tabler/dna-2';
@@ -321,6 +322,7 @@
 	{/snippet}
 	{#snippet title()}
 		<span >WiFi Connection</span>
+		<div class="absolute right-5"><a href="https://{page.data.github.split("/")[0]}.github.io/{page.data.github.split("/")[1]}{page.url.pathname}" target="_blank" title="Documentation"><Help  class="lex-shrink-0 mr-2 h-6 w-6 self-end" /></a></div>
 	{/snippet}
 	<div class="w-full overflow-x-auto">
 		{#await getWifiStatus()}