diff --git a/tdrive/frontend/src/app/features/global/services/languages-service.ts b/tdrive/frontend/src/app/features/global/services/languages-service.ts index 06f432f0..f6bb93e6 100755 --- a/tdrive/frontend/src/app/features/global/services/languages-service.ts +++ b/tdrive/frontend/src/app/features/global/services/languages-service.ts @@ -69,6 +69,10 @@ class LanguagesService extends Observable { this.notify(); } + getLanguage(): string { + return this.language; + } + t(route: string, parameters: any[] = [], fallback?: string) { let replace: any = {}; try { diff --git a/tdrive/frontend/src/app/views/client/body/drive/components/select-users.tsx b/tdrive/frontend/src/app/views/client/body/drive/components/select-users.tsx index 9f50cba4..19d82087 100644 --- a/tdrive/frontend/src/app/views/client/body/drive/components/select-users.tsx +++ b/tdrive/frontend/src/app/views/client/body/drive/components/select-users.tsx @@ -72,7 +72,7 @@ export default (props: { }} size="sm" > - Add + {Languages.t('general.add')} diff --git a/tdrive/frontend/src/app/views/client/body/drive/modals/update-access/public-link-access.tsx b/tdrive/frontend/src/app/views/client/body/drive/modals/update-access/public-link-access.tsx index f2b4fe32..091dae0a 100644 --- a/tdrive/frontend/src/app/views/client/body/drive/modals/update-access/public-link-access.tsx +++ b/tdrive/frontend/src/app/views/client/body/drive/modals/update-access/public-link-access.tsx @@ -8,12 +8,16 @@ import { Input } from 'app/atoms/input/input-text'; import { useEffect, useRef, useState } from 'react'; import { AccessLevel } from './common'; import moment from 'moment'; +import 'moment/min/locales' import Languages from 'features/global/services/languages-service'; + export const PublicLinkManager = ({ id, disabled }: { id: string; disabled?: boolean }) => { const { item, loading, update } = useDriveItem(id); const publicLink = getPublicLink(item); + + return ( <> {Languages.t('components.public-link-acess.public_link_acess')} @@ -115,6 +119,11 @@ const PublicLinkOptions = (props: { props.onChangeExpiration(useExpiration ? expiration : 0); }, [useExpiration, expiration]); + function expirationDate(exp: moment.MomentInput) { + moment.locale(Languages.getLanguage()); + return moment(exp).fromNow(true).toLocaleString(); + } + return ( <> {Languages.t('components.public-link-security')} @@ -156,6 +165,9 @@ const PublicLinkOptions = (props: { )}
+ + + { @@ -169,7 +181,7 @@ const PublicLinkOptions = (props: { ({Languages.t('components.public-link-security_expired')}) )} {useExpiration && (expiration || 0) > Date.now() && ( - ({moment(expiration).fromNow(true).toLocaleString()}) + ({expirationDate(expiration)}) )}{' '}
{!!useExpiration && (