Add translations to System screens

frontend/src/System/Backup/BackupRow.js

@@ -9,6 +9,7 @@ import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
 import { icons, kinds } from 'Helpers/Props';
 import formatBytes from 'Utilities/Number/formatBytes';
+import translate from 'Utilities/String/translate';
 import RestoreBackupModalConnector from './RestoreBackupModalConnector';
 import styles from './BackupRow.css';
 
@@ -75,14 +76,14 @@ class BackupRow extends Component {
     } = this.state;
 
     let iconClassName = icons.SCHEDULED;
-    let iconTooltip = 'Scheduled';
+    let iconTooltip = translate('Scheduled');
 
     if (type === 'manual') {
       iconClassName = icons.INTERACTIVE;
-      iconTooltip = 'Manual';
+      iconTooltip = translate('Manual');
     } else if (type === 'update') {
       iconClassName = icons.UPDATE;
-      iconTooltip = 'Before update';
+      iconTooltip = translate('BeforeUpdate');
     }
 
     return (
@@ -120,7 +121,7 @@ class BackupRow extends Component {
           />
 
           <IconButton
-            title="Delete backup"
+            title={translate('DeleteBackup')}
             name={icons.DELETE}
             onPress={this.onDeletePress}
           />
@@ -136,9 +137,9 @@ class BackupRow extends Component {
         <ConfirmModal
           isOpen={isConfirmDeleteModalOpen}
           kind={kinds.DANGER}
-          title="Delete Backup"
+          title={translate('DeleteBackup')}
-          message={`Are you sure you want to delete the backup '${name}'?`}
+          message={translate('DeleteBackupMessageText', [name])}
-          confirmLabel="Delete"
+          confirmLabel={translate('Delete')}
           onConfirm={this.onConfirmDeletePress}
           onCancel={this.onConfirmDeleteModalClose}
         />

frontend/src/System/Backup/Backups.js

@@ -10,6 +10,7 @@ import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
 import { icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import BackupRow from './BackupRow';
 import RestoreBackupModalConnector from './RestoreBackupModalConnector';
 
@@ -20,17 +21,17 @@ const columns = [
   },
   {
     name: 'name',
-    label: 'Name',
+    label: translate('Name'),
     isVisible: true
   },
   {
     name: 'size',
-    label: 'Size',
+    label: translate('Size'),
     isVisible: true
   },
   {
     name: 'time',
-    label: 'Time',
+    label: translate('Time'),
     isVisible: true
   },
   {
@@ -81,18 +82,18 @@ class Backups extends Component {
     const noBackups = isPopulated && !items.length;
 
     return (
-      <PageContent title="Backups">
+      <PageContent title={translate('Backups')}>
         <PageToolbar>
           <PageToolbarSection>
             <PageToolbarButton
-              label="Backup Now"
+              label={translate('BackupNow')}
               iconName={icons.BACKUP}
               isSpinning={backupExecuting}
               onPress={onBackupPress}
             />
 
             <PageToolbarButton
-              label="Restore Backup"
+              label={translate('RestoreBackup')}
               iconName={icons.RESTORE}
               onPress={this.onRestorePress}
             />
@@ -108,14 +109,14 @@ class Backups extends Component {
           {
             !isFetching && !!error &&
               <Alert kind={kinds.DANGER}>
-                Unable to load backups
+                {translate('UnableToLoadBackups')}
               </Alert>
           }
 
           {
             noBackups &&
               <Alert kind={kinds.INFO}>
-                No backups are available
+                {translate('NoBackupsAreAvailable')}
               </Alert>
           }
 

frontend/src/System/Backup/RestoreBackupModalContent.js

@@ -9,11 +9,12 @@ import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
 import { icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import styles from './RestoreBackupModalContent.css';
 
 function getErrorMessage(error) {
   if (!error || !error.responseJSON || !error.responseJSON.message) {
-    return 'Error restoring backup';
+    return translate('ErrorRestoringBackup');
   }
 
   return error.responseJSON.message;
@@ -145,7 +146,7 @@ class RestoreBackupModalContent extends Component {
 
         <ModalBody>
           {
-            !!id && `Would you like to restore the backup '${name}'?`
+            !!id && translate('WouldYouLikeToRestoreBackup', [name])
           }
 
           {
@@ -167,7 +168,9 @@ class RestoreBackupModalContent extends Component {
                 />
               </div>
 
-              <div>Restore</div>
+              <div>
+                {translate('Restore')}
+              </div>
             </div>
 
             <div className={styles.step}>
@@ -178,7 +181,9 @@ class RestoreBackupModalContent extends Component {
                 />
               </div>
 
-              <div>Restart</div>
+              <div>
+                {translate('Restart')}
+              </div>
             </div>
 
             <div className={styles.step}>
@@ -189,18 +194,20 @@ class RestoreBackupModalContent extends Component {
                 />
               </div>
 
-              <div>Reload</div>
+              <div>
+                {translate('Reload')}
+              </div>
             </div>
           </div>
         </ModalBody>
 
         <ModalFooter>
           <div className={styles.additionalInfo}>
-            Note: Sonarr will automatically restart and reload the UI during the restore process.
+            {translate('RestartReloadNote')}
           </div>
 
           <Button onPress={onModalClose}>
-            Cancel
+            {translate('Cancel')}
           </Button>
 
           <SpinnerButton
@@ -209,7 +216,7 @@ class RestoreBackupModalContent extends Component {
             isSpinning={isRestoring}
             onPress={this.onRestorePress}
           >
-            Restore
+            {translate('Restore')}
           </SpinnerButton>
         </ModalFooter>
       </ModalContent>

frontend/src/System/Events/LogsTable.js

@@ -13,6 +13,7 @@ import TableBody from 'Components/Table/TableBody';
 import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
 import TablePager from 'Components/Table/TablePager';
 import { align, icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import LogsTableRow from './LogsTableRow';
 
 function LogsTable(props) {
@@ -33,11 +34,11 @@ function LogsTable(props) {
   } = props;
 
   return (
-    <PageContent title="Logs">
+    <PageContent title={translate('Logs')}>
       <PageToolbar>
         <PageToolbarSection>
           <PageToolbarButton
-            label="Refresh"
+            label={translate('Refresh')}
             iconName={icons.REFRESH}
             spinningName={icons.REFRESH}
             isSpinning={isFetching}
@@ -45,7 +46,7 @@ function LogsTable(props) {
           />
 
           <PageToolbarButton
-            label="Clear"
+            label={translate('Clear')}
             iconName={icons.CLEAR}
             isSpinning={clearLogExecuting}
             onPress={onClearLogsPress}
@@ -59,7 +60,7 @@ function LogsTable(props) {
             canModifyColumns={false}
           >
             <PageToolbarButton
-              label="Options"
+              label={translate('Options')}
               iconName={icons.TABLE}
             />
           </TableOptionsModalWrapper>
@@ -83,7 +84,7 @@ function LogsTable(props) {
         {
           isPopulated && !error && !items.length &&
             <Alert kind={kinds.INFO}>
-              No events found
+              {translate('NoEventsFound')}
             </Alert>
         }
 

frontend/src/System/Events/LogsTableDetailsModal.js

@@ -8,6 +8,7 @@ import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
 import Scroller from 'Components/Scroller/Scroller';
 import { scrollDirections } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import styles from './LogsTableDetailsModal.css';
 
 function LogsTableDetailsModal(props) {
@@ -27,11 +28,13 @@ function LogsTableDetailsModal(props) {
         onModalClose={onModalClose}
       >
         <ModalHeader>
-          Details
+          {translate('Details')}
         </ModalHeader>
 
         <ModalBody>
-          <div>Message</div>
+          <div>
+            {translate('Message')}
+          </div>
 
           <Scroller
             className={styles.detailsText}
@@ -43,7 +46,9 @@ function LogsTableDetailsModal(props) {
           {
             !!exception &&
               <div>
-                <div>Exception</div>
+                <div>
+                  {translate('Exception')}
+                </div>
                 <Scroller
                   className={styles.detailsText}
                   scrollDirection={scrollDirections.HORIZONTAL}
@@ -56,7 +61,7 @@ function LogsTableDetailsModal(props) {
 
         <ModalFooter>
           <Button onPress={onModalClose}>
-            Close
+            {translate('Close')}
           </Button>
         </ModalFooter>
       </ModalContent>

frontend/src/System/Logs/Files/LogFiles.js

@@ -12,18 +12,19 @@ import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
 import { icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import LogsNavMenu from '../LogsNavMenu';
 import LogFilesTableRow from './LogFilesTableRow';
 
 const columns = [
   {
     name: 'filename',
-    label: 'Filename',
+    label: translate('Filename'),
     isVisible: true
   },
   {
     name: 'lastWriteTime',
-    label: 'Last Write Time',
+    label: translate('LastWriteTime'),
     isVisible: true
   },
   {
@@ -50,7 +51,7 @@ class LogFiles extends Component {
     } = this.props;
 
     return (
-      <PageContent title="Log Files">
+      <PageContent title={translate('LogFiles')}>
         <PageToolbar>
           <PageToolbarSection>
             <LogsNavMenu current={currentLogView} />
@@ -58,7 +59,7 @@ class LogFiles extends Component {
             <PageToolbarSeparator />
 
             <PageToolbarButton
-              label="Refresh"
+              label={translate('Refresh')}
               iconName={icons.REFRESH}
               spinningName={icons.REFRESH}
               isSpinning={isFetching}
@@ -66,7 +67,7 @@ class LogFiles extends Component {
             />
 
             <PageToolbarButton
-              label="Clear"
+              label={translate('Clear')}
               iconName={icons.CLEAR}
               isSpinning={deleteFilesExecuting}
               onPress={onDeleteFilesPress}
@@ -76,13 +77,13 @@ class LogFiles extends Component {
         <PageContentBody>
           <Alert>
             <div>
-              Log files are located in: {location}
+              {translate('LogFilesLocation')}: {location}
             </div>
 
             {
               currentLogView === 'Log Files' &&
                 <div>
-                  The log level defaults to 'Info' and can be changed in <Link to="/settings/general">General Settings</Link>
+                  {translate('TheLogLevelDefault')}  <Link to="/settings/general">{translate('GeneralSettings')}</Link>
                 </div>
             }
           </Alert>
@@ -118,7 +119,7 @@ class LogFiles extends Component {
           {
             !isFetching && !items.length &&
               <Alert kind={kinds.INFO}>
-                No log files
+                {translate('NoLogFiles')}
               </Alert>
           }
         </PageContentBody>

frontend/src/System/Logs/Files/LogFilesConnector.js

@@ -7,6 +7,7 @@ import { executeCommand } from 'Store/Actions/commandActions';
 import { fetchLogFiles } from 'Store/Actions/systemActions';
 import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
 import combinePath from 'Utilities/String/combinePath';
+import translate from 'Utilities/String/translate';
 import LogFiles from './LogFiles';
 
 function createMapStateToProps() {
@@ -29,7 +30,7 @@ function createMapStateToProps() {
         isFetching,
         items,
         deleteFilesExecuting,
-        currentLogView: 'Log Files',
+        currentLogView: translate('LogFiles'),
         location: combinePath(isWindows, appData, ['logs'])
       };
     }

frontend/src/System/Logs/Files/LogFilesTableRow.js

@@ -4,6 +4,7 @@ import Link from 'Components/Link/Link';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableRow from 'Components/Table/TableRow';
+import translate from 'Utilities/String/translate';
 import styles from './LogFilesTableRow.css';
 
 class LogFilesTableRow extends Component {
@@ -32,7 +33,7 @@ class LogFilesTableRow extends Component {
             target="_blank"
             noRouter={true}
           >
-            Download
+            {translate('Download')}
           </Link>
         </TableRowCell>
       </TableRow>

frontend/src/System/Logs/LogsNavMenu.js

@@ -4,6 +4,7 @@ import Menu from 'Components/Menu/Menu';
 import MenuButton from 'Components/Menu/MenuButton';
 import MenuContent from 'Components/Menu/MenuContent';
 import MenuItem from 'Components/Menu/MenuItem';
+import translate from 'Utilities/String/translate';
 
 class LogsNavMenu extends Component {
 
@@ -50,13 +51,13 @@ class LogsNavMenu extends Component {
           <MenuItem
             to={'/system/logs/files'}
           >
-            Log Files
+            {translate('Log Files')}
           </MenuItem>
 
           <MenuItem
             to={'/system/logs/files/update'}
           >
-            Updater Log Files
+            {translate('Updater Log Files')}
           </MenuItem>
         </MenuContent>
       </Menu>

frontend/src/System/Status/About/About.js

@@ -5,6 +5,7 @@ import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem'
 import FieldSet from 'Components/FieldSet';
 import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
 import titleCase from 'Utilities/String/titleCase';
+import translate from 'Utilities/String/translate';
 import StartTime from './StartTime';
 import styles from './About.css';
 
@@ -30,25 +31,25 @@ class About extends Component {
     } = this.props;
 
     return (
-      <FieldSet legend="About">
+      <FieldSet legend={translate('About')}>
         <DescriptionList className={styles.descriptionList}>
           <DescriptionListItem
-            title="Version"
+            title={translate('Version')}
             data={version}
           />
 
           {
             packageVersion &&
               <DescriptionListItem
-                title="Package Version"
+                title={translate('PackageVersion')}
-                data={(packageAuthor ? <span> {packageVersion} {' by '} <InlineMarkdown data={packageAuthor} /> </span> : packageVersion)}
+                data={(packageAuthor ? <span> {packageVersion} {translate('by')} <InlineMarkdown data={packageAuthor} /> </span> : packageVersion)}
               />
           }
 
           {
             isNetCore &&
               <DescriptionListItem
-                title=".Net Version"
+                title={translate('NetCore')}
                 data={`Yes (${runtimeVersion})`}
               />
           }
@@ -56,28 +57,28 @@ class About extends Component {
           {
             isDocker &&
               <DescriptionListItem
-                title="Docker"
+                title={translate('Docker')}
                 data={'Yes'}
               />
           }
 
           <DescriptionListItem
-            title="AppData directory"
+            title={translate('AppDataDirectory')}
             data={appData}
           />
 
           <DescriptionListItem
-            title="Startup directory"
+            title={translate('StartupDirectory')}
             data={startupPath}
           />
 
           <DescriptionListItem
-            title="Mode"
+            title={translate('Mode')}
             data={titleCase(mode)}
           />
 
           <DescriptionListItem
-            title="Uptime"
+            title={translate('Uptime')}
             data={
               <StartTime
                 startTime={startTime}

frontend/src/System/Status/DiskSpace/DiskSpace.js

@@ -9,22 +9,23 @@ import TableBody from 'Components/Table/TableBody';
 import TableRow from 'Components/Table/TableRow';
 import { kinds, sizes } from 'Helpers/Props';
 import formatBytes from 'Utilities/Number/formatBytes';
+import translate from 'Utilities/String/translate';
 import styles from './DiskSpace.css';
 
 const columns = [
   {
     name: 'path',
-    label: 'Location',
+    label: translate('Location'),
     isVisible: true
   },
   {
     name: 'freeSpace',
-    label: 'Free Space',
+    label: translate('FreeSpace'),
     isVisible: true
   },
   {
     name: 'totalSpace',
-    label: 'Total Space',
+    label: translate('TotalSpace'),
     isVisible: true
   },
   {
@@ -45,7 +46,7 @@ class DiskSpace extends Component {
     } = this.props;
 
     return (
-      <FieldSet legend="Disk Space">
+      <FieldSet legend={translate('DiskSpace')}>
         {
           isFetching &&
             <LoadingIndicator />

frontend/src/System/Status/Health/Health.js

@@ -11,6 +11,7 @@ import TableBody from 'Components/Table/TableBody';
 import TableRow from 'Components/Table/TableRow';
 import { icons, kinds } from 'Helpers/Props';
 import titleCase from 'Utilities/String/titleCase';
+import translate from 'Utilities/String/translate';
 import styles from './Health.css';
 
 function getInternalLink(source) {
@@ -23,7 +24,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.SETTINGS}
-          title="Settings"
+          title={translate('Settings')}
           to="/settings/indexers"
         />
       );
@@ -33,7 +34,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.SETTINGS}
-          title="Settings"
+          title={translate('Settings')}
           to="/settings/downloadclients"
         />
       );
@@ -41,7 +42,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.SERIES_CONTINUING}
-          title="Series Editor"
+          title={translate('SeriesEditor')}
           to="/serieseditor"
         />
       );
@@ -49,7 +50,7 @@ function getInternalLink(source) {
       return (
         <IconButton
           name={icons.UPDATE}
-          title="Updates"
+          title={translate('Updates')}
           to="/system/updates"
         />
       );
@@ -64,7 +65,7 @@ function getTestLink(source, props) {
       return (
         <SpinnerIconButton
           name={icons.TEST}
-          title="Test All"
+          title={translate('TestAll')}
           isSpinning={props.isTestingAllIndexers}
           onPress={props.dispatchTestAllIndexers}
         />
@@ -74,7 +75,7 @@ function getTestLink(source, props) {
       return (
         <SpinnerIconButton
           name={icons.TEST}
-          title="Test All"
+          title={translate('TestAll')}
           isSpinning={props.isTestingAllDownloadClients}
           onPress={props.dispatchTestAllDownloadClients}
         />
@@ -93,12 +94,12 @@ const columns = [
   },
   {
     name: 'message',
-    label: 'Message',
+    label: translate('Message'),
     isVisible: true
   },
   {
     name: 'actions',
-    label: 'Actions',
+    label: translate('Actions'),
     isVisible: true
   }
 ];
@@ -121,7 +122,7 @@ class Health extends Component {
       <FieldSet
         legend={
           <div className={styles.legend}>
-            Health
+            {translate('Health')}
 
             {
               isFetching && isPopulated &&
@@ -141,7 +142,7 @@ class Health extends Component {
         {
           !healthIssues &&
             <div className={styles.healthOk}>
-              No issues with your configuration
+              {translate('NoIssuesWithConfiguration')}
             </div>
         }
 
@@ -186,7 +187,7 @@ class Health extends Component {
                           <IconButton
                             name={icons.WIKI}
                             to={item.wikiUrl}
-                            title="Read the Wiki for more information"
+                            title={translate('ReadTheWikiForMoreInformation')}
                           />
 
                           {

frontend/src/System/Status/MoreInfo/MoreInfo.js

@@ -4,6 +4,7 @@ import DescriptionListItemDescription from 'Components/DescriptionList/Descripti
 import DescriptionListItemTitle from 'Components/DescriptionList/DescriptionListItemTitle';
 import FieldSet from 'Components/FieldSet';
 import Link from 'Components/Link/Link';
+import translate from 'Utilities/String/translate';
 
 class MoreInfo extends Component {
 
@@ -12,34 +13,46 @@ class MoreInfo extends Component {
 
   render() {
     return (
-      <FieldSet legend="More Info">
+      <FieldSet legend={translate('MoreInfo')}>
         <DescriptionList>
-          <DescriptionListItemTitle>Home page</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('HomePage')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://sonarr.tv/">sonarr.tv</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Wiki</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Wiki')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://wiki.servarr.com/sonarr">wiki.servarr.com/sonarr</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Forums</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Forums')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://forums.sonarr.tv/">forums.sonarr.tv</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Twitter</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Twitter')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://twitter.com/sonarrtv">@sonarrtv</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Discord</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Discord')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://discord.sonarr.tv/">discord.sonarr.tv</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>IRC</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('IRC')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="irc://irc.libera.chat/#sonarr">#sonarr on Libera</Link>
           </DescriptionListItemDescription>
@@ -47,17 +60,23 @@ class MoreInfo extends Component {
             <Link to="https://web.libera.chat/?channels=#sonarr">Libera webchat</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Donations</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Donations')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://sonarr.tv/donate">sonarr.tv/donate</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Source</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('Source')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://github.com/Sonarr/Sonarr/">github.com/Sonarr/Sonarr</Link>
           </DescriptionListItemDescription>
 
-          <DescriptionListItemTitle>Feature Requests</DescriptionListItemTitle>
+          <DescriptionListItemTitle>
+            {translate('FeatureRequests')}
+          </DescriptionListItemTitle>
           <DescriptionListItemDescription>
             <Link to="https://forums.sonarr.tv/">forums.sonarr.tv</Link>
           </DescriptionListItemDescription>

frontend/src/System/Status/Status.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import translate from 'Utilities/String/translate';
 import AboutConnector from './About/AboutConnector';
 import DiskSpaceConnector from './DiskSpace/DiskSpaceConnector';
 import HealthConnector from './Health/HealthConnector';
@@ -13,7 +14,7 @@ class Status extends Component {
 
   render() {
     return (
-      <PageContent title="Status">
+      <PageContent title={translate('Status')}>
         <PageContentBody>
           <HealthConnector />
           <DiskSpaceConnector />

frontend/src/System/Tasks/Queued/QueuedTaskRow.js

@@ -11,6 +11,7 @@ import formatDate from 'Utilities/Date/formatDate';
 import formatDateTime from 'Utilities/Date/formatDateTime';
 import formatTimeSpan from 'Utilities/Date/formatTimeSpan';
 import titleCase from 'Utilities/String/titleCase';
+import translate from 'Utilities/String/translate';
 import styles from './QueuedTaskRow.css';
 
 function getStatusIconProps(status, message) {
@@ -198,8 +199,8 @@ class QueuedTaskRow extends Component {
           </span>
           {
             clientUserAgent ?
-              <span className={styles.userAgent} title="User-Agent provided by the app that called the API">
+              <span className={styles.userAgent} title={translate('TaskUserAgentTooltip')}>
-                from: {clientUserAgent}
+                {translate('From')}: {clientUserAgent}
               </span> :
               null
           }
@@ -236,7 +237,7 @@ class QueuedTaskRow extends Component {
           {
             status === 'queued' &&
               <IconButton
-                title="Removed from task queue"
+                title={translate('RemovedFromTaskQueue')}
                 name={icons.REMOVE}
                 onPress={this.onCancelPress}
               />
@@ -246,10 +247,10 @@ class QueuedTaskRow extends Component {
         <ConfirmModal
           isOpen={isCancelConfirmModalOpen}
           kind={kinds.DANGER}
-          title="Cancel"
+          title={translate('Cancel')}
-          message={'Are you sure you want to cancel this pending task?'}
+          message={translate('CancelPendingTask')}
-          confirmLabel="Yes, Cancel"
+          confirmLabel={translate('YesCancel')}
-          cancelLabel="No, Leave It"
+          cancelLabel={translate('NoLeaveIt')}
           onConfirm={onCancelPress}
           onCancel={this.onAbortCancel}
         />

frontend/src/System/Tasks/Queued/QueuedTasks.js

@@ -4,6 +4,7 @@ import FieldSet from 'Components/FieldSet';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
+import translate from 'Utilities/String/translate';
 import QueuedTaskRowConnector from './QueuedTaskRowConnector';
 
 const columns = [
@@ -14,27 +15,27 @@ const columns = [
   },
   {
     name: 'commandName',
-    label: 'Name',
+    label: translate('Name'),
     isVisible: true
   },
   {
     name: 'queued',
-    label: 'Queued',
+    label: translate('Queued'),
     isVisible: true
   },
   {
     name: 'started',
-    label: 'Started',
+    label: translate('Started'),
     isVisible: true
   },
   {
     name: 'ended',
-    label: 'Ended',
+    label: translate('Ended'),
     isVisible: true
   },
   {
     name: 'duration',
-    label: 'Duration',
+    label: translate('Duration'),
     isVisible: true
   },
   {
@@ -51,7 +52,7 @@ function QueuedTasks(props) {
   } = props;
 
   return (
-    <FieldSet legend="Queue">
+    <FieldSet legend={translate('Queue')}>
       {
         isFetching && !isPopulated &&
           <LoadingIndicator />

frontend/src/System/Tasks/Scheduled/ScheduledTasks.js

@@ -4,32 +4,33 @@ import FieldSet from 'Components/FieldSet';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
+import translate from 'Utilities/String/translate';
 import ScheduledTaskRowConnector from './ScheduledTaskRowConnector';
 
 const columns = [
   {
     name: 'name',
-    label: 'Name',
+    label: translate('Name'),
     isVisible: true
   },
   {
     name: 'interval',
-    label: 'Interval',
+    label: translate('Interval'),
     isVisible: true
   },
   {
     name: 'lastExecution',
-    label: 'Last Execution',
+    label: translate('LastExecution'),
     isVisible: true
   },
   {
     name: 'lastDuration',
-    label: 'Last Duration',
+    label: translate('LastDuration'),
     isVisible: true
   },
   {
     name: 'nextExecution',
-    label: 'Next Execution',
+    label: translate('NextExecution'),
     isVisible: true
   },
   {
@@ -46,7 +47,7 @@ function ScheduledTasks(props) {
   } = props;
 
   return (
-    <FieldSet legend="Scheduled">
+    <FieldSet legend={translate('Scheduled')}>
       {
         isFetching && !isPopulated &&
           <LoadingIndicator />

frontend/src/System/Tasks/Tasks.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import translate from 'Utilities/String/translate';
 import QueuedTasksConnector from './Queued/QueuedTasksConnector';
 import ScheduledTasksConnector from './Scheduled/ScheduledTasksConnector';
 
 function Tasks() {
   return (
-    <PageContent title="Tasks">
+    <PageContent title={translate('Tasks')}>
       <PageContentBody>
         <ScheduledTasksConnector />
         <QueuedTasksConnector />

frontend/src/System/Updates/Updates.js

@@ -12,6 +12,7 @@ import PageContentBody from 'Components/Page/PageContentBody';
 import { icons, kinds } from 'Helpers/Props';
 import formatDate from 'Utilities/Date/formatDate';
 import formatDateTime from 'Utilities/Date/formatDateTime';
+import translate from 'Utilities/String/translate';
 import UpdateChanges from './UpdateChanges';
 import styles from './Updates.css';
 
@@ -43,15 +44,15 @@ class Updates extends Component {
     const hasUpdateToInstall = hasUpdates && _.some(items, { installable: true, latest: true });
     const noUpdateToInstall = hasUpdates && !hasUpdateToInstall;
 
-    const externalUpdaterPrefix = 'Unable to update Sonarr directly,';
+    const externalUpdaterPrefix = translate('UnableToUpdateSonarrDirectly');
     const externalUpdaterMessages = {
-      external: 'Sonarr is configured to use an external update mechanism',
+      external: translate('ExternalUpdater'),
-      apt: 'use apt to install the update',
+      apt: translate('AptUpdater'),
-      docker: 'update the docker container to receive the update'
+      docker: translate('DockerUpdater')
     };
 
     return (
-      <PageContent title="Updates">
+      <PageContent title={translate('Updates')}>
         <PageContentBody>
           {
             !isPopulated && !hasError &&
@@ -61,7 +62,7 @@ class Updates extends Component {
           {
             noUpdates &&
               <Alert kind={kinds.INFO}>
-                No updates are available
+                {translate('NoUpdatesAreAvailable')}
               </Alert>
           }
 
@@ -76,7 +77,7 @@ class Updates extends Component {
                       isSpinning={isInstallingUpdate}
                       onPress={onInstallLatestPress}
                     >
-                      Install Latest
+                      {translate('InstallLatest')}
                     </SpinnerButton> :
 
                     <Fragment>
@@ -112,7 +113,7 @@ class Updates extends Component {
                 />
 
                 <div className={styles.message}>
-                  The latest version of Sonarr is already installed
+                  {translate('OnLatestVersion')}
                 </div>
 
                 {
@@ -164,7 +165,7 @@ class Updates extends Component {
                                 kind={kinds.SUCCESS}
                                 title={formatDateTime(update.installedOn, longDateFormat, timeFormat)}
                               >
-                                Currently Installed
+                                {translate('CurrentlyInstalled')}
                               </Label> :
                               null
                           }
@@ -176,7 +177,7 @@ class Updates extends Component {
                                 kind={kinds.INVERSE}
                                 title={formatDateTime(update.installedOn, longDateFormat, timeFormat)}
                               >
-                                Previously Installed
+                                {translate('PreviouslyInstalled')}
                               </Label> :
                               null
                           }
@@ -184,19 +185,21 @@ class Updates extends Component {
 
                         {
                           !hasChanges &&
-                            <div>Maintenance Release: See GitHub commit history for details.</div>
+                            <div>
+                              {translate('MaintenanceRelease')}
+                            </div>
                         }
 
                         {
                           hasChanges &&
                             <div className={styles.changes}>
                               <UpdateChanges
-                                title="New"
+                                title={translate('New')}
                                 changes={update.changes.new}
                               />
 
                               <UpdateChanges
-                                title="Fixed"
+                                title={translate('Fixed')}
                                 changes={update.changes.fixed}
                               />
                             </div>
@@ -211,14 +214,14 @@ class Updates extends Component {
           {
             !!updatesError &&
               <div>
-                Failed to fetch updates
+                {translate('FailedToFetchUpdates')}
               </div>
           }
 
           {
             !!generalSettingsError &&
               <div>
-                Failed to update settings
+                {translate('FailedToUpdateSettings')}
               </div>
           }
         </PageContentBody>

src/NzbDrone.Core/Localization/Core/en.json

@@ -1,4 +1,6 @@
 {
+  "About": "About",
+  "Actions": "Actions",
   "AbsoluteEpisodeNumbers": "Absolute Episode Number(s)",
   "Activity": "Activity",
   "Add": "Add",
@@ -8,6 +10,7 @@
   "AirDate": "Air Date",
   "AllTitles": "All Titles",
   "ApiKeyValidationHealthCheckMessage": "Please update your API key to be at least {0} characters long. You can do this via settings or the config file",
+  "AppDataDirectory": "AppData directory",
   "AppDataLocationHealthCheckMessage": "Updating will not be possible to prevent deleting AppData on Update",
   "Apply": "Apply",
   "ApplyChanges": "Apply Changes",
@@ -20,9 +23,13 @@
   "ApplyTagsHelpTextHowToApplySeries": "How to apply tags to the selected series",
   "ApplyTagsHelpTextRemove": "Remove: Remove the entered tags",
   "ApplyTagsHelpTextReplace": "Replace: Replace the tags with the entered tags (enter no tags to clear all tags)",
+  "AptUpdater": "Use apt to install the update",
   "AutoAdd": "Auto Add",
   "AutomaticAdd": "Automatic Add",
+  "BackupNow": "Backup Now",
+  "Backups": "Backups",
   "Backup": "Backup",
+  "BeforeUpdate": "Before update",
   "Blocklist": "Blocklist",
   "BlocklistRelease": "Blocklist Release",
   "BlocklistReleaseHelpText": "Prevents Sonarr from automatically grabbing this release again",
@@ -30,6 +37,8 @@
   "Browser Reload Required": "Browser Reload Required",
   "Calendar": "Calendar",
   "Cancel": "Cancel",
+  "CancelPendingTask": "Are you sure you want to cancel this pending task?",
+  "Clear": "Clear",
   "CloneCondition": "Clone Condition",
   "CloneCustomFormat": "Clone Custom Format",
   "Close": "Close",
@@ -38,11 +47,14 @@
   "CountImportListsSelected": "{count} import list(s) selected",
   "CountIndexersSelected": "{count} indexer(s) selected",
   "CountSeasons": "{count} seasons",
+  "CurrentlyInstalled": "Currently Installed",
   "CustomFormatScore": "Custom Format Score",
   "CustomFormats": "Custom Formats",
   "CutoffUnmet": "Cutoff Unmet",
   "Daily": "Daily",
   "Delete": "Delete",
+  "DeleteBackup": "Delete Backup",
+  "DeleteBackupMessageText": "Are you sure you want to delete the backup '{0}'?",
   "DeleteCondition": "Delete Condition",
   "DeleteConditionMessageText": "Are you sure you want to delete the condition '{0}'?",
   "DeleteCustomFormat": "Delete Custom Format",
@@ -55,12 +67,20 @@
   "DeleteSelectedIndexersMessageText": "Are you sure you want to delete {count} selected indexer(s)?",
   "Details": "Details",
   "Disabled": "Disabled",
+  "Discord": "Discord",
+  "DiskSpace": "Disk Space",
+  "Docker": "Docker",
+  "DockerUpdater": "Update the docker container to receive the update",
+  "Donations": "Donations",
+  "Download": "Download",
+  "DownloadClients": "Download Clients",
   "DownloadClientCheckNoneAvailableHealthCheckMessage": "No download client is available",
   "DownloadClientCheckUnableToCommunicateWithHealthCheckMessage": "Unable to communicate with {0}.",
   "DownloadClientRootFolderHealthCheckMessage": "Download client {0} places downloads in the root folder {1}. You should not download to a root folder.",
   "DownloadClientSortingHealthCheckMessage": "Download client {0} has {1} sorting enabled for Sonarr's category. You should disable sorting in your download client to avoid import issues.",
   "DownloadClientStatusAllClientHealthCheckMessage": "All download clients are unavailable due to failures",
   "DownloadClientStatusSingleClientHealthCheckMessage": "Download clients unavailable due to failures: {0}",
+  "Duration": "Duration",
   "DownloadClients": "Download Clients",
   "Edit": "Edit",
   "EditSelectedDownloadClients": "Edit Selected Download Clients",
@@ -72,22 +92,36 @@
   "EnableRSS": "Enable RSS",
   "Enabled": "Enabled",
   "Ended": "Ended",
+  "ErrorRestoringBackup": "Error restoring backup",
   "EpisodeInfo": "Episode Info",
   "EpisodeNumbers": "Episode Number(s)",
   "Events": "Events",
+  "Exception": "Exception",
   "ExistingTag": "Existing tag",
   "ExportCustomFormat": "Export Custom Format",
+  "ExternalUpdater": "Sonarr is configured to use an external update mechanism",
+  "FailedToFetchUpdates": "Failed to fetch updates",
+  "FailedToUpdateSettings": "Failed to update settings",
+  "FeatureRequests": "Feature Requests",
+  "Filename": "Filename",
+  "Fixed": "Fixed",
+  "Forums": "Forums",
+  "FreeSpace": "Free Space",
+  "From": "From",
   "FullSeason": "Full Season",
   "General": "General",
+  "GeneralSettings": "General Settings",
+  "Health": "Health",
   "HiddenClickToShow": "Hidden, click to show",
   "HideAdvanced": "Hide Advanced",
   "History": "History",
+  "HomePage": "Home Page",
   "Implementation": "Implementation",
+  "ImportLists": "Import Lists",
   "ImportListRootFolderMissingRootHealthCheckMessage": "Missing root folder for import list(s): {0}",
   "ImportListRootFolderMultipleMissingRootsHealthCheckMessage": "Multiple root folders are missing for import lists: {0}",
   "ImportListStatusAllUnavailableHealthCheckMessage": "All lists are unavailable due to failures",
   "ImportListStatusUnavailableHealthCheckMessage": "Lists unavailable due to failures: {0}",
-  "ImportLists": "Import Lists",
   "ImportMechanismEnableCompletedDownloadHandlingIfPossibleHealthCheckMessage": "Enable Completed Download Handling if possible",
   "ImportMechanismEnableCompletedDownloadHandlingIfPossibleMultiComputerHealthCheckMessage": "Enable Completed Download Handling if possible (Multi-Computer unsupported)",
   "ImportMechanismHandlingDisabledHealthCheckMessage": "Enable Completed Download Handling",
@@ -102,41 +136,66 @@
   "IndexerStatusAllUnavailableHealthCheckMessage": "All indexers are unavailable due to failures",
   "IndexerStatusUnavailableHealthCheckMessage": "Indexers unavailable due to failures: {0}",
   "Indexers": "Indexers",
+  "InstallLatest": "Install Latest",
+  "Interval": "Interval",
+  "IRC": "IRC",
   "Language": "Language",
   "Language that Sonarr will use for UI": "Language that Sonarr will use for UI",
+  "LastDuration": "Last Duration",
+  "LastExecution": "Last Execution",
+  "LastWriteTime": "Last Write Time",
   "Languages": "Languages",
   "LibraryImport": "Library Import",
+  "Location": "Location",
   "LogFiles": "Log Files",
+  "LogFilesLocation": "Log files are located in",
+  "Logs": "Logs",
+  "MaintenanceRelease": "Maintenance Release: bug fixes and other improvements. See Github Commit History for more details",
   "ManageClients": "Manage Clients",
   "ManageDownloadClients": "Manage Download Clients",
   "ManageImportLists": "Manage Import Lists",
   "ManageIndexers": "Manage Indexers",
   "ManageLists": "Manage Lists",
+  "Manual": "Manual",
   "MatchedToEpisodes": "Matched to Episodes",
   "MatchedToSeason": "Matched to Season",
   "MatchedToSeries": "Matched to Series",
   "MediaManagement": "Media Management",
+  "Message": "Message",
   "Metadata": "Metadata",
   "MetadataSource": "Metadata Source",
   "Missing": "Missing",
+  "Mode": "Mode",
   "Monitored": "Monitored",
   "MountHealthCheckMessage": "Mount containing a series path is mounted read-only: ",
   "MultiSeason": "Multi-Season",
   "Name": "Name",
   "Negated": "Negated",
   "Network": "Network",
+  "New": "New",
   "NextAiring": "Next Airing",
+  "NextExecution": "Next Execution",
+  "NoEventsFound": "No events found",
+  "NoLeaveIt": "No, Leave It",
+  "NoLogFiles": "No log files",
   "No": "No",
+  "NoBackupsAreAvailable": "No backups are available",
   "NoChange": "No Change",
   "NoDownloadClientsFound": "No download clients found",
   "NoImportListsFound": "No import lists found",
   "NoIndexersFound": "No indexers found",
+  "NoIssuesWithConfiguration": "No issues with your configuration",
   "NoSeasons": "No seasons",
+  "NoUpdatesAreAvailable": "No updates are available",
+  "OnLatestVersion": "The latest version of Radarr is already installed",
   "OneSeason": "1 season",
+  "Options": "Options",
   "OriginalLanguage": "Original Language",
+  "PackageVersion": "Package Version",
   "PartialSeason": "Partial Season",
   "Path": "Path",
   "PreviousAiring": "Previous Airing",
+  "PreviouslyInstalled": "Previously Installed",
   "Priority": "Priority",
   "Profiles": "Profiles",
   "Proper": "Proper",
@@ -146,6 +205,8 @@
   "Quality": "Quality",
   "QualityProfile": "Quality Profile",
   "Queue": "Queue",
+  "Queued": "Queued",
+  "ReadTheWikiForMoreInformation": "Read the Wiki for more information",
   "Real": "Real",
   "RecycleBinUnableToWriteHealthCheckMessage": "Unable to write to configured recycling bin folder: {0}. Ensure this path exists and is writable by the user running Sonarr",
   "RefreshSeries": "Refresh Series",
@@ -179,40 +240,67 @@
   "RemoveSelectedItemQueueMessageText": "Are you sure you want to remove 1 item from the queue?",
   "RemoveSelectedItems": "Remove Selected Items",
   "RemoveSelectedItemsQueueMessageText": "Are you sure you want to remove {0} items from the queue?",
+  "RemovedFromTaskQueue": "Removed from task queue",
   "RemovedSeriesMultipleRemovedHealthCheckMessage": "Series {0} were removed from TheTVDB",
   "RemovedSeriesSingleRemovedHealthCheckMessage": "Series {0} was removed from TheTVDB",
   "RemovingTag": "Removing tag",
   "Repack": "Repack",
+  "Reload": "Reload",
+  "Refresh": "Refresh",
   "Replace": "Replace",
   "Required": "Required",
+  "Restart": "Restart",
+  "RestartReloadNote": "Note: Sonarr will automatically restart and reload the UI during the restore process.",
+  "Restore": "Restore",
+  "RestoreBackup": "Restore Backup",
   "Result": "Result",
   "RootFolder": "Root Folder",
   "RootFolderMissingHealthCheckMessage": "Missing root folder: {0}",
   "RootFolderMultipleMissingHealthCheckMessage": "Multiple root folders are missing: {0}",
+  "Scheduled": "Scheduled",
   "SearchForMonitoredEpisodes": "Search for monitored episodes",
   "SeasonNumber": "Season Number",
   "Series": "Series",
+  "SeriesEditor": "Series Editor",
   "SeriesTitle": "Series Title",
   "SetTags": "Set Tags",
   "Settings": "Settings",
   "ShowAdvanced": "Show Advanced",
   "ShownClickToHide": "Shown, click to hide",
   "SizeOnDisk": "Size on disk",
+  "Size": "Size",
+  "Source": "Source",
+  "StartupDirectory": "Startup directory",
+  "Started": "Started",
+  "Status": "Status",
   "Special": "Special",
   "System": "System",
   "SystemTimeHealthCheckMessage": "System time is off by more than 1 day. Scheduled tasks may not run correctly until the time is corrected",
   "Tags": "Tags",
+  "TaskUserAgentTooltip": "User-Agent provided by the app that called the API",
   "Tasks": "Tasks",
+  "TestAll": "Test All",
+  "TheLogLevelDefault": "The log level defaults to 'Info' and can be changed in",
+  "Time": "Time",
+  "TotalSpace": "Total Space",
+  "Twitter": "Twitter",
   "TestParsing": "Test Parsing",
   "UI": "UI",
   "UI Language": "UI Language",
+  "UnableToLoadBackups": "Unable to load backups",
+  "UnableToUpdateSonarrDirectly": "Unable to update Sonarr directly,",
   "Unmonitored": "Unmonitored",
+  "Updates": "Updates",
   "UpdateAvailableHealthCheckMessage": "New update is available",
   "UpdateStartupNotWritableHealthCheckMessage": "Cannot install update because startup folder '{0}' is not writable by the user '{1}'.",
   "UpdateStartupTranslocationHealthCheckMessage": "Cannot install update because startup folder '{0}' is in an App Translocation folder.",
   "UpdateUINotWritableHealthCheckMessage": "Cannot install update because UI folder '{0}' is not writable by the user '{1}'.",
-  "Updates": "Updates",
+  "UpdaterLogFiles": "Updater Log Files",
+  "Uptime": "Uptime",
   "Version": "Version",
   "Wanted": "Wanted",
+  "WouldYouLikeToRestoreBackup": "Would you like to restore the backup {0} ?",
+  "Wiki": "Wiki",
+  "YesCancel": "Yes, Cancel",
   "Yes": "Yes"
 }