Qstick
6 years ago
parent
3beac03c00
commit
54e9f88648
@ -0,0 +1,249 @@
|
|||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import React from 'react';
|
||||||
|
import { Route, Redirect } from 'react-router-dom';
|
||||||
|
import getPathWithUrlBase from 'Utilities/getPathWithUrlBase';
|
||||||
|
import NotFound from 'Components/NotFound';
|
||||||
|
import Switch from 'Components/Router/Switch';
|
||||||
|
import ArtistIndexConnector from 'Artist/Index/ArtistIndexConnector';
|
||||||
|
import AddNewArtistConnector from 'AddArtist/AddNewArtist/AddNewArtistConnector';
|
||||||
|
import ImportArtist from 'AddArtist/ImportArtist/ImportArtist';
|
||||||
|
import ArtistEditorConnector from 'Artist/Editor/ArtistEditorConnector';
|
||||||
|
import AlbumStudioConnector from 'AlbumStudio/AlbumStudioConnector';
|
||||||
|
import ArtistDetailsPageConnector from 'Artist/Details/ArtistDetailsPageConnector';
|
||||||
|
import AlbumDetailsPageConnector from 'Album/Details/AlbumDetailsPageConnector';
|
||||||
|
import CalendarPageConnector from 'Calendar/CalendarPageConnector';
|
||||||
|
import HistoryConnector from 'Activity/History/HistoryConnector';
|
||||||
|
import QueueConnector from 'Activity/Queue/QueueConnector';
|
||||||
|
import BlacklistConnector from 'Activity/Blacklist/BlacklistConnector';
|
||||||
|
import MissingConnector from 'Wanted/Missing/MissingConnector';
|
||||||
|
import CutoffUnmetConnector from 'Wanted/CutoffUnmet/CutoffUnmetConnector';
|
||||||
|
import Settings from 'Settings/Settings';
|
||||||
|
import MediaManagementConnector from 'Settings/MediaManagement/MediaManagementConnector';
|
||||||
|
import Profiles from 'Settings/Profiles/Profiles';
|
||||||
|
import Quality from 'Settings/Quality/Quality';
|
||||||
|
import IndexerSettings from 'Settings/Indexers/IndexerSettings';
|
||||||
|
import DownloadClientSettings from 'Settings/DownloadClients/DownloadClientSettings';
|
||||||
|
import NotificationSettings from 'Settings/Notifications/NotificationSettings';
|
||||||
|
import MetadataSettings from 'Settings/Metadata/MetadataSettings';
|
||||||
|
import GeneralSettingsConnector from 'Settings/General/GeneralSettingsConnector';
|
||||||
|
import UISettingsConnector from 'Settings/UI/UISettingsConnector';
|
||||||
|
import Status from 'System/Status/Status';
|
||||||
|
import TasksConnector from 'System/Tasks/TasksConnector';
|
||||||
|
import BackupsConnector from 'System/Backup/BackupsConnector';
|
||||||
|
import UpdatesConnector from 'System/Updates/UpdatesConnector';
|
||||||
|
import LogsTableConnector from 'System/Events/LogsTableConnector';
|
||||||
|
import Logs from 'System/Logs/Logs';
|
||||||
|
|
||||||
|
function AppRoutes(props) {
|
||||||
|
const {
|
||||||
|
app
|
||||||
|
} = props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Switch>
|
||||||
|
{/*
|
||||||
|
Artist
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
exact={true}
|
||||||
|
path="/"
|
||||||
|
component={ArtistIndexConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{
|
||||||
|
window.Lidarr.urlBase &&
|
||||||
|
<Route
|
||||||
|
exact={true}
|
||||||
|
path="/"
|
||||||
|
addUrlBase={false}
|
||||||
|
render={() => {
|
||||||
|
return (
|
||||||
|
<Redirect
|
||||||
|
to={getPathWithUrlBase('/')}
|
||||||
|
component={app}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/add/new"
|
||||||
|
component={AddNewArtistConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/add/import"
|
||||||
|
component={ImportArtist}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/artisteditor"
|
||||||
|
component={ArtistEditorConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/albumstudio"
|
||||||
|
component={AlbumStudioConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/artist/:foreignArtistId"
|
||||||
|
component={ArtistDetailsPageConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/album/:foreignAlbumId"
|
||||||
|
component={AlbumDetailsPageConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
Calendar
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/calendar"
|
||||||
|
component={CalendarPageConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
Activity
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/activity/history"
|
||||||
|
component={HistoryConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/activity/queue"
|
||||||
|
component={QueueConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/activity/blacklist"
|
||||||
|
component={BlacklistConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
Wanted
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/wanted/missing"
|
||||||
|
component={MissingConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/wanted/cutoffunmet"
|
||||||
|
component={CutoffUnmetConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
Settings
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
exact={true}
|
||||||
|
path="/settings"
|
||||||
|
component={Settings}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/mediamanagement"
|
||||||
|
component={MediaManagementConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/profiles"
|
||||||
|
component={Profiles}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/quality"
|
||||||
|
component={Quality}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/indexers"
|
||||||
|
component={IndexerSettings}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/downloadclients"
|
||||||
|
component={DownloadClientSettings}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/connect"
|
||||||
|
component={NotificationSettings}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/metadata"
|
||||||
|
component={MetadataSettings}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/general"
|
||||||
|
component={GeneralSettingsConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/settings/ui"
|
||||||
|
component={UISettingsConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
System
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/status"
|
||||||
|
component={Status}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/tasks"
|
||||||
|
component={TasksConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/backup"
|
||||||
|
component={BackupsConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/updates"
|
||||||
|
component={UpdatesConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/events"
|
||||||
|
component={LogsTableConnector}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/system/logs/files"
|
||||||
|
component={Logs}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/*
|
||||||
|
Not Found
|
||||||
|
*/}
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="*"
|
||||||
|
component={NotFound}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Switch>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
AppRoutes.propTypes = {
|
||||||
|
app: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default AppRoutes;
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
.button {
|
||||||
|
composes: toolbarButton from 'Components/Page/Toolbar/PageToolbarButton.css';
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelContainer {
|
||||||
|
composes: labelContainer from 'Components/Page/Toolbar/PageToolbarButton.css';
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
composes: label from 'Components/Page/Toolbar/PageToolbarButton.css';
|
||||||
|
}
|
||||||
|
|
||||||
|
.indicatorContainer {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indicatorBackground {
|
||||||
|
color: $themeDarkColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.enabled {
|
||||||
|
color: $successColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled {
|
||||||
|
color: $dangerColor;
|
||||||
|
}
|
||||||
@ -0,0 +1,59 @@
|
|||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import React from 'react';
|
||||||
|
import classNames from 'classnames';
|
||||||
|
import { icons } from 'Helpers/Props';
|
||||||
|
import Icon from 'Components/Icon';
|
||||||
|
import Link from 'Components/Link/Link';
|
||||||
|
import styles from './AdvancedSettingsButton.css';
|
||||||
|
|
||||||
|
function AdvancedSettingsButton(props) {
|
||||||
|
const {
|
||||||
|
advancedSettings,
|
||||||
|
onAdvancedSettingsPress
|
||||||
|
} = props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Link
|
||||||
|
className={styles.button}
|
||||||
|
title={advancedSettings ? 'Shown, click to hide' : 'Hidden, click to show'}
|
||||||
|
onPress={onAdvancedSettingsPress}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
name={icons.ADVANCED_SETTINGS}
|
||||||
|
size={21}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
className={classNames(
|
||||||
|
styles.indicatorContainer,
|
||||||
|
'fa-layers fa-fw'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
className={styles.indicatorBackground}
|
||||||
|
name={icons.CIRCLE}
|
||||||
|
size={16}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Icon
|
||||||
|
className={advancedSettings ? styles.enabled : styles.disabled}
|
||||||
|
name={advancedSettings ? icons.CHECK : icons.CLOSE}
|
||||||
|
size={10}
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div className={styles.labelContainer}>
|
||||||
|
<div className={styles.label}>
|
||||||
|
{advancedSettings ? 'Hide Advanced' : 'Show Advanced'}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
AdvancedSettingsButton.propTypes = {
|
||||||
|
advancedSettings: PropTypes.bool.isRequired,
|
||||||
|
onAdvancedSettingsPress: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default AdvancedSettingsButton;
|
||||||
@ -1,7 +0,0 @@
|
|||||||
.advancedSettings {
|
|
||||||
composes: toolbarButton from 'Components/Page/Toolbar/PageToolbarButton.css';
|
|
||||||
}
|
|
||||||
|
|
||||||
.advancedSettingsEnabled {
|
|
||||||
color: $toobarButtonHoverColor;
|
|
||||||
}
|
|
||||||
@ -1,3 +1,3 @@
|
|||||||
export default function getPathWithUrlBase(path) {
|
export default function getPathWithUrlBase(path) {
|
||||||
return `${window.Sonarr.urlBase}${path}`;
|
return `${window.Lidarr.urlBase}${path}`;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
/* eslint no-undef: 0 */
|
/* eslint no-undef: 0 */
|
||||||
import 'Shims/jquery';
|
import 'Shims/jquery';
|
||||||
|
|
||||||
__webpack_public_path__ = `${window.Sonarr.urlBase}/`;
|
__webpack_public_path__ = `${window.Lidarr.urlBase}/`;
|
||||||
|
|||||||
Loading…
Reference in new issue