Translate System pages

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

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import Alert from 'Components/Alert';
-import Link from 'Components/Link/Link';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
@@ -12,18 +11,24 @@ 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 InlineMarkdown from '../../../Components/Markdown/InlineMarkdown';
 import LogsNavMenu from '../LogsNavMenu';
 import LogFilesTableRow from './LogFilesTableRow';
 
 const columns = [
   {
     name: 'filename',
-    label: 'Filename',
+    get label() {
+      return translate('Filename');
+    },
     isVisible: true
   },
   {
     name: 'lastWriteTime',
-    label: 'Last Write Time',
+    get label() {
+      return translate('LastWriteTime');
+    },
     isVisible: true
   },
   {
@@ -50,7 +55,7 @@ class LogFiles extends Component {
     } = this.props;
 
     return (
-      <PageContent title="Log Files">
+      <PageContent title={translate('LogFiles')}>
         <PageToolbar>
           <PageToolbarSection>
             <LogsNavMenu current={currentLogView} />
@@ -58,7 +63,7 @@ class LogFiles extends Component {
             <PageToolbarSeparator />
 
             <PageToolbarButton
-              label="Refresh"
+              label={translate('Refresh')}
               iconName={icons.REFRESH}
               spinningName={icons.REFRESH}
               isSpinning={isFetching}
@@ -66,7 +71,7 @@ class LogFiles extends Component {
             />
 
             <PageToolbarButton
-              label="Clear"
+              label={translate('Clear')}
               iconName={icons.CLEAR}
               isSpinning={deleteFilesExecuting}
               onPress={onDeleteFilesPress}
@@ -76,13 +81,15 @@ 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>
+                  <InlineMarkdown data={translate('TheLogLevelDefault')} />
                 </div>
             }
           </Alert>
@@ -118,7 +125,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('LogFiles')}
           </MenuItem>
 
           <MenuItem
             to={'/system/logs/files/update'}
           >
-            Updater Log Files
+            {translate('UpdaterLogFiles')}
           </MenuItem>
         </MenuContent>
       </Menu>