1
0
mirror of https://github.com/Radarr/Radarr.git synced 2026-04-19 21:46:50 -04:00

New: Translation support for UI Sidebar, Search Input, Base Menus

This commit is contained in:
Qstick
2020-07-08 10:40:53 -04:00
parent bfc0361784
commit 074b49fa8c
97 changed files with 293 additions and 167 deletions
@@ -11,6 +11,7 @@ import ModalContent from 'Components/Modal/ModalContent';
import ModalHeader from 'Components/Modal/ModalHeader';
import ModalBody from 'Components/Modal/ModalBody';
import ModalFooter from 'Components/Modal/ModalFooter';
import translate from 'Utilities/String/translate';
import styles from './DeleteMovieModalContent.css';
class DeleteMovieModalContent extends Component {
@@ -140,7 +141,7 @@ class DeleteMovieModalContent extends Component {
kind={kinds.DANGER}
onPress={this.onDeleteMovieConfirmed}
>
Delete
{translate('Delete')}
</Button>
</ModalFooter>
</ModalContent>
+8 -7
View File
@@ -42,6 +42,7 @@ import InteractiveSearchTable from 'InteractiveSearch/InteractiveSearchTable';
import InteractiveSearchFilterMenuConnector from 'InteractiveSearch/InteractiveSearchFilterMenuConnector';
import MovieTagsConnector from './MovieTagsConnector';
import MovieReleaseDatesConnector from './MovieReleaseDatesConnector';
import translate from 'Utilities/String/translate';
import styles from './MovieDetails.css';
const defaultFontSize = parseInt(fonts.defaultFontSize);
@@ -326,7 +327,7 @@ class MovieDetails extends Component {
/>
<PageToolbarButton
label="Delete"
label={translate('Delete')}
iconName={icons.DELETE}
onPress={this.onDeleteMoviePress}
/>
@@ -604,42 +605,42 @@ class MovieDetails extends Component {
className={styles.tab}
selectedClassName={styles.selectedTab}
>
History
{translate('History')}
</Tab>
<Tab
className={styles.tab}
selectedClassName={styles.selectedTab}
>
Search
{translate('Search')}
</Tab>
<Tab
className={styles.tab}
selectedClassName={styles.selectedTab}
>
Files
{translate('Files')}
</Tab>
<Tab
className={styles.tab}
selectedClassName={styles.selectedTab}
>
Titles
{translate('Titles')}
</Tab>
<Tab
className={styles.tab}
selectedClassName={styles.selectedTab}
>
Cast
{translate('Cast')}
</Tab>
<Tab
className={styles.tab}
selectedClassName={styles.selectedTab}
>
Crew
{translate('Crew')}
</Tab>
{
@@ -12,6 +12,7 @@ import FormGroup from 'Components/Form/FormGroup';
import FormLabel from 'Components/Form/FormLabel';
import FormInputGroup from 'Components/Form/FormInputGroup';
import MoveMovieModal from 'Movie/MoveMovie/MoveMovieModal';
import translate from 'Utilities/String/translate';
import styles from './EditMovieModalContent.css';
class EditMovieModalContent extends Component {
@@ -149,7 +150,7 @@ class EditMovieModalContent extends Component {
kind={kinds.DANGER}
onPress={onDeleteMoviePress}
>
Delete
{translate('Delete')}
</Button>
<Button
@@ -9,6 +9,7 @@ import ModalContent from 'Components/Modal/ModalContent';
import ModalHeader from 'Components/Modal/ModalHeader';
import ModalBody from 'Components/Modal/ModalBody';
import ModalFooter from 'Components/Modal/ModalFooter';
import translate from 'Utilities/String/translate';
import styles from './DeleteMovieModalContent.css';
class DeleteMovieModalContent extends Component {
@@ -127,7 +128,7 @@ class DeleteMovieModalContent extends Component {
kind={kinds.DANGER}
onPress={this.onDeleteMovieConfirmed}
>
Delete
{translate('Delete')}
</Button>
</ModalFooter>
</ModalContent>
@@ -11,6 +11,7 @@ import MoveMovieModal from 'Movie/MoveMovie/MoveMovieModal';
import TagsModal from './Tags/TagsModal';
import DeleteMovieModal from './Delete/DeleteMovieModal';
import MovieEditorFooterLabel from './MovieEditorFooterLabel';
import translate from 'Utilities/String/translate';
import styles from './MovieEditorFooter.css';
const NO_CHANGE = 'noChange';
@@ -257,7 +258,7 @@ class MovieEditorFooter extends Component {
isDisabled={!selectedCount || isDeleting}
onPress={this.onDeleteSelectedPress}
>
Delete
{translate('Delete')}
</SpinnerButton>
</div>
</div>
@@ -6,6 +6,7 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import MovieHistoryRowConnector from './MovieHistoryRowConnector';
import translate from 'Utilities/String/translate';
import styles from './MovieHistoryTableContent.css';
const columns = [
@@ -30,13 +31,13 @@ const columns = [
},
{
name: 'customFormats',
label: 'Custom Formats',
label: translate('CustomFormats'),
isSortable: false,
isVisible: true
},
{
name: 'date',
label: 'Date',
label: translate('Date'),
isVisible: true
},
{
+12 -11
View File
@@ -31,6 +31,7 @@ import MovieIndexFooterConnector from './MovieIndexFooterConnector';
import MovieEditorFooter from 'Movie/Editor/MovieEditorFooter.js';
import InteractiveImportModal from 'InteractiveImport/InteractiveImportModal';
import OrganizeMovieModal from 'Movie/Editor/Organize/OrganizeMovieModal';
import translate from 'Utilities/String/translate';
import styles from './MovieIndex.css';
function getViewComponent(view) {
@@ -351,15 +352,15 @@ class MovieIndex extends Component {
const isLoaded = !!(!error && isPopulated && items.length && scroller);
const hasNoMovie = !totalItems;
const searchIndexLabel = selectedFilterKey === 'all' ? 'Search All' : 'Search Filtered';
const searchEditorLabel = selectedMovieIds.length > 0 ? 'Search Selected' : 'Search All';
const searchIndexLabel = selectedFilterKey === 'all' ? translate('SearchAll') : 'Search Filtered';
const searchEditorLabel = selectedMovieIds.length > 0 ? 'Search Selected' : translate('SearchAll');
return (
<PageContent>
<PageToolbar>
<PageToolbarSection>
<PageToolbarButton
label={isMovieEditorActive && selectedMovieIds.length > 0 ? 'Update Selected' : 'Update All'}
label={isMovieEditorActive && selectedMovieIds.length > 0 ? 'Update Selected' : translate('UpdateAll')}
iconName={icons.REFRESH}
spinningName={icons.REFRESH}
isSpinning={isRefreshingMovie}
@@ -368,7 +369,7 @@ class MovieIndex extends Component {
/>
<PageToolbarButton
label="RSS Sync"
label={translate('RssSync')}
iconName={icons.RSS}
isSpinning={isRssSyncExecuting}
isDisabled={hasNoMovie}
@@ -385,7 +386,7 @@ class MovieIndex extends Component {
/>
<PageToolbarButton
label="Manual Import"
label={translate('ManualImport')}
iconName={icons.INTERACTIVE}
isDisabled={hasNoMovie}
onPress={this.onInteractiveImportPress}
@@ -396,13 +397,13 @@ class MovieIndex extends Component {
{
isMovieEditorActive ?
<PageToolbarButton
label="Movie Index"
label={translate('MovieIndex')}
iconName={icons.MOVIE_CONTINUING}
isDisabled={hasNoMovie}
onPress={this.onMovieEditorTogglePress}
/> :
<PageToolbarButton
label="Movie Editor"
label={translate('MovieEditor')}
iconName={icons.EDIT}
isDisabled={hasNoMovie}
onPress={this.onMovieEditorTogglePress}
@@ -412,7 +413,7 @@ class MovieIndex extends Component {
{
isMovieEditorActive ?
<PageToolbarButton
label={allSelected ? 'Unselect All' : 'Select All'}
label={allSelected ? translate('UnselectAll') : translate('SelectAll')}
iconName={icons.CHECK_SQUARE}
isDisabled={hasNoMovie}
onPress={this.onSelectAllPress}
@@ -434,7 +435,7 @@ class MovieIndex extends Component {
optionsComponent={MovieIndexTableOptionsConnector}
>
<PageToolbarButton
label="Options"
label={translate('Options')}
iconName={icons.TABLE}
/>
</TableOptionsModalWrapper> :
@@ -444,7 +445,7 @@ class MovieIndex extends Component {
{
view === 'posters' ?
<PageToolbarButton
label="Options"
label={translate('Options')}
iconName={icons.POSTER}
isDisabled={hasNoMovie}
onPress={this.onPosterOptionsPress}
@@ -455,7 +456,7 @@ class MovieIndex extends Component {
{
view === 'overview' ?
<PageToolbarButton
label="Options"
label={translate('Options')}
iconName={icons.OVERVIEW}
isDisabled={hasNoMovie}
onPress={this.onOverviewOptionsPress}