New: More translations for columns

frontend/src/Store/Actions/blocklistActions.js

@@ -4,6 +4,7 @@ import { sortDirections } from 'Helpers/Props';
 import { createThunk, handleThunks } from 'Store/thunks';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
+import translate from 'Utilities/String/translate';
 import { set, updateItem } from './baseActions';
 import createHandleActions from './Creators/createHandleActions';
 import createRemoveItemHandler from './Creators/createRemoveItemHandler';
@@ -32,47 +33,47 @@ export const defaultState = {
   columns: [
     {
       name: 'series.sortTitle',
-      label: 'Series Title',
+      label: () => translate('SeriesTitle'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'sourceTitle',
-      label: 'Source Title',
+      label: () => translate('SourceTitle'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'languages',
-      label: 'Languages',
+      label: () => translate('Languages'),
       isVisible: false
     },
     {
       name: 'quality',
-      label: 'Quality',
+      label: () => translate('Quality'),
       isVisible: true
     },
     {
       name: 'customFormats',
-      label: 'Formats',
+      label: () => translate('Formats'),
       isSortable: false,
       isVisible: true
     },
     {
       name: 'date',
-      label: 'Date',
+      label: () => translate('Date'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'indexer',
-      label: 'Indexer',
+      label: () => translate('Indexer'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'actions',
-      columnLabel: 'Actions',
+      columnLabel: () => translate('Actions'),
       isVisible: true,
       isModifiable: false
     }

frontend/src/Store/Actions/calendarActions.js

@@ -8,6 +8,7 @@ import { filterBuilderTypes, filterBuilderValueTypes, filterTypes } from 'Helper
 import { createThunk, handleThunks } from 'Store/thunks';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import findSelectedFilters from 'Utilities/Filter/findSelectedFilters';
+import translate from 'Utilities/String/translate';
 import { set, update } from './baseActions';
 import { executeCommandHelper } from './commandActions';
 import createHandleActions from './Creators/createHandleActions';
@@ -56,7 +57,7 @@ export const defaultState = {
   filters: [
     {
       key: 'all',
-      label: 'All',
+      label: () => translate('All'),
       filters: [
         {
           key: 'unmonitored',
@@ -67,7 +68,7 @@ export const defaultState = {
     },
     {
       key: 'monitored',
-      label: 'Monitored Only',
+      label: () => translate('MonitoredOnly'),
       filters: [
         {
           key: 'unmonitored',
@@ -81,13 +82,13 @@ export const defaultState = {
   filterBuilderProps: [
     {
       name: 'unmonitored',
-      label: 'Include Unmonitored',
+      label: () => translate('IncludeUnmonitored'),
       type: filterBuilderTypes.EQUAL,
       valueType: filterBuilderValueTypes.BOOL
     },
     {
       name: 'tags',
-      label: 'Tags',
+      label: () => translate('Tags'),
       type: filterBuilderTypes.CONTAINS,
       valueType: filterBuilderValueTypes.TAG
     }

frontend/src/Store/Actions/episodeActions.js

@@ -33,7 +33,7 @@ export const defaultState = {
   columns: [
     {
       name: 'monitored',
-      columnLabel: 'Monitored',
+      columnLabel: () => translate('Monitored'),
       isVisible: true,
       isModifiable: false
     },
@@ -44,94 +44,91 @@ export const defaultState = {
     },
     {
       name: 'title',
-      label: 'Title',
+      label: () => translate('Title'),
       isVisible: true
     },
     {
       name: 'path',
-      label: 'Path',
+      label: () => translate('Path'),
       isVisible: false
     },
     {
       name: 'relativePath',
-      label: 'Relative Path',
+      label: () => translate('RelativePath'),
       isVisible: false
     },
     {
       name: 'airDateUtc',
-      label: 'Air Date',
+      label: () => translate('AirDate'),
       isVisible: true
     },
     {
       name: 'runtime',
-      label: 'Runtime',
+      label: () => translate('Runtime'),
       isVisible: false
     },
     {
       name: 'languages',
-      label: 'Languages',
+      label: () => translate('Languages'),
       isVisible: false
     },
     {
       name: 'audioInfo',
-      label: 'Audio Info',
+      label: () => translate('AudioInfo'),
       isVisible: false
     },
     {
       name: 'videoCodec',
-      label: 'Video Codec',
+      label: () => translate('VideoCodec'),
       isVisible: false
     },
     {
       name: 'videoDynamicRangeType',
-      label: 'Video Dynamic Range',
+      label: () => translate('VideoDynamicRange'),
       isVisible: false
     },
     {
       name: 'audioLanguages',
-      label: 'Audio Languages',
+      label: () => translate('AudioLanguages'),
       isVisible: false
     },
     {
       name: 'subtitleLanguages',
-      label: 'Subtitle Languages',
+      label: () => translate('SubtitleLanguages'),
       isVisible: false
     },
     {
       name: 'size',
-      label: 'Size',
+      label: () => translate('Size'),
       isVisible: false
     },
     {
       name: 'releaseGroup',
-      label: 'Release Group',
+      label: () => translate('ReleaseGroup'),
       isVisible: false
     },
     {
       name: 'customFormats',
-      label: 'Formats',
+      label: () => translate('Formats'),
       isVisible: false
     },
     {
       name: 'customFormatScore',
-      get columnLabel() {
-        return translate('CustomFormatScore');
-      },
+      columnLabel: () => translate('CustomFormatScore'),
       label: React.createElement(Icon, {
         name: icons.SCORE,
         title: () => translate('CustomFormatScore')
-
       }),
       isVisible: false
     },
     {
       name: 'status',
-      label: 'Status',
+      label: () => translate('Status'),
       isVisible: true
     },
     {
       name: 'actions',
-      columnLabel: 'Actions',
+      columnLabel: () => translate('Actions'),
       isVisible: true,
       isModifiable: false
     }

frontend/src/Store/Actions/historyActions.js

@@ -5,6 +5,7 @@ import { filterTypes, icons, sortDirections } from 'Helpers/Props';
 import { createThunk, handleThunks } from 'Store/thunks';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
+import translate from 'Utilities/String/translate';
 import { updateItem } from './baseActions';
 import createHandleActions from './Creators/createHandleActions';
 import createServerSideCollectionHandlers from './Creators/createServerSideCollectionHandlers';
@@ -31,80 +32,80 @@ export const defaultState = {
   columns: [
     {
       name: 'eventType',
-      columnLabel: 'Event Type',
+      columnLabel: () => translate('EventType'),
       isVisible: true,
       isModifiable: false
     },
     {
       name: 'series.sortTitle',
-      label: 'Series',
+      label: () => translate('Series'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'episode',
-      label: 'Episode',
+      label: () => translate('Episode'),
       isVisible: true
     },
     {
       name: 'episodes.title',
-      label: 'Episode Title',
+      label: () => translate('EpisodeTitle'),
       isVisible: true
     },
     {
       name: 'languages',
-      label: 'Languages',
+      label: () => translate('Languages'),
       isVisible: false
     },
     {
       name: 'quality',
-      label: 'Quality',
+      label: () => translate('Quality'),
       isVisible: true
     },
     {
       name: 'customFormats',
-      label: 'Formats',
+      label: () => translate('Formats'),
       isSortable: false,
       isVisible: true
     },
     {
       name: 'date',
-      label: 'Date',
+      label: () => translate('Date'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'downloadClient',
-      label: 'Download Client',
+      label: () => translate('DownloadClient'),
       isVisible: false
     },
     {
       name: 'indexer',
-      label: 'Indexer',
+      label: () => translate('Indexer'),
       isVisible: false
     },
     {
       name: 'releaseGroup',
-      label: 'Release Group',
+      label: () => translate('ReleaseGroup'),
       isVisible: false
     },
     {
       name: 'sourceTitle',
-      label: 'Source Title',
+      label: () => translate('SourceTitle'),
       isVisible: false
     },
     {
       name: 'customFormatScore',
-      columnLabel: 'Custom Format Score',
+      columnLabel: () => translate('CustomFormatScore'),
       label: React.createElement(Icon, {
         name: icons.SCORE,
-        title: 'Custom format score'
+        title: () => translate('CustomFormatScore')
       }),
       isVisible: false
     },
     {
       name: 'details',
-      columnLabel: 'Details',
+      columnLabel: () => translate('Details'),
       isVisible: true,
       isModifiable: false
     }
@@ -115,12 +116,12 @@ export const defaultState = {
   filters: [
     {
       key: 'all',
-      label: 'All',
+      label: () => translate('All'),
       filters: []
     },
     {
       key: 'grabbed',
-      label: 'Grabbed',
+      label: () => translate('Grabbed'),
       filters: [
         {
           key: 'eventType',
@@ -131,7 +132,7 @@ export const defaultState = {
     },
     {
       key: 'imported',
-      label: 'Imported',
+      label: () => translate('Imported'),
       filters: [
         {
           key: 'eventType',
@@ -142,7 +143,7 @@ export const defaultState = {
     },
     {
       key: 'failed',
-      label: 'Failed',
+      label: () => translate('Failed'),
       filters: [
         {
           key: 'eventType',
@@ -153,7 +154,7 @@ export const defaultState = {
     },
     {
       key: 'deleted',
-      label: 'Deleted',
+      label: () => translate('Deleted'),
       filters: [
         {
           key: 'eventType',
@@ -164,7 +165,7 @@ export const defaultState = {
     },
     {
       key: 'renamed',
-      label: 'Renamed',
+      label: () => translate('Renamed'),
       filters: [
         {
           key: 'eventType',
@@ -175,7 +176,7 @@ export const defaultState = {
     },
     {
       key: 'ignored',
-      label: 'Ignored',
+      label: () => translate('Ignored'),
       filters: [
         {
           key: 'eventType',

frontend/src/Store/Actions/queueActions.js

@@ -7,6 +7,7 @@ import { icons, sortDirections } from 'Helpers/Props';
 import { createThunk, handleThunks } from 'Store/thunks';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
+import translate from 'Utilities/String/translate';
 import { set, updateItem } from './baseActions';
 import createFetchHandler from './Creators/createFetchHandler';
 import createHandleActions from './Creators/createHandleActions';
@@ -59,113 +60,113 @@ export const defaultState = {
     columns: [
       {
         name: 'status',
-        columnLabel: 'Status',
+        columnLabel: () => translate('Status'),
         isSortable: true,
         isVisible: true,
         isModifiable: false
       },
       {
         name: 'series.sortTitle',
-        label: 'Series',
+        label: () => translate('Series'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'episode',
-        label: 'Episode',
+        label: () => translate('Episode'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'episodes.title',
-        label: 'Episode Title',
+        label: () => translate('EpisodeTitle'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'episodes.airDateUtc',
-        label: 'Episode Air Date',
+        label: () => translate('EpisodeAirDate'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'languages',
-        label: 'Languages',
+        label: () => translate('Languages'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'quality',
-        label: 'Quality',
+        label: () => translate('Quality'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'customFormats',
-        label: 'Formats',
+        label: () => translate('Formats'),
         isSortable: false,
         isVisible: true
       },
       {
         name: 'customFormatScore',
-        columnLabel: 'Custom Format Score',
+        columnLabel: () => translate('CustomFormatScore'),
         label: React.createElement(Icon, {
           name: icons.SCORE,
-          title: 'Custom format score'
+          title: () => translate('CustomFormatScore')
         }),
         isVisible: false
       },
       {
         name: 'protocol',
-        label: 'Protocol',
+        label: () => translate('Protocol'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'indexer',
-        label: 'Indexer',
+        label: () => translate('Indexer'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'downloadClient',
-        label: 'Download Client',
+        label: () => translate('DownloadClient'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'title',
-        label: 'Release Title',
+        label: () => translate('ReleaseTitle'),
         isSortable: true,
         isVisible: false
       },
       {
         name: 'size',
-        label: 'Size',
+        label: () => translate('Size'),
         isSortable: true,
         isVisibile: false
       },
       {
         name: 'outputPath',
-        label: 'Output Path',
+        label: () => translate('OutputPath'),
         isSortable: false,
         isVisible: false
       },
       {
         name: 'estimatedCompletionTime',
-        label: 'Time Left',
+        label: () => translate('TimeLeft'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'progress',
-        label: 'Progress',
+        label: () => translate('Progress'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'actions',
-        columnLabel: 'Actions',
+        columnLabel: () => translate('Actions'),
         isVisible: true,
         isModifiable: false
       }

frontend/src/Store/Actions/releaseActions.js

@@ -3,6 +3,7 @@ import { filterBuilderTypes, filterBuilderValueTypes, filterTypePredicates, filt
 import { createThunk, handleThunks } from 'Store/thunks';
 import sortByName from 'Utilities/Array/sortByName';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
+import translate from 'Utilities/String/translate';
 import createFetchHandler from './Creators/createFetchHandler';
 import createHandleActions from './Creators/createHandleActions';
 import createSetClientSideCollectionFilterReducer from './Creators/Reducers/createSetClientSideCollectionFilterReducer';
@@ -62,12 +63,12 @@ export const defaultState = {
   filters: [
     {
       key: 'all',
-      label: 'All',
+      label: () => translate('All'),
       filters: []
     },
     {
       key: 'season-pack',
-      label: 'Season Pack',
+      label: () => translate('SeasonPack'),
       filters: [
         {
           key: 'fullSeason',
@@ -78,7 +79,7 @@ export const defaultState = {
     },
     {
       key: 'not-season-pack',
-      label: 'Not Season Pack',
+      label: () => translate('NotSeasonPack'),
       filters: [
         {
           key: 'fullSeason',
@@ -173,51 +174,51 @@ export const defaultState = {
   filterBuilderProps: [
     {
       name: 'title',
-      label: 'Title',
+      label: () => translate('Title'),
       type: filterBuilderTypes.STRING
     },
     {
       name: 'age',
-      label: 'Age',
+      label: () => translate('Age'),
       type: filterBuilderTypes.NUMBER
     },
     {
       name: 'protocol',
-      label: 'Protocol',
+      label: () => translate('Protocol'),
       type: filterBuilderTypes.EXACT,
       valueType: filterBuilderValueTypes.PROTOCOL
     },
     {
       name: 'indexerId',
-      label: 'Indexer',
+      label: () => translate('Indexer'),
       type: filterBuilderTypes.EXACT,
       valueType: filterBuilderValueTypes.INDEXER
     },
     {
       name: 'size',
-      label: 'Size',
+      label: () => translate('Size'),
       type: filterBuilderTypes.NUMBER,
       valueType: filterBuilderValueTypes.BYTES
     },
     {
       name: 'seeders',
-      label: 'Seeders',
+      label: () => translate('Seeders'),
       type: filterBuilderTypes.NUMBER
     },
     {
       name: 'peers',
-      label: 'Peers',
+      label: () => translate('Peers'),
       type: filterBuilderTypes.NUMBER
     },
     {
       name: 'quality',
-      label: 'Quality',
+      label: () => translate('Quality'),
       type: filterBuilderTypes.EXACT,
       valueType: filterBuilderValueTypes.QUALITY
     },
     {
       name: 'languages',
-      label: 'Languages',
+      label: () => translate('Languages'),
       type: filterBuilderTypes.ARRAY,
       optionsSelector: function(items) {
         const genreList = items.reduce((acc, release) => {
@@ -236,17 +237,17 @@ export const defaultState = {
     },
     {
       name: 'customFormatScore',
-      label: 'Custom Format Score',
+      label: () => translate('CustomFormatScore'),
       type: filterBuilderTypes.NUMBER
     },
     {
       name: 'rejectionCount',
-      label: 'Rejection Count',
+      label: () => translate('RejectionCount'),
       type: filterBuilderTypes.NUMBER
     },
     {
       name: 'fullSeason',
-      label: 'Season Pack',
+      label: () => translate('SeasonPack'),
       type: filterBuilderTypes.EXACT,
       valueType: filterBuilderValueTypes.BOOL
     }

frontend/src/Store/Actions/seriesActions.js

@@ -6,6 +6,7 @@ import { createThunk, handleThunks } from 'Store/thunks';
 import sortByName from 'Utilities/Array/sortByName';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import dateFilterPredicate from 'Utilities/Date/dateFilterPredicate';
+import translate from 'Utilities/String/translate';
 import { set, updateItem } from './baseActions';
 import createFetchHandler from './Creators/createFetchHandler';
 import createHandleActions from './Creators/createHandleActions';
@@ -29,12 +30,12 @@ export const section = 'series';
 export const filters = [
   {
     key: 'all',
-    label: 'All',
+    label: () => translate('All'),
     filters: []
   },
   {
     key: 'monitored',
-    label: 'Monitored Only',
+    label: () => translate('MonitoredOnly'),
     filters: [
       {
         key: 'monitored',
@@ -45,7 +46,7 @@ export const filters = [
   },
   {
     key: 'unmonitored',
-    label: 'Unmonitored Only',
+    label: () => translate('UnmonitoredOnly'),
     filters: [
       {
         key: 'monitored',
@@ -56,7 +57,7 @@ export const filters = [
   },
   {
     key: 'continuing',
-    label: 'Continuing Only',
+    label: () => translate('ContinuingOnly'),
     filters: [
       {
         key: 'status',
@@ -67,7 +68,7 @@ export const filters = [
   },
   {
     key: 'ended',
-    label: 'Ended Only',
+    label: () => translate('EndedOnly'),
     filters: [
       {
         key: 'status',
@@ -78,7 +79,7 @@ export const filters = [
   },
   {
     key: 'missing',
-    label: 'Missing Episodes',
+    label: () => translate('MissingEpisodes'),
     filters: [
       {
         key: 'missing',
@@ -194,25 +195,25 @@ export const filterPredicates = {
 export const filterBuilderProps = [
   {
     name: 'monitored',
-    label: 'Monitored',
+    label: () => translate('Monitored'),
     type: filterBuilderTypes.EXACT,
     valueType: filterBuilderValueTypes.BOOL
   },
   {
     name: 'status',
-    label: 'Status',
+    label: () => translate('Status'),
     type: filterBuilderTypes.EXACT,
     valueType: filterBuilderValueTypes.SERIES_STATUS
   },
   {
     name: 'seriesType',
-    label: 'Type',
+    label: () => translate('Type'),
     type: filterBuilderTypes.EXACT,
     valueType: filterBuilderValueTypes.SERIES_TYPES
   },
   {
     name: 'network',
-    label: 'Network',
+    label: () => translate('Network'),
     type: filterBuilderTypes.STRING,
     optionsSelector: function(items) {
       const tagList = items.reduce((acc, series) => {
@@ -231,57 +232,57 @@ export const filterBuilderProps = [
   },
   {
     name: 'qualityProfileId',
-    label: 'Quality Profile',
+    label: () => translate('QualityProfile'),
     type: filterBuilderTypes.EXACT,
     valueType: filterBuilderValueTypes.QUALITY_PROFILE
   },
   {
     name: 'nextAiring',
-    label: 'Next Airing',
+    label: () => translate('NextAiring'),
     type: filterBuilderTypes.DATE,
     valueType: filterBuilderValueTypes.DATE
   },
   {
     name: 'previousAiring',
-    label: 'Previous Airing',
+    label: () => translate('PreviousAiring'),
     type: filterBuilderTypes.DATE,
     valueType: filterBuilderValueTypes.DATE
   },
   {
     name: 'added',
-    label: 'Added',
+    label: () => translate('Added'),
     type: filterBuilderTypes.DATE,
     valueType: filterBuilderValueTypes.DATE
   },
   {
     name: 'seasonCount',
-    label: 'Season Count',
+    label: () => translate('SeasonCount'),
     type: filterBuilderTypes.NUMBER
   },
   {
     name: 'episodeProgress',
-    label: 'Episode Progress',
+    label: () => translate('EpisodeProgress'),
     type: filterBuilderTypes.NUMBER
   },
   {
     name: 'path',
-    label: 'Path',
+    label: () => translate('Path'),
     type: filterBuilderTypes.STRING
   },
   {
     name: 'rootFolderPath',
-    label: 'Root Folder Path',
+    label: () => translate('RootFolderPath'),
     type: filterBuilderTypes.EXACT
   },
   {
     name: 'sizeOnDisk',
-    label: 'Size on Disk',
+    label: () => translate('SizeOnDisk'),
     type: filterBuilderTypes.NUMBER,
     valueType: filterBuilderValueTypes.BYTES
   },
   {
     name: 'genres',
-    label: 'Genres',
+    label: () => translate('Genres'),
     type: filterBuilderTypes.ARRAY,
     optionsSelector: function(items) {
       const tagList = items.reduce((acc, series) => {
@@ -300,7 +301,7 @@ export const filterBuilderProps = [
   },
   {
     name: 'originalLanguage',
-    label: 'Original Language',
+    label: () => translate('OriginalLanguage'),
     type: filterBuilderTypes.EXACT,
     optionsSelector: function(items) {
       const languageList = items.reduce((acc, series) => {
@@ -319,33 +320,33 @@ export const filterBuilderProps = [
   },
   {
     name: 'releaseGroups',
-    label: 'Release Groups',
+    label: () => translate('ReleaseGroups'),
     type: filterBuilderTypes.ARRAY
   },
   {
     name: 'ratings',
-    label: 'Rating',
+    label: () => translate('Rating'),
     type: filterBuilderTypes.NUMBER
   },
   {
     name: 'certification',
-    label: 'Certification',
+    label: () => translate('Certification'),
     type: filterBuilderTypes.EXACT
   },
   {
     name: 'tags',
-    label: 'Tags',
+    label: () => translate('Tags'),
     type: filterBuilderTypes.ARRAY,
     valueType: filterBuilderValueTypes.TAG
   },
   {
     name: 'useSceneNumbering',
-    label: 'Scene Numbering',
+    label: () => translate('SceneNumbering'),
     type: filterBuilderTypes.EXACT
   },
   {
     name: 'hasMissingSeason',
-    label: 'Has Missing Season',
+    label: () => translate('HasMissingSeason'),
     type: filterBuilderTypes.EXACT
   }
 ];

frontend/src/Store/Actions/seriesIndexActions.js

@@ -1,6 +1,7 @@
 import moment from 'moment';
 import { createAction } from 'redux-actions';
 import { sortDirections } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import createHandleActions from './Creators/createHandleActions';
 import createSetClientSideCollectionFilterReducer from './Creators/Reducers/createSetClientSideCollectionFilterReducer';
 import createSetClientSideCollectionSortReducer from './Creators/Reducers/createSetClientSideCollectionSortReducer';
@@ -53,147 +54,147 @@ export const defaultState = {
   columns: [
     {
       name: 'status',
-      columnLabel: 'Status',
+      columnLabel: () => translate('Status'),
       isSortable: true,
       isVisible: true,
       isModifiable: false
     },
     {
       name: 'sortTitle',
-      label: 'Series Title',
+      label: () => translate('SeriesTitle'),
       isSortable: true,
       isVisible: true,
       isModifiable: false
     },
     {
       name: 'seriesType',
-      label: 'Type',
+      label: () => translate('Type'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'network',
-      label: 'Network',
+      label: () => translate('Network'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'qualityProfileId',
-      label: 'Quality Profile',
+      label: () => translate('QualityProfile'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'nextAiring',
-      label: 'Next Airing',
+      label: () => translate('NextAiring'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'previousAiring',
-      label: 'Previous Airing',
+      label: () => translate('PreviousAiring'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'originalLanguage',
-      label: 'Original Language',
+      label: () => translate('OriginalLanguage'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'added',
-      label: 'Added',
+      label: () => translate('Added'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'seasonCount',
-      label: 'Seasons',
+      label: () => translate('Seasons'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'seasonFolder',
-      label: 'Season Folder',
+      label: () => translate('SeasonFolder'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'episodeProgress',
-      label: 'Episodes',
+      label: () => translate('Episodes'),
       isSortable: true,
       isVisible: true
     },
     {
       name: 'episodeCount',
-      label: 'Episode Count',
+      label: () => translate('EpisodeCount'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'latestSeason',
-      label: 'Latest Season',
+      label: () => translate('LatestSeason'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'year',
-      label: 'Year',
+      label: () => translate('Year'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'path',
-      label: 'Path',
+      label: () => translate('Path'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'sizeOnDisk',
-      label: 'Size on Disk',
+      label: () => translate('SizeOnDisk'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'genres',
-      label: 'Genres',
+      label: () => translate('Genres'),
       isSortable: false,
       isVisible: false
     },
     {
       name: 'ratings',
-      label: 'Rating',
+      label: () => translate('Rating'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'certification',
-      label: 'Certification',
+      label: () => translate('Certification'),
       isSortable: false,
       isVisible: false
     },
     {
       name: 'releaseGroups',
-      label: 'Release Groups',
+      label: () => translate('ReleaseGroups'),
       isSortable: false,
       isVisible: false
     },
     {
       name: 'tags',
-      label: 'Tags',
+      label: () => translate('Tags'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'useSceneNumbering',
-      label: 'Scene Numbering',
+      label: () => translate('SceneNumbering'),
       isSortable: true,
       isVisible: false
     },
     {
       name: 'actions',
-      columnLabel: 'Actions',
+      columnLabel: () => translate('Actions'),
       isVisible: true,
       isModifiable: false
     }

frontend/src/Store/Actions/systemActions.js

@@ -4,6 +4,7 @@ import { setAppValue } from 'Store/Actions/appActions';
 import { createThunk, handleThunks } from 'Store/thunks';
 import createAjaxRequest from 'Utilities/createAjaxRequest';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
+import translate from 'Utilities/String/translate';
 import { pingServer } from './appActions';
 import { set } from './baseActions';
 import createFetchHandler from './Creators/createFetchHandler';
@@ -81,34 +82,34 @@ export const defaultState = {
     columns: [
       {
         name: 'level',
-        columnLabel: 'Level',
+        columnLabel: () => translate('Level'),
         isSortable: false,
         isVisible: true,
         isModifiable: false
       },
       {
         name: 'time',
-        label: 'Time',
+        label: () => translate('Time'),
         isSortable: true,
         isVisible: true,
         isModifiable: false
       },
       {
         name: 'logger',
-        label: 'Component',
+        label: () => translate('Component'),
         isSortable: false,
         isVisible: true,
         isModifiable: false
       },
       {
         name: 'message',
-        label: 'Message',
+        label: () => translate('Message'),
         isVisible: true,
         isModifiable: false
       },
       {
         name: 'actions',
-        columnLabel: 'Actions',
+        columnLabel: () => translate('Actions'),
         isSortable: true,
         isVisible: true,
         isModifiable: false
@@ -120,12 +121,12 @@ export const defaultState = {
     filters: [
       {
         key: 'all',
-        label: 'All',
+        label: () => translate('All'),
         filters: []
       },
       {
         key: 'info',
-        label: 'Info',
+        label: () => translate('Info'),
         filters: [
           {
             key: 'level',
@@ -136,7 +137,7 @@ export const defaultState = {
       },
       {
         key: 'warn',
-        label: 'Warn',
+        label: () => translate('Warn'),
         filters: [
           {
             key: 'level',
@@ -147,7 +148,7 @@ export const defaultState = {
       },
       {
         key: 'error',
-        label: 'Error',
+        label: () => translate('Error'),
         filters: [
           {
             key: 'level',

frontend/src/Store/Actions/wantedActions.js

@@ -2,6 +2,7 @@ import { createAction } from 'redux-actions';
 import { filterTypes, sortDirections } from 'Helpers/Props';
 import { createThunk, handleThunks } from 'Store/thunks';
 import serverSideCollectionHandlers from 'Utilities/serverSideCollectionHandlers';
+import translate from 'Utilities/String/translate';
 import createBatchToggleEpisodeMonitoredHandler from './Creators/createBatchToggleEpisodeMonitoredHandler';
 import createHandleActions from './Creators/createHandleActions';
 import createServerSideCollectionHandlers from './Creators/createServerSideCollectionHandlers';
@@ -29,34 +30,34 @@ export const defaultState = {
     columns: [
       {
         name: 'series.sortTitle',
-        label: 'Series Title',
+        label: () => translate('SeriesTitle'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'episode',
-        label: 'Episode',
+        label: () => translate('Episode'),
         isVisible: true
       },
       {
         name: 'episodes.title',
-        label: 'Episode Title',
+        label: () => translate('EpisodeTitle'),
         isVisible: true
       },
       {
         name: 'episodes.airDateUtc',
-        label: 'Air Date',
+        label: () => translate('AirDate'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'status',
-        label: 'Status',
+        label: () => translate('Status'),
         isVisible: true
       },
       {
         name: 'actions',
-        columnLabel: 'Actions',
+        columnLabel: () => translate('Actions'),
         isVisible: true,
         isModifiable: false
       }
@@ -67,7 +68,7 @@ export const defaultState = {
     filters: [
       {
         key: 'monitored',
-        label: 'Monitored',
+        label: () => translate('Monitored'),
         filters: [
           {
             key: 'monitored',
@@ -78,7 +79,7 @@ export const defaultState = {
       },
       {
         key: 'unmonitored',
-        label: 'Unmonitored',
+        label: () => translate('Unmonitored'),
         filters: [
           {
             key: 'monitored',
@@ -101,39 +102,39 @@ export const defaultState = {
     columns: [
       {
         name: 'series.sortTitle',
-        label: 'Series Title',
+        label: () => translate('SeriesTitle'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'episode',
-        label: 'Episode',
+        label: () => translate('Episode'),
         isVisible: true
       },
       {
         name: 'episodes.title',
-        label: 'Episode Title',
+        label: () => translate('EpisodeTitle'),
         isVisible: true
       },
       {
         name: 'episodes.airDateUtc',
-        label: 'Air Date',
+        label: () => translate('AirDate'),
         isSortable: true,
         isVisible: true
       },
       {
         name: 'languages',
-        label: 'Languages',
+        label: () => translate('Languages'),
         isVisible: false
       },
       {
         name: 'status',
-        label: 'Status',
+        label: () => translate('Status'),
         isVisible: true
       },
       {
         name: 'actions',
-        columnLabel: 'Actions',
+        columnLabel: () => translate('Actions'),
         isVisible: true,
         isModifiable: false
       }
@@ -144,7 +145,7 @@ export const defaultState = {
     filters: [
       {
         key: 'monitored',
-        label: 'Monitored',
+        label: () => translate('Monitored'),
         filters: [
           {
             key: 'monitored',
@@ -155,7 +156,7 @@ export const defaultState = {
       },
       {
         key: 'unmonitored',
-        label: 'Unmonitored',
+        label: () => translate('Unmonitored'),
         filters: [
           {
             key: 'monitored',