Localization framework

frontend/src/Author/Index/Overview/AuthorIndexOverview.js

@@ -12,6 +12,7 @@ import { icons } from 'Helpers/Props';
 import dimensions from 'Styles/Variables/dimensions';
 import fonts from 'Styles/Variables/fonts';
 import stripHtml from 'Utilities/String/stripHtml';
+import translate from 'Utilities/String/translate';
 import AuthorIndexOverviewInfo from './AuthorIndexOverviewInfo';
 import styles from './AuthorIndexOverview.css';
 
@@ -130,7 +131,7 @@ class AuthorIndexOverview extends Component {
                 status === 'ended' &&
                   <div
                     className={styles.ended}
-                    title="Ended"
+                    title={translate('Ended')}
                   />
               }
 
@@ -173,7 +174,7 @@ class AuthorIndexOverview extends Component {
               <div className={styles.actions}>
                 <SpinnerIconButton
                   name={icons.REFRESH}
-                  title="Refresh Author"
+                  title={translate('RefreshAuthor')}
                   isSpinning={isRefreshingAuthor}
                   onPress={onRefreshAuthorPress}
                 />
@@ -183,7 +184,7 @@ class AuthorIndexOverview extends Component {
                     <SpinnerIconButton
                       className={styles.action}
                       name={icons.SEARCH}
-                      title="Search for monitored books"
+                      title={translate('SearchForMonitoredBooks')}
                       isSpinning={isSearchingAuthor}
                       onPress={onSearchPress}
                     />
@@ -191,7 +192,7 @@ class AuthorIndexOverview extends Component {
 
                 <IconButton
                   name={icons.EDIT}
-                  title="Edit Author"
+                  title={translate('EditAuthor')}
                   onPress={this.onEditAuthorPress}
                 />
               </div>

frontend/src/Author/Index/Overview/Options/AuthorIndexOverviewOptionsModalContent.js

@@ -11,6 +11,7 @@ import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
 import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 const posterSizeOptions = [
   { key: 'small', value: 'Small' },
@@ -142,7 +143,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
         <ModalBody>
           <Form>
             <FormGroup>
-              <FormLabel>Poster Size</FormLabel>
+              <FormLabel>
+                {translate('PosterSize')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.SELECT}
@@ -154,19 +157,23 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Detailed Progress Bar</FormLabel>
+              <FormLabel>
+                {translate('DetailedProgressBar')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
                 name="detailedProgressBar"
                 value={detailedProgressBar}
-                helpText="Show text on progess bar"
+                helpText={translate('DetailedProgressBarHelpText')}
                 onChange={this.onChangeOverviewOption}
               />
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Monitored</FormLabel>
+              <FormLabel>
+                {translate('ShowMonitored')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -178,7 +185,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
 
             <FormGroup>
 
-              <FormLabel>Show Quality Profile</FormLabel>
+              <FormLabel>
+                {translate('ShowQualityProfile')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -189,7 +198,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Last Book</FormLabel>
+              <FormLabel>
+                {translate('ShowLastBook')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -200,7 +211,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Date Added</FormLabel>
+              <FormLabel>
+                {translate('ShowDateAdded')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -211,7 +224,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Book Count</FormLabel>
+              <FormLabel>
+                {translate('ShowBookCount')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -222,7 +237,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Path</FormLabel>
+              <FormLabel>
+                {translate('ShowPath')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -233,7 +250,9 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Size on Disk</FormLabel>
+              <FormLabel>
+                {translate('ShowSizeOnDisk')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
@@ -244,13 +263,15 @@ class AuthorIndexOverviewOptionsModalContent extends Component {
             </FormGroup>
 
             <FormGroup>
-              <FormLabel>Show Search</FormLabel>
+              <FormLabel>
+                {translate('ShowSearch')}
+              </FormLabel>
 
               <FormInputGroup
                 type={inputTypes.CHECK}
                 name="showSearchAction"
                 value={showSearchAction}
-                helpText="Show search button"
+                helpText={translate('ShowSearchActionHelpText')}
                 onChange={this.onChangeOverviewOption}
               />
             </FormGroup>