🍧 Collects all icons
This commit is contained in:
@@ -8,13 +8,10 @@
|
||||
import { page } from '$app/stores';
|
||||
import { notifications } from '$lib/components/toasts/notifications';
|
||||
import Spinner from '$lib/components/Spinner.svelte';
|
||||
import AP from '~icons/tabler/access-point';
|
||||
import MAC from '~icons/tabler/dna-2';
|
||||
import Home from '~icons/tabler/home';
|
||||
import Devices from '~icons/tabler/devices';
|
||||
import type { ApSettings, ApStatus } from '$lib/types/models';
|
||||
import { api } from '$lib/api';
|
||||
import { useFeatureFlags } from '$lib/stores';
|
||||
import { AP, Devices, Home, MAC } from '$lib/components/icons';
|
||||
|
||||
const features = useFeatureFlags();
|
||||
|
||||
|
||||
@@ -2,15 +2,12 @@
|
||||
import { closeModal } from 'svelte-modals';
|
||||
import { focusTrap } from 'svelte-focus-trap';
|
||||
import { fly } from 'svelte/transition';
|
||||
import Network from '~icons/tabler/router';
|
||||
import AP from '~icons/tabler/access-point';
|
||||
import Cancel from '~icons/tabler/x';
|
||||
import Reload from '~icons/tabler/reload';
|
||||
|
||||
import { onMount, onDestroy } from 'svelte';
|
||||
import RssiIndicator from '$lib/components/statusbar/RSSIIndicator.svelte';
|
||||
import type { NetworkItem } from '$lib/types/models';
|
||||
import type { NetworkItem, NetworkList } from '$lib/types/models';
|
||||
import { api } from '$lib/api';
|
||||
import type { NetworkList } from '$lib/types/models';
|
||||
import { AP, Network, Reload, Cancel } from '$lib/components/icons';
|
||||
|
||||
// provided by <Modals />
|
||||
export let isOpen: boolean;
|
||||
@@ -115,8 +112,7 @@
|
||||
<div class="flex-grow" />
|
||||
<RssiIndicator
|
||||
showDBm={true}
|
||||
rssi_dbm={network.rssi}
|
||||
class="text-base-content h-10 w-10"
|
||||
rssi={network.rssi}
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -14,29 +14,31 @@
|
||||
import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
|
||||
import ScanNetworks from './Scan.svelte';
|
||||
import Spinner from '$lib/components/Spinner.svelte';
|
||||
import AP from '~icons/tabler/access-point';
|
||||
import Router from '~icons/tabler/router';
|
||||
import MAC from '~icons/tabler/dna-2';
|
||||
import Home from '~icons/tabler/home';
|
||||
import WiFi from '~icons/tabler/wifi';
|
||||
import SSID from '~icons/tabler/router';
|
||||
import Down from '~icons/tabler/chevron-down';
|
||||
import DNS from '~icons/tabler/address-book';
|
||||
import Gateway from '~icons/tabler/torii';
|
||||
import Subnet from '~icons/tabler/grid-dots';
|
||||
import Channel from '~icons/tabler/antenna';
|
||||
import Scan from '~icons/tabler/radar-2';
|
||||
import Add from '~icons/tabler/circle-plus';
|
||||
import Edit from '~icons/tabler/pencil';
|
||||
import Delete from '~icons/tabler/trash';
|
||||
import Cancel from '~icons/tabler/x';
|
||||
import Check from '~icons/tabler/check';
|
||||
import InfoDialog from '$lib/components/InfoDialog.svelte';
|
||||
import type { KnownNetworkItem, WifiSettings, WifiStatus } from '$lib/types/models';
|
||||
import { socket, useFeatureFlags } from '$lib/stores';
|
||||
import { api } from '$lib/api';
|
||||
import {
|
||||
Cancel,
|
||||
Delete,
|
||||
Check,
|
||||
Router,
|
||||
AP,
|
||||
SSID,
|
||||
Home,
|
||||
WiFi,
|
||||
Down,
|
||||
MAC,
|
||||
Channel,
|
||||
Gateway,
|
||||
Subnet,
|
||||
DNS,
|
||||
Add,
|
||||
Scan,
|
||||
Edit
|
||||
} from '$lib/components/icons';
|
||||
|
||||
const features = useFeatureFlags();
|
||||
const features = useFeatureFlags();
|
||||
|
||||
let networkEditable: KnownNetworkItem = {
|
||||
ssid: '',
|
||||
@@ -49,7 +51,7 @@
|
||||
dns_ip_2: undefined
|
||||
};
|
||||
|
||||
let static_ip_config = false
|
||||
let static_ip_config = false;
|
||||
|
||||
let newNetwork: boolean = true;
|
||||
let showNetworkEditor: boolean = false;
|
||||
@@ -75,44 +77,44 @@
|
||||
let formErrorhostname = false;
|
||||
|
||||
async function getWifiStatus() {
|
||||
const result = await api.get<WifiStatus>('/api/wifiStatus');
|
||||
if (result.isErr()){
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
return
|
||||
}
|
||||
wifiStatus = result.inner
|
||||
const result = await api.get<WifiStatus>('/api/wifiStatus');
|
||||
if (result.isErr()) {
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
return;
|
||||
}
|
||||
wifiStatus = result.inner;
|
||||
return wifiStatus;
|
||||
}
|
||||
|
||||
async function getWifiSettings() {
|
||||
const result = await api.get<WifiSettings>('/api/wifiSettings');
|
||||
if (result.isErr()){
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
return
|
||||
}
|
||||
wifiSettings = result.inner
|
||||
dndNetworkList = wifiSettings.wifi_networks;
|
||||
const result = await api.get<WifiSettings>('/api/wifiSettings');
|
||||
if (result.isErr()) {
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
return;
|
||||
}
|
||||
wifiSettings = result.inner;
|
||||
dndNetworkList = wifiSettings.wifi_networks;
|
||||
return wifiSettings;
|
||||
}
|
||||
|
||||
onDestroy(() => socket.off('WiFiSettings'));
|
||||
|
||||
onMount(() => {
|
||||
socket.on<WifiSettings>('WiFiSettings', (data) => {
|
||||
wifiSettings = data
|
||||
dndNetworkList = wifiSettings.wifi_networks
|
||||
})
|
||||
socket.on<WifiSettings>('WiFiSettings', (data) => {
|
||||
wifiSettings = data;
|
||||
dndNetworkList = wifiSettings.wifi_networks;
|
||||
});
|
||||
});
|
||||
|
||||
async function postWiFiSettings(data: WifiSettings) {
|
||||
const result = await api.post<WifiSettings>('/api/wifiSettings', data);
|
||||
if (result.isErr()){
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
notifications.error('User not authorized.', 3000);
|
||||
return
|
||||
}
|
||||
wifiSettings = result.inner
|
||||
notifications.success('Wi-Fi settings updated.', 3000);
|
||||
const result = await api.post<WifiSettings>('/api/wifiSettings', data);
|
||||
if (result.isErr()) {
|
||||
console.error(`Error occurred while fetching: `, result.inner);
|
||||
notifications.error('User not authorized.', 3000);
|
||||
return;
|
||||
}
|
||||
wifiSettings = result.inner;
|
||||
notifications.success('Wi-Fi settings updated.', 3000);
|
||||
}
|
||||
|
||||
function validateHostName() {
|
||||
@@ -139,7 +141,7 @@
|
||||
formErrors.ssid = false;
|
||||
}
|
||||
|
||||
networkEditable.static_ip_config = static_ip_config;
|
||||
networkEditable.static_ip_config = static_ip_config;
|
||||
|
||||
if (networkEditable.static_ip_config) {
|
||||
// RegEx for IPv4
|
||||
@@ -736,4 +738,4 @@
|
||||
{/await}
|
||||
</div>
|
||||
{/if}
|
||||
</SettingsCard>
|
||||
</SettingsCard>
|
||||
|
||||
Reference in New Issue
Block a user