You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
3.1 KiB
118 lines
3.1 KiB
import React from 'react';
|
|
import { defineMessages, useIntl } from 'react-intl';
|
|
import NotificationType from './NotificationType';
|
|
|
|
const messages = defineMessages({
|
|
mediarequested: 'Media Requested',
|
|
mediarequestedDescription:
|
|
'Sends a notification when media is requested and requires approval.',
|
|
mediaapproved: 'Media Approved',
|
|
mediaapprovedDescription:
|
|
'Sends a notification when media is approved.\
|
|
By default, automatically approved requests will not trigger notifications.',
|
|
mediaavailable: 'Media Available',
|
|
mediaavailableDescription:
|
|
'Sends a notification when media becomes available.',
|
|
mediafailed: 'Media Failed',
|
|
mediafailedDescription:
|
|
'Sends a notification when media fails to be added to Radarr or Sonarr.',
|
|
mediadeclined: 'Media Declined',
|
|
mediadeclinedDescription: 'Sends a notification when a request is declined.',
|
|
});
|
|
|
|
export const hasNotificationType = (
|
|
types: Notification | Notification[],
|
|
value: number
|
|
): boolean => {
|
|
let total = 0;
|
|
|
|
if (types === 0) {
|
|
return true;
|
|
}
|
|
|
|
if (Array.isArray(types)) {
|
|
total = types.reduce((a, v) => a + v, 0);
|
|
} else {
|
|
total = types;
|
|
}
|
|
|
|
return !!(value & total);
|
|
};
|
|
|
|
export enum Notification {
|
|
MEDIA_PENDING = 2,
|
|
MEDIA_APPROVED = 4,
|
|
MEDIA_AVAILABLE = 8,
|
|
MEDIA_FAILED = 16,
|
|
TEST_NOTIFICATION = 32,
|
|
MEDIA_DECLINED = 64,
|
|
}
|
|
|
|
export interface NotificationItem {
|
|
id: string;
|
|
name: string;
|
|
description: string;
|
|
value: Notification;
|
|
children?: NotificationItem[];
|
|
}
|
|
|
|
interface NotificationTypeSelectorProps {
|
|
currentTypes: number;
|
|
onUpdate: (newTypes: number) => void;
|
|
}
|
|
|
|
const NotificationTypeSelector: React.FC<NotificationTypeSelectorProps> = ({
|
|
currentTypes,
|
|
onUpdate,
|
|
}) => {
|
|
const intl = useIntl();
|
|
|
|
const types: NotificationItem[] = [
|
|
{
|
|
id: 'media-requested',
|
|
name: intl.formatMessage(messages.mediarequested),
|
|
description: intl.formatMessage(messages.mediarequestedDescription),
|
|
value: Notification.MEDIA_PENDING,
|
|
},
|
|
{
|
|
id: 'media-approved',
|
|
name: intl.formatMessage(messages.mediaapproved),
|
|
description: intl.formatMessage(messages.mediaapprovedDescription),
|
|
value: Notification.MEDIA_APPROVED,
|
|
},
|
|
{
|
|
id: 'media-declined',
|
|
name: intl.formatMessage(messages.mediadeclined),
|
|
description: intl.formatMessage(messages.mediadeclinedDescription),
|
|
value: Notification.MEDIA_DECLINED,
|
|
},
|
|
{
|
|
id: 'media-available',
|
|
name: intl.formatMessage(messages.mediaavailable),
|
|
description: intl.formatMessage(messages.mediaavailableDescription),
|
|
value: Notification.MEDIA_AVAILABLE,
|
|
},
|
|
{
|
|
id: 'media-failed',
|
|
name: intl.formatMessage(messages.mediafailed),
|
|
description: intl.formatMessage(messages.mediafailedDescription),
|
|
value: Notification.MEDIA_FAILED,
|
|
},
|
|
];
|
|
|
|
return (
|
|
<>
|
|
{types.map((type) => (
|
|
<NotificationType
|
|
key={`notification-type-${type.id}`}
|
|
option={type}
|
|
currentTypes={currentTypes}
|
|
onUpdate={onUpdate}
|
|
/>
|
|
))}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default NotificationTypeSelector;
|