diff --git a/src/components/AppShelf/AddAppShelfItem.tsx b/src/components/AppShelf/AddAppShelfItem.tsx
index 1106bb0db..e1d70382d 100644
--- a/src/components/AppShelf/AddAppShelfItem.tsx
+++ b/src/components/AppShelf/AddAppShelfItem.tsx
@@ -12,6 +12,8 @@ import {
Title,
Anchor,
Text,
+ Tabs,
+ MultiSelect,
} from '@mantine/core';
import { useForm } from '@mantine/form';
import { useEffect, useState } from 'react';
@@ -19,7 +21,7 @@ import { IconApps as Apps } from '@tabler/icons';
import { v4 as uuidv4 } from 'uuid';
import { useDebouncedValue } from '@mantine/hooks';
import { useConfig } from '../../tools/state';
-import { ServiceTypeList } from '../../tools/types';
+import { ServiceTypeList, statusCodes, targets } from '../../tools/types';
export function AddItemShelfButton(props: any) {
const [opened, setOpened] = useState(false);
@@ -113,6 +115,8 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
username: props.username ?? (undefined as unknown as string),
password: props.password ?? (undefined as unknown as string),
openedUrl: props.openedUrl ?? (undefined as unknown as string),
+ status: props.status ?? ['200'],
+ target: props.target ?? '_blank',
},
validate: {
apiKey: () => null,
@@ -133,6 +137,12 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
}
return null;
},
+ status: (value: string[]) => {
+ if (!value.length) {
+ return 'Please select a status code';
+ }
+ return null;
+ },
},
});
@@ -191,117 +201,165 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
form.reset();
})}
>
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/components/AppShelf/AppShelfItem.tsx b/src/components/AppShelf/AppShelfItem.tsx
index ea8fb4fce..c1cfdf6a2 100644
--- a/src/components/AppShelf/AppShelfItem.tsx
+++ b/src/components/AppShelf/AppShelfItem.tsx
@@ -83,7 +83,7 @@ export function AppShelfItem(props: any) {
>
@@ -127,13 +127,18 @@ export function AppShelfItem(props: any) {
src={service.icon}
fit="contain"
onClick={() => {
- if (service.openedUrl) window.open(service.openedUrl, '_blank');
- else window.open(service.url);
+ if (service.target === undefined || service.target === '_blank') {
+ if (service.openedUrl) window.open(service.openedUrl, '_blank');
+ else window.open(service.url);
+ } else {
+ if (service.openedUrl) window.location.href = service.openedUrl;
+ else window.location.href = service.url;
+ }
}}
/>
-
+
diff --git a/src/components/AppShelf/AppShelfMenu.tsx b/src/components/AppShelf/AppShelfMenu.tsx
index 824b9ae7a..84f573756 100644
--- a/src/components/AppShelf/AppShelfMenu.tsx
+++ b/src/components/AppShelf/AppShelfMenu.tsx
@@ -32,6 +32,8 @@ export default function AppShelfMenu(props: any) {
username={service.username}
password={service.password}
openedUrl={service.openedUrl}
+ status={service.status}
+ target={service.target}
message="Save service"
/>
diff --git a/src/components/modules/ping/PingModule.story.tsx b/src/components/modules/ping/PingModule.story.tsx
index 52a832da5..f00ca085a 100644
--- a/src/components/modules/ping/PingModule.story.tsx
+++ b/src/components/modules/ping/PingModule.story.tsx
@@ -11,6 +11,7 @@ const service: serviceItem = {
name: 'YouTube',
icon: 'https://cdn.jsdelivr.net/gh/walkxhub/dashboard-icons/png/youtube.png',
url: 'https://youtube.com/',
+ status: ['200'],
};
export const Default = (args: any) => ;
diff --git a/src/components/modules/ping/PingModule.tsx b/src/components/modules/ping/PingModule.tsx
index c7586f538..b77d8c2fd 100644
--- a/src/components/modules/ping/PingModule.tsx
+++ b/src/components/modules/ping/PingModule.tsx
@@ -1,5 +1,5 @@
import { Indicator, Tooltip } from '@mantine/core';
-import axios from 'axios';
+import axios, { AxiosResponse } from 'axios';
import { motion } from 'framer-motion';
import { useEffect, useState } from 'react';
import { IconPlug as Plug } from '@tabler/icons';
@@ -19,18 +19,37 @@ export default function PingComponent(props: any) {
const { url }: { url: string } = props;
const [isOnline, setOnline] = useState('loading');
+ const [response, setResponse] = useState(500);
const exists = config.modules?.[PingModule.title]?.enabled ?? false;
+
+ function statusCheck(response: AxiosResponse) {
+ const { status }: {status: string[]} = props;
+ //Default Status
+ let acceptableStatus = ['200'];
+ if (status !== undefined && status.length) {
+ acceptableStatus = status;
+ }
+ // Checks if reported status is in acceptable status array
+ if (acceptableStatus.indexOf((response.status).toString()) >= 0) {
+ setOnline('online');
+ setResponse(response.status);
+ } else {
+ setOnline('down');
+ setResponse(response.status)
+ }
+ }
+
useEffect(() => {
if (!exists) {
return;
}
axios
.get('/api/modules/ping', { params: { url } })
- .then(() => {
- setOnline('online');
+ .then((response) => {
+ statusCheck(response);
})
- .catch(() => {
- setOnline('down');
+ .catch((error) => {
+ statusCheck(error.response);
});
}, [config.modules?.[PingModule.title]?.enabled]);
if (!exists) {
@@ -40,7 +59,7 @@ export default function PingComponent(props: any) {
{
- res.status(200).json(response.data);
+ res.status(response.status).json(response.statusText);
})
.catch((error) => {
- res.status(500).json(error);
+ res.status(error.response.status).json(error.response.statusText);
});
// // Make a request to the URL
// const response = await axios.get(url);
diff --git a/src/tools/types.ts b/src/tools/types.ts
index 92d5345ac..dedff307d 100644
--- a/src/tools/types.ts
+++ b/src/tools/types.ts
@@ -31,6 +31,32 @@ interface ConfigModule {
};
}
+export const statusCodes = [
+ {value: '200', label: '200 - OK', group:'Sucessful responses'},
+ {value: '204', label: '204 - No Content', group:'Sucessful responses'},
+ {value: '301', label: '301 - Moved Permanently', group:'Redirection responses'},
+ {value: '302', label: '302 - Found / Moved Temporarily', group:'Redirection responses'},
+ {value: '304', label: '304 - Not Modified', group:'Redirection responses'},
+ {value: '307', label: '307 - Temporary Redirect', group:'Redirection responses'},
+ {value: '308', label: '308 - Permanent Redirect', group:'Redirection responses'},
+ {value: '400', label: '400 - Bad Request', group:'Client error responses'},
+ {value: '401', label: '401 - Unauthorized', group:'Client error responses'},
+ {value: '403', label: '403 - Forbidden', group:'Client error responses'},
+ {value: '404', label: '404 - Not Found', group:'Client error responses'},
+ {value: '408', label: '408 - Request Timeout', group:'Client error responses'},
+ {value: '410', label: '410 - Gone', group:'Client error responses'},
+ {value: '429', label: '429 - Too Many Requests', group:'Client error responses'},
+ {value: '500', label: '500 - Internal Server Error', group:'Server error responses'},
+ {value: '502', label: '502 - Bad Gateway', group:'Server error responses'},
+ {value: '503', label: '503 - Service Unavailable', group:'Server error responses'},
+ {value: '054', label: '504 - Gateway Timeout Error', group:'Server error responses'},
+ ];
+
+export const targets = [
+ {value: '_blank', label: 'New Tab'},
+ {value: '_top', label: 'Same Window'}
+]
+
export const ServiceTypeList = [
'Other',
'Emby',
@@ -66,4 +92,6 @@ export interface serviceItem {
password?: string;
username?: string;
openedUrl?: string;
+ status: string[];
+ target: string;
}