Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-09 15:05:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

🌐 Replaced hardcoded text to use translation

Browse Source
This commit is contained in:
Tagaishi
2023-08-09 22:16:57 +02:00
parent ffa850b081
commit 9b2fecdfcb
24 changed files with 148 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/locales/en/modules/bookmark.json
View File

@@ -12,7 +12,12 @@
"label": "Items"
},
"layout": {
"label": "Layout"
"label": "Layout",
"data":{
"autoGrid": "Auto Grid",
"horizontal": "Horizontal",
"vertical": "Vertical"
}
}
}
},
@@ -21,5 +26,21 @@
"title": "Bookmark list empty",
"text": "Add new items to this list in the edit mode"
}
},
"item": {
"validation": {
"length100": "Length must be between 1 and 100",
"length200": "Length must be between 1 and 200",
"length400": "Length must be between 1 and 400",
"invalidLink": "Not a valid link",
"errorMsg": "Did not save, because there were validation errors. Please adust your inputs"
},
"name": "Name",
"url": "URL",
"newTab": "Open in new tab",
"hideHostname": "Hide Hostname",
"hideIcon": "Hide Icon",
"delete": "Delete"
}
}

16
public/locales/en/modules/calendar.json
View File

@@ -11,13 +11,25 @@
"label": "Start the week on Sunday"
},
"radarrReleaseType": {
"label": "Radarr release type"
"label": "Radarr release type",
"data":{
"inCinemas": "In Cinemas",
"physicalRelease": "Physical",
"digitalRelease": "Digital"
}
},
"hideWeekDays": {
"label": "Hide week days"
},
"fontSize": {
"label": "Font Size"
"label": "Font Size",
"data":{
"xs": "Extra Small",
"sm": "Small",
"md": "Medium",
"lg": "Large",
"xl": "Extra Large"
}
}
}
}

3
public/locales/en/modules/iframe.json
View File

@@ -38,7 +38,8 @@
"noUrl": {
"title": "Invalid URL",
"text": "Ensure that you've entered a valid address in the configuration of your widget"
}
},
"browserSupport": "Your Browser does not support iframes. Please update your browser."
}
}
}

33
public/locales/en/modules/media-requests-list.json
View File

@@ -19,6 +19,37 @@
},
"tooltips": {
"approve": "Approve requests",
"decline": "Decline requests"
"decline": "Decline requests",
"approving": "Approving Request..."
},
"mutation": {
"approving": "Approving",
"declining": "Declining",
"request": "request...",
"approved": "Request was approved!",
"declined": "Request was declined!"
},
"detail": {
"label": "Stats for nerds",
"id": "ID",
"device": "Device",
"video": {
"video":"Video",
"resolution": "Resolution",
"framerate": "Framerate",
"codec": "Video Codec"
},
"audio": {
"audio": "Audio",
"channels": "Audio Channels",
"codec": "Audio Codec"
},
"transcoding": {
"transcoding": "Transcoding",
"context": "Context",
"requested": "Hardware Encoding Requested",
"source": "Source Codec",
"target": "Target Codec"
}
}
}

6
public/locales/en/modules/media-requests-stats.json
View File

@@ -5,7 +5,11 @@
"settings": {
"title": "Media requests stats",
"direction": {
"label": "Direction of the layout."
"label": "Direction of the layout.",
"data":{
"row": "Horizontal",
"column": "Vertical"
}
}
}
},

1
public/locales/en/modules/media-server.json
View File

@@ -6,6 +6,7 @@
"title": "Settings for media server widget"
}
},
"loading": "Homarr is loading streams...",
"card": {
"table": {
"header": {

3
public/locales/en/modules/rss.json
View File

@@ -12,7 +12,8 @@
"label": "Refresh interval (in minutes)"
},
"dangerousAllowSanitizedItemContent": {
"label": ""
"label": "Allow HTML formatting (Dangerous)",
"info": "Allowing HTML formatting from outside could be dangerous.<br/>Please make sure that the feed is from a trusted source."
},
"textLinesClamp": {
"label": "Text lines clamp"

3
public/locales/en/modules/torrents-status.json
View File

@@ -63,7 +63,8 @@
}
},
"loading": {
"title": "Loading..."
"title": "Loading...",
"description": "Homarr is establishing a connection..."
},
"popover": {
"introductionPrefix": "Managed by",

3
public/locales/en/modules/usenet.json
View File

@@ -31,7 +31,8 @@
"title": "Error",
"message": "An error has occurred"
},
"paused": "Paused"
"paused": "Paused",
"notImplemented": "NOT IMPLEMENTED"
},
"history": {
"header": {

3
public/locales/en/modules/weather.json
View File

@@ -32,5 +32,6 @@
"thunderstormWithHail": "Thunderstorm with hail",
"unknown": "Unknown"
}
}
},
"error": "An error occured"
}

2
src/pages/404.tsx
View File

@@ -49,6 +49,6 @@ export async function getStaticProps({ req, res, locale }: GetServerSidePropsCon
const useStyles = createStyles(() => ({
image: {
margin: '0 auto',
display: 'blcok',
display: 'block',
},
}));

40
src/widgets/bookmark/BookmarkWidgetTile.tsx
View File

@@ -74,6 +74,7 @@ const definition = defineWidget({
};
},
itemComponent({ data, onChange, delete: deleteData }) {
const { t } = useTranslation('modules/bookmark');
const form = useForm({
initialValues: data,
validate: {
@@ -83,15 +84,15 @@ const definition = defineWidget({
return undefined;
}
return 'Length must be between 1 and 100';
return t('item.validation.length100');
},
href: (value) => {
if (!z.string().min(1).max(200).safeParse(value).success) {
return 'Length must be between 1 and 200';
return t('item.validation.length200');
}
if (!z.string().url().safeParse(value).success) {
return 'Not a valid link';
return t('item.validation.invalidLink');
}
return undefined;
@@ -101,7 +102,7 @@ const definition = defineWidget({
return undefined;
}
return 'Length must be between 1 and 100';
return t('item.validation.length400');
},
},
validateInputOnChange: true,
@@ -122,13 +123,13 @@ const definition = defineWidget({
<TextInput
icon={<IconTypography size="1rem" />}
{...form.getInputProps('name')}
label="Name"
label={t('item.name')}
withAsterisk
/>
<TextInput
icon={<IconLink size="1rem" />}
{...form.getInputProps('href')}
label="URL"
label={t('item.url')}
withAsterisk
/>
<IconSelector
@@ -140,17 +141,17 @@ const definition = defineWidget({
/>
<Switch
{...form.getInputProps('openNewTab')}
label="Open in new tab"
label={t('item.newTab')}
checked={form.values.openNewTab}
/>
<Switch
{...form.getInputProps('hideHostname')}
label="Hide Hostname"
label={t('item.hideHostname')}
checked={form.values.hideHostname}
/>
<Switch
{...form.getInputProps('hideIcon')}
label="Hide Icon"
label={t('item.hideIcon')}
checked={form.values.hideIcon}
/>
<Button
@@ -159,11 +160,11 @@ const definition = defineWidget({
variant="light"
type="button"
>
Delete
{t('item.delete')}
</Button>
{!form.isValid() && (
<Alert color="red" icon={<IconAlertTriangle size="1rem" />}>
Did not save, because there were validation errors. Please adust your inputs
{t('item.validation.errorMsg')}
</Alert>
)}
</Stack>
@@ -174,18 +175,9 @@ const definition = defineWidget({
layout: {
type: 'select',
data: [
{
label: 'Auto Grid',
value: 'autoGrid',
},
{
label: 'Horizontal',
value: 'horizontal',
},
{
label: 'Vertical',
value: 'vertical',
},
{ value: 'autoGrid', },
{ value: 'horizontal', },
{ value: 'vertical', },
],
defaultValue: 'autoGrid',
},
@@ -206,10 +198,10 @@ interface BookmarkWidgetTileProps {
}
function BookmarkWidgetTile({ widget }: BookmarkWidgetTileProps) {
const { t } = useTranslation('modules/bookmark');
const { classes } = useStyles();
const { enabled: isEditModeEnabled } = useEditModeStore();
const { fn, colors, colorScheme } = useMantineTheme();
const { t } = useTranslation('modules/bookmark');
if (widget.properties.items.length === 0) {
return (

16
src/widgets/calendar/CalendarTile.tsx
View File

@@ -33,20 +33,20 @@ const definition = defineWidget({
type: 'select',
defaultValue: 'inCinemas',
data: [
{ label: 'In Cinemas', value: 'inCinemas' },
{ label: 'Physical', value: 'physicalRelease' },
{ label: 'Digital', value: 'digitalRelease' },
{ value: 'inCinemas' },
{ value: 'physicalRelease' },
{ value: 'digitalRelease' },
],
},
fontSize: {
type: 'select',
defaultValue: 'xs',
data: [
{ label: 'Extra Small', value: 'xs' },
{ label: 'Small', value: 'sm' },
{ label: 'Medium', value: 'md' },
{ label: 'Large', value: 'lg' },
{ label: 'Extra Large', value: 'xl' },
{ value: 'xs' },
{ value: 'sm' },
{ value: 'md' },
{ value: 'lg' },
{ value: 'xl' },
],
},
},

2
src/widgets/iframe/IFrameTile.tsx
View File

@@ -121,7 +121,7 @@ function IFrameTile({ widget }: IFrameTileProps) {
title="widget iframe"
allow={allowedPermissions.join(' ')}
>
<Text>Your Browser does not support iframes. Please update your browser.</Text>
<Text>{t('card.errors.browserSupport')}</Text>
</iframe>
</Container>
);

9
src/widgets/media-requests/MediaRequestListTile.tsx
View File

@@ -58,12 +58,13 @@ const useMediaRequestDecisionMutation = () => {
utils.mediaRequest.all.invalidate();
},
});
const { t } = useTranslation('modules/media-requests-list');
return async (variables: MediaRequestDecisionVariables) => {
const action = variables.isApproved ? 'Approving' : 'Declining';
const action = variables.isApproved ? t('mutation.approving') : t('mutation.declining');
notifications.show({
id: `decide-${variables.request.id}`,
color: 'yellow',
title: `${action} request...`,
title: `${action} ${t('mutation.request')}`,
message: undefined,
loading: true,
});
@@ -75,7 +76,7 @@ const useMediaRequestDecisionMutation = () => {
},
{
onSuccess(_data, variables) {
const title = variables.isApproved ? 'Request was approved!' : 'Request was declined!';
const title = variables.isApproved ? t('mutation.approved') : t('mutation.declined');
notifications.update({
id: `decide-${variables.id}`,
color: 'teal',
@@ -187,7 +188,7 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
notifications.show({
id: `approve ${item.id}`,
color: 'yellow',
title: 'Approving request...',
title: t('tooltips.approving'),
message: undefined,
loading: true,
});

4
src/widgets/media-requests/MediaRequestStatsTile.tsx
View File

@@ -16,8 +16,8 @@ const definition = defineWidget({
type: 'select',
defaultValue: 'row' as 'row' | 'column',
data: [
{ label: 'Horizontal', value: 'row' },
{ label: 'Vertical', value: 'column' },
{ value: 'row' },
{ value: 'column' },
],
},
},

34
src/widgets/media-server/DetailCollapseable.tsx
View File

@@ -2,27 +2,29 @@ import { Card, Divider, Flex, Grid, Group, Text } from '@mantine/core';
import { IconDeviceMobile, IconId } from '@tabler/icons-react';
import { GenericSessionInfo } from '../../types/api/media-server/session-info';
import { useTranslation } from 'react-i18next';
export const DetailCollapseable = ({ session }: { session: GenericSessionInfo }) => {
let details: { title: string; metrics: { name: string; value: string | undefined }[] }[] = [];
const { t } = useTranslation('modules/media-server-list');
if (session.currentlyPlaying) {
if (session.currentlyPlaying.metadata.video) {
details = [
...details,
{
title: 'Video',
title: t('detail.video.'),
metrics: [
{
name: 'Resolution',
name: t('detail.video.resolution'),
value: `${session.currentlyPlaying.metadata.video.width}x${session.currentlyPlaying.metadata.video.height}`,
},
{
name: 'Framerate',
name: t('detail.video.framerate'),
value: session.currentlyPlaying.metadata.video.videoFrameRate,
},
{
name: 'Codec',
name: t('detail.video.codec'),
value: session.currentlyPlaying.metadata.video.videoCodec,
},
{
@@ -39,14 +41,14 @@ export const DetailCollapseable = ({ session }: { session: GenericSessionInfo })
details = [
...details,
{
title: 'Audio',
title: t('detail.audio.audio'),
metrics: [
{
name: 'Audio channels',
name: t('detail.audio.channels'),
value: `${session.currentlyPlaying.metadata.audio.audioChannels}`,
},
{
name: 'Audio codec',
name: t('detail.audio.codec'),
value: session.currentlyPlaying.metadata.audio.audioCodec,
},
],
@@ -58,24 +60,24 @@ export const DetailCollapseable = ({ session }: { session: GenericSessionInfo })
details = [
...details,
{
title: 'Transcoding',
title: t('detail.transcoding.transcoding'),
metrics: [
{
name: 'Resolution',
name: t('detail.video.resolution'),
value: `${session.currentlyPlaying.metadata.transcoding.width}x${session.currentlyPlaying.metadata.transcoding.height}`,
},
{
name: 'Context',
name: t('detail.transcoding.context'),
value: session.currentlyPlaying.metadata.transcoding.context,
},
{
name: 'Hardware encoding requested',
name: t('detail.transcoding.requested'),
value: session.currentlyPlaying.metadata.transcoding.transcodeHwRequested
? 'yes'
: 'no',
},
{
name: 'Source codec',
name: t('detail.transcoding.source'),
value:
session.currentlyPlaying.metadata.transcoding.sourceAudioCodec ||
session.currentlyPlaying.metadata.transcoding.sourceVideoCodec
@@ -83,7 +85,7 @@ export const DetailCollapseable = ({ session }: { session: GenericSessionInfo })
: undefined,
},
{
name: 'Target codec',
name: t('detail.transcoding.target'),
value: `${session.currentlyPlaying.metadata.transcoding.videoCodec} ${session.currentlyPlaying.metadata.transcoding.audioCodec}`,
},
],
@@ -97,19 +99,19 @@ export const DetailCollapseable = ({ session }: { session: GenericSessionInfo })
<Flex justify="space-between" mb="xs">
<Group>
<IconId size={16} />
<Text>ID</Text>
<Text>{t('detail.id')}</Text>
</Group>
<Text>{session.id}</Text>
</Flex>
<Flex justify="space-between" mb="md">
<Group>
<IconDeviceMobile size={16} />
<Text>Device</Text>
<Text>{t('detail.device')}</Text>
</Group>
<Text>{session.sessionName}</Text>
</Flex>
{details.length > 0 && (
<Divider label="Stats for nerds" labelPosition="center" mt="lg" mb="sm" />
<Divider label={t('detail.label')} labelPosition="center" mt="lg" mb="sm" />
)}
<Grid>
{details.map((detail, index) => (

3
src/widgets/media-server/MediaServerTile.tsx
View File

@@ -42,7 +42,6 @@ interface MediaServerWidgetProps {
function MediaServerTile({ widget }: MediaServerWidgetProps) {
const { t } = useTranslation('modules/media-server');
const { config } = useConfigContext();
const isEditMode = useEditModeStore((x) => x.enabled);
const { data, isError, isFetching, isInitialLoading } = useGetMediaServers({
enabled: config !== undefined,
@@ -72,7 +71,7 @@ function MediaServerTile({ widget }: MediaServerWidgetProps) {
<Loader />
<Stack align="center" spacing={0}>
<Text>{t('descriptor.name')}</Text>
<Text color="dimmed">Homarr is loading streams...</Text>
<Text color="dimmed">{t('descriptor.loading')}</Text>
</Stack>
</Stack>
);

1
src/widgets/rss/RssWidgetTile.tsx
View File

@@ -42,6 +42,7 @@ const definition = defineWidget({
dangerousAllowSanitizedItemContent: {
type: 'switch',
defaultValue: false,
info: true,
},
textLinesClamp: {
type: 'slider',

5
src/widgets/torrent/TorrentQueueItem.tsx
View File

@@ -13,7 +13,7 @@ import {
createStyles,
useMantineTheme,
} from '@mantine/core';
import { useDisclosure, useElementSize } from '@mantine/hooks';
import { useDisclosure } from '@mantine/hooks';
import {
IconAffiliate,
IconDatabase,
@@ -37,9 +37,8 @@ interface TorrentQueueItemProps {
width: number;
}
export const BitTorrrentQueueItem = ({ torrent, width, app }: TorrentQueueItemProps) => {
export const BitTorrentQueueItem = ({ torrent, width, app }: TorrentQueueItemProps) => {
const [popoverOpened, { open: openPopover, close: closePopover }] = useDisclosure(false);
const theme = useMantineTheme();
const { classes } = useStyles();
const { t } = useTranslation('modules/torrents-status');

6
src/widgets/torrent/TorrentTile.tsx
View File

@@ -25,7 +25,7 @@ import { AppIntegrationType } from '../../types/app';
import { useGetDownloadClientsQueue } from '../download-speed/useGetNetworkSpeed';
import { defineWidget } from '../helper';
import { IWidget } from '../widgets';
import { BitTorrrentQueueItem } from './TorrentQueueItem';
import { BitTorrentQueueItem } from './TorrentQueueItem';
dayjs.extend(duration);
dayjs.extend(relativeTime);
@@ -108,7 +108,7 @@ function TorrentTile({ widget }: TorrentTileProps) {
<Loader />
<Stack align="center" spacing={0}>
<Text>{t('card.loading.title')}</Text>
<Text color="dimmed">Homarr is establishing a connection...</Text>
<Text color="dimmed">{t('card.loading.description')}</Text>
</Stack>
</Stack>
);
@@ -156,7 +156,7 @@ function TorrentTile({ widget }: TorrentTileProps) {
</thead>
<tbody>
{filteredTorrents.map((torrent, index) => (
<BitTorrrentQueueItem key={index} torrent={torrent} width={width} app={undefined} />
<BitTorrentQueueItem key={index} torrent={torrent} width={width} app={undefined} />
))}
{filteredTorrents.length !== torrents.length && (

4
src/widgets/useNet/UsenetQueueList.tsx
View File

@@ -109,13 +109,13 @@ export const UsenetQueueList: FunctionComponent<UsenetQueueListProps> = ({ appId
<tr key={nzb.id}>
<td>
{nzb.state === 'paused' ? (
<Tooltip label="NOT IMPLEMENTED">
<Tooltip label={t('queue.notImplemented')}>
<ActionIcon color="gray" variant="subtle" radius="xl" size="sm">
<IconPlayerPlay size="16" />
</ActionIcon>
</Tooltip>
) : (
<Tooltip label="NOT IMPLEMENTED">
<Tooltip label={t('queue.notImplemented')}>
<ActionIcon color="primary" variant="subtle" radius="xl" size="sm">
<IconPlayerPause size="16" />
</ActionIcon>

2
src/widgets/weather/WeatherIcon.tsx
View File

@@ -11,7 +11,6 @@ import {
IconSun,
} from '@tabler/icons-react';
import { useTranslation } from 'next-i18next';
import { useElementSize } from '@mantine/hooks';
interface WeatherIconProps {
code: number;
@@ -25,7 +24,6 @@ interface WeatherIconProps {
*/
export const WeatherIcon = ({ code, size=50 }: WeatherIconProps) => {
const { t } = useTranslation('modules/weather');
const { width, ref } = useElementSize();
const { icon: Icon, name } =
weatherDefinitions.find((wd) => wd.codes.includes(code)) ?? unknownWeather;

5
src/widgets/weather/WeatherTile.tsx
View File

@@ -4,7 +4,6 @@ import {
IconArrowDownRight,
IconArrowUpRight,
IconCloudRain,
IconCurrentLocation,
IconMapPin,
} from '@tabler/icons-react';
import { api } from '~/utils/api';
@@ -12,6 +11,7 @@ import { api } from '~/utils/api';
import { defineWidget } from '../helper';
import { IWidget } from '../widgets';
import { WeatherIcon } from './WeatherIcon';
import { useTranslation } from 'react-i18next';
const definition = defineWidget({
id: 'weather',
@@ -52,6 +52,7 @@ interface WeatherTileProps {
function WeatherTile({ widget }: WeatherTileProps) {
const { data: weather, isLoading, isError } = api.weather.at.useQuery(widget.properties.location);
const { width, ref } = useElementSize();
const { t } = useTranslation('modules/weather');
if (isLoading) {
return (
@@ -77,7 +78,7 @@ function WeatherTile({ widget }: WeatherTileProps) {
if (isError) {
return (
<Center>
<Text weight={500}>An error occured</Text>
<Text weight={500}>{t('error')}</Text>
</Center>
);
}