RouterUI/router-ui-frontend
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Added database, made minor fixes

Browse source
This commit is contained in:
Patrick Hatsune 2024-09-15 05:24:56 -07:00
parent b5ecc91b32
commit 1cd033204a
Signed by: keyemail
GPG key ID: 6FD1A0FDB0D914C2
2 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/pages/basicDashboard/Overview.vue
View file

@ -10,6 +10,7 @@
import guestNetworkIcon from '@/assets/overviewSvgs/GuestNetwork.svg' import guestNetworkIcon from '@/assets/overviewSvgs/GuestNetwork.svg'
interface statusColorsType { interface statusColorsType {
[key: string]: string;
goodStatus: string; goodStatus: string;
warningStatus: string; warningStatus: string;
badStatus: string; badStatus: string;
@ -41,14 +42,14 @@
name: "Internet", name: "Internet",
link: "/basic/internet", link: "/basic/internet",
icon: internetIcon, icon: internetIcon,
statusColor: statusColors.goodStatus, statusColor: statusColors[response.data.internetStatus],
statusMessage: `Online: ${response.data.internetMode}`, statusMessage: `${response.data.internetMode} ${response.data.internetPort}`,
}, },
{ {
name: "Wifi", name: "Wifi",
link: "/basic/wireless", link: "/basic/wireless",
icon: wifiIcon, icon: wifiIcon,
statusColor: statusColors.warningStatus, statusColor: statusColors[response.data.wifiModeStatus],
statusMessage: `5Ghz: ${response.data.wifiMode5Ghz} | 2.4Ghz: ${response.data.wifiMode2Ghz}`, statusMessage: `5Ghz: ${response.data.wifiMode5Ghz} | 2.4Ghz: ${response.data.wifiMode2Ghz}`,
}, },
{ {
@ -58,26 +59,26 @@
statusColor: null, statusColor: null,
statusMessage: `Online: ${response.data.devices}`, statusMessage: `Online: ${response.data.devices}`,
}, },
{
name: "File Sharing",
link: "/basic/fileshare",
icon: fileSharingIcon,
statusColor: statusColors.badStatus,
statusMessage: `${response.data.fileShare}`,
},
{ {
name: "QoS", name: "QoS",
link: "/basic/qos", link: "/basic/qos",
icon: qosIcon, icon: qosIcon,
statusColor: statusColors.goodStatus, statusColor: statusColors[response.data.qosStatus],
statusMessage: `${response.data.qos}`, statusMessage: `${response.data.qosMode}`,
},
{
name: "File Sharing",
link: "/basic/fileshare",
icon: fileSharingIcon,
statusColor: statusColors[response.data.fileShareStatus],
statusMessage: `${response.data.fileShareMode}`,
}, },
{ {
name: "Guest Network", name: "Guest Network",
link: "/basic/guestnetwork", link: "/basic/guestnetwork",
icon: guestNetworkIcon, icon: guestNetworkIcon,
statusColor: statusColors.badStatus, statusColor: statusColors[response.data.guestNetworkStatus],
statusMessage: `${response.data.guestNetwork}`, statusMessage: `${response.data.guestNetworkMode}`,
} }
]; ];
} catch (error) { } catch (error) {

1
src/styles/main.css
View file

@ -33,6 +33,7 @@ body {
font-family: Noto-Sans, sans-serif; font-family: Noto-Sans, sans-serif;
min-height: 100vh; min-height: 100vh;
padding: var(--padding); padding: var(--padding);
overflow-x: hidden;
} }
a { a {