Skip to content

Commit

Permalink
Translate Calendar Frontend
Browse files Browse the repository at this point in the history
  • Loading branch information
@stevietv @markus101
stevietv authored and markus101 committed Aug 13, 2023
1 parent b1d12b8 commit bf43453
Show file tree
Hide file tree
Showing 10 changed files with 137 additions and 76 deletions.
15 changes: 8 additions & 7 deletions frontend/src/Calendar/Agenda/AgendaEvent.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import episodeEntities from 'Episode/episodeEntities';
import { icons, kinds } from 'Helpers/Props';
import formatTime from 'Utilities/Date/formatTime';
import padNumber from 'Utilities/Number/padNumber';
import translate from 'Utilities/String/translate';
import styles from './AgendaEvent.css';

class AgendaEvent extends Component {
Expand Down Expand Up @@ -129,7 +130,7 @@ class AgendaEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.WARNING}
title="Episode does not have an absolute episode number"
title={translate('EpisodeMissingAbsoluteNumber')}
/>
}

Expand All @@ -138,7 +139,7 @@ class AgendaEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.WARNING}
title="Scene number hasn't been verified yet"
title={translate('SceneNumberNotVerified')}
/> :
null
}
Expand All @@ -160,7 +161,7 @@ class AgendaEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.DOWNLOADING}
title="Episode is downloading"
title={translate('EpisodeIsDownloading')}
/>
}

Expand All @@ -172,7 +173,7 @@ class AgendaEvent extends Component {
className={styles.statusIcon}
name={icons.EPISODE_FILE}
kind={kinds.WARNING}
title="Quality cutoff has not been met"
title={translate('QualityCutoffNotMet')}
/>
}

Expand All @@ -182,7 +183,7 @@ class AgendaEvent extends Component {
className={styles.statusIcon}
name={icons.INFO}
kind={kinds.INFO}
title={seasonNumber === 1 ? 'Series Premiere' : 'Season Premiere'}
title={seasonNumber === 1 ? translate('SeriesPremiere') : translate('SeasonPremiere')}
/>
}

Expand All @@ -195,7 +196,7 @@ class AgendaEvent extends Component {
className={styles.statusIcon}
name={icons.INFO}
kind={kinds.WARNING}
title={series.status === 'ended' ? 'Series finale' : 'Season finale'}
title={series.status === 'ended' ? translate('SeriesFinale') : translate('SeasonFinale')}
/>
}

Expand All @@ -206,7 +207,7 @@ class AgendaEvent extends Component {
className={styles.statusIcon}
name={icons.INFO}
kind={kinds.PINK}
title="Special"
title={translate('Special')}
/>
}
</div>
Expand Down
3 changes: 2 additions & 1 deletion frontend/src/Calendar/Calendar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import React, { Component } from 'react';
import Alert from 'Components/Alert';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import { kinds } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
import AgendaConnector from './Agenda/AgendaConnector';
import * as calendarViews from './calendarViews';
import CalendarDaysConnector from './Day/CalendarDaysConnector';
Expand Down Expand Up @@ -32,7 +33,7 @@ class Calendar extends Component {

{
!isFetching && !!error &&
<Alert kind={kinds.DANGER}>Unable to load the calendar</Alert>
<Alert kind={kinds.DANGER}>{translate('CalendarLoadError')}</Alert>
}

{
Expand Down
11 changes: 6 additions & 5 deletions frontend/src/Calendar/CalendarPage.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
import { align, icons } from 'Helpers/Props';
import NoSeries from 'Series/NoSeries';
import translate from 'Utilities/String/translate';
import CalendarConnector from './CalendarConnector';
import CalendarFilterModal from './CalendarFilterModal';
import CalendarLinkModal from './iCal/CalendarLinkModal';
Expand Down Expand Up @@ -95,26 +96,26 @@ class CalendarPage extends Component {
const PageComponent = hasSeries ? CalendarConnector : NoSeries;

return (
<PageContent title="Calendar">
<PageContent title={translate('Calendar')}>
<PageToolbar>
<PageToolbarSection>
<PageToolbarButton
label="iCal Link"
label={translate('ICalLink')}
iconName={icons.CALENDAR}
onPress={this.onGetCalendarLinkPress}
/>

<PageToolbarSeparator />

<PageToolbarButton
label="RSS Sync"
label={translate('RssSync')}
iconName={icons.RSS}
isSpinning={isRssSyncExecuting}
onPress={onRssSyncPress}
/>

<PageToolbarButton
label="Search for Missing"
label={translate('SearchForMissing')}
iconName={icons.SEARCH}
isDisabled={!missingEpisodeIds.length}
isSpinning={isSearchingForMissing}
Expand All @@ -124,7 +125,7 @@ class CalendarPage extends Component {

<PageToolbarSection alignContent={align.RIGHT}>
<PageToolbarButton
label="Options"
label={translate('Options')}
iconName={icons.POSTER}
onPress={this.onOptionsPress}
/>
Expand Down
17 changes: 9 additions & 8 deletions frontend/src/Calendar/Events/CalendarEvent.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import episodeEntities from 'Episode/episodeEntities';
import { icons, kinds } from 'Helpers/Props';
import formatTime from 'Utilities/Date/formatTime';
import padNumber from 'Utilities/Number/padNumber';
import translate from 'Utilities/String/translate';
import CalendarEventQueueDetails from './CalendarEventQueueDetails';
import styles from './CalendarEvent.css';

Expand Down Expand Up @@ -107,7 +108,7 @@ class CalendarEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.WARNING}
title="Episode does not have an absolute episode number"
title={translate('EpisodeMissingAbsoluteNumber')}
/> :
null
}
Expand All @@ -117,7 +118,7 @@ class CalendarEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.WARNING}
title="Scene number hasn't been verified yet"
title={translate('SceneNumberNotVerified')}
/> :
null
}
Expand All @@ -137,7 +138,7 @@ class CalendarEvent extends Component {
<Icon
className={styles.statusIcon}
name={icons.DOWNLOADING}
title="Episode is downloading"
title={translate('EpisodeIsDownloading')}
/> :
null
}
Expand All @@ -150,7 +151,7 @@ class CalendarEvent extends Component {
className={styles.statusIcon}
name={icons.EPISODE_FILE}
kind={fullColorEvents ? kinds.DEFAULT : kinds.WARNING}
title="Quality cutoff has not been met"
title={translate('QualityCutoffNotMet')}
/> :
null
}
Expand All @@ -162,7 +163,7 @@ class CalendarEvent extends Component {
name={icons.INFO}
kind={kinds.INFO}
darken={fullColorEvents}
title={seasonNumber === 1 ? 'Series premiere' : 'Season premiere'}
title={seasonNumber === 1 ? translate('SeriesPremiere') : translate('SeasonPremiere')}
/> :
null
}
Expand All @@ -176,7 +177,7 @@ class CalendarEvent extends Component {
className={styles.statusIcon}
name={icons.INFO}
kind={fullColorEvents ? kinds.DEFAULT : kinds.WARNING}
title={series.status === 'ended' ? 'Series finale' : 'Season finale'}
title={series.status === 'ended' ? translate('SeriesFinale') : translate('SeasonFinale')}
/> :
null
}
Expand All @@ -189,7 +190,7 @@ class CalendarEvent extends Component {
name={icons.INFO}
kind={kinds.PINK}
darken={fullColorEvents}
title="Special"
title={translate('Special')}
/> :
null
}
Expand Down Expand Up @@ -249,7 +250,7 @@ CalendarEvent.propTypes = {
hasFile: PropTypes.bool.isRequired,
grabbed: PropTypes.bool,
queueItem: PropTypes.object,
// These props come from the connector, not marked as required to apease TS for now.
// These props come from the connector, not marked as required to appease TS for now.
showEpisodeInformation: PropTypes.bool,
showFinaleIcon: PropTypes.bool,
showSpecialIcon: PropTypes.bool,
Expand Down
9 changes: 5 additions & 4 deletions frontend/src/Calendar/Events/CalendarEventGroup.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import Link from 'Components/Link/Link';
import { icons, kinds } from 'Helpers/Props';
import formatTime from 'Utilities/Date/formatTime';
import padNumber from 'Utilities/Number/padNumber';
import translate from '../../Utilities/String/translate';
import styles from './CalendarEventGroup.css';

function getEventsInfo(series, events) {
Expand Down Expand Up @@ -148,7 +149,7 @@ class CalendarEventGroup extends Component {
<Icon
containerClassName={styles.statusIcon}
name={icons.WARNING}
title="Episode does not have an absolute episode number"
title={translate('EpisodeMissingAbsoluteNumber')}
/>
}

Expand All @@ -157,7 +158,7 @@ class CalendarEventGroup extends Component {
<Icon
containerClassName={styles.statusIcon}
name={icons.DOWNLOADING}
title="An episode is downloading"
title={translate('AnEpisodeIsDownloading')}
/>
}

Expand All @@ -168,7 +169,7 @@ class CalendarEventGroup extends Component {
name={icons.INFO}
kind={kinds.INFO}
darken={fullColorEvents}
title={seasonNumber === 1 ? 'Series Premiere' : 'Season Premiere'}
title={seasonNumber === 1 ? translate('SeriesPremiere') : translate('SeasonPremiere')}
/>
}

Expand All @@ -181,7 +182,7 @@ class CalendarEventGroup extends Component {
containerClassName={styles.statusIcon}
name={icons.INFO}
kind={fullColorEvents ? kinds.DEFAULT : kinds.WARNING}
title={series.status === 'ended' ? 'Series finale' : 'Season finale'}
title={series.status === 'ended' ? translate('SeriesFinale') : translate('SeasonFinale')}
/>
}
</div>
Expand Down
15 changes: 8 additions & 7 deletions frontend/src/Calendar/Header/CalendarHeader.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import MenuButton from 'Components/Menu/MenuButton';
import MenuContent from 'Components/Menu/MenuContent';
import ViewMenuItem from 'Components/Menu/ViewMenuItem';
import { align, icons } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
import CalendarHeaderViewButton from './CalendarHeaderViewButton';
import styles from './CalendarHeader.css';

Expand All @@ -23,7 +24,7 @@ function getTitle(time, start, end, view, longDateFormat) {
} else if (view === 'month') {
return timeMoment.format('MMMM YYYY');
} else if (view === 'agenda') {
return 'Agenda';
return translate('Agenda');
}

let startFormat = 'MMM D YYYY';
Expand Down Expand Up @@ -125,7 +126,7 @@ class CalendarHeader extends Component {
isDisabled={view === calendarViews.AGENDA}
onPress={onTodayPress}
>
Today
{translate('Today')}
</Button>
</div>

Expand Down Expand Up @@ -167,7 +168,7 @@ class CalendarHeader extends Component {
selectedView={view}
onPress={this.onViewChange}
>
Month
{translate('Month')}
</ViewMenuItem>
}

Expand All @@ -176,31 +177,31 @@ class CalendarHeader extends Component {
selectedView={view}
onPress={this.onViewChange}
>
Week
{translate('Week')}
</ViewMenuItem>

<ViewMenuItem
name={calendarViews.FORECAST}
selectedView={view}
onPress={this.onViewChange}
>
Forecast
{translate('Forecast')}
</ViewMenuItem>

<ViewMenuItem
name={calendarViews.DAY}
selectedView={view}
onPress={this.onViewChange}
>
Day
{translate('Day')}
</ViewMenuItem>

<ViewMenuItem
name={calendarViews.AGENDA}
selectedView={view}
onPress={this.onViewChange}
>
Agenda
{translate('Agenda')}
</ViewMenuItem>
</MenuContent>
</Menu> :
Expand Down

0 comments on commit bf43453

Please sign in to comment.