mirrors/synapse-admin
1
0
Fork 0
mirror of https://github.com/Awesome-Technologies/synapse-admin.git synced 2024-10-31 06:55:15 +03:00
Code Issues Projects Releases Packages Wiki Activity

Extract date formatting into separate file

Browse source 
Change-Id: I0004617349253450c6c706e4334d63924203a804
This commit is contained in:
Manuel Stahl 2024-04-22 13:42:53 +02:00
parent 2466af6936
commit 39dd6617de
7 changed files with 11 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/EventReports.tsx
View file

@ -21,15 +21,7 @@ import { MXCField } from "./media";
import PageviewIcon from "@mui/icons-material/Pageview";
import ReportIcon from "@mui/icons-material/Warning";
import ViewListIcon from "@mui/icons-material/ViewList";
const date_format: Intl.DateTimeFormatOptions = {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
};
import { date_format } from "./date";
const ReportPagination = () => (
<Pagination rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />

31
src/components/RegistrationTokens.tsx
View file

@ -22,41 +22,12 @@ import {
Toolbar,
} from "react-admin";
import RegistrationTokenIcon from "@mui/icons-material/ConfirmationNumber";
const date_format = {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
};
import { date_format, dateFormatter, dateParser } from "./date";
const validateToken = [regex(/^[A-Za-z0-9._~-]{0,64}$/)];
const validateUsesAllowed = [number()];
const validateLength = [number(), maxValue(64)];
const dateParser = v => {
const d = new Date(v);
if (isNaN(d)) return 0;
return d.getTime();
};
const dateFormatter = v => {
if (v === undefined || v === null) return;
const d = new Date(v);
const pad = "00";
const year = d.getFullYear().toString();
const month = (pad + (d.getMonth() + 1).toString()).slice(-2);
const day = (pad + d.getDate().toString()).slice(-2);
const hour = (pad + d.getHours().toString()).slice(-2);
const minute = (pad + d.getMinutes().toString()).slice(-2);
// target format yyyy-MM-ddThh:mm
return `${year}-${month}-${day}T${hour}:${minute}`;
};
const registrationTokenFilters = [<BooleanInput source="valid" alwaysOn />];
export const RegistrationTokenList = (props: ListProps) => (

2
src/components/date.ts
View file

@ -1,4 +1,4 @@
export const DATE_FORMAT: Intl.DateTimeFormatOptions = {
export const date_format: Intl.DateTimeFormatOptions = {
year: "numeric",
month: "2-digit",
day: "2-digit",

10
src/components/destinations.tsx
View file

@ -29,7 +29,7 @@ import {
useTranslate,
} from "react-admin";
import { DATE_FORMAT } from "./date";
import { date_format } from "./date";
const DestinationPagination = () => (
<Pagination rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
@ -112,8 +112,8 @@ export const DestinationList = (props: ListProps) => {
bulkActionButtons={false}
>
<TextField source="destination" />
<DateField source="failure_ts" showTime options={DATE_FORMAT} />
<DateField source="retry_last_ts" showTime options={DATE_FORMAT} />
<DateField source="failure_ts" showTime options={date_format} />
<DateField source="retry_last_ts" showTime options={date_format} />
<TextField source="retry_interval" />
<TextField source="last_successful_stream_ordering" />
<DestinationReconnectButton />
@ -133,8 +133,8 @@ export const DestinationShow = (props: ShowProps) => {
<TabbedShowLayout>
<Tab label="status" icon={<ViewListIcon />}>
<TextField source="destination" />
<DateField source="failure_ts" showTime options={DATE_FORMAT} />
<DateField source="retry_last_ts" showTime options={DATE_FORMAT} />
<DateField source="failure_ts" showTime options={date_format} />
<DateField source="retry_last_ts" showTime options={date_format} />
<TextField source="retry_interval" />
<TextField source="last_successful_stream_ordering" />
</Tab>

7
src/components/media.tsx
View file

@ -34,17 +34,12 @@ import LockIcon from "@mui/icons-material/Lock";
import LockOpenIcon from "@mui/icons-material/LockOpen";
import FileOpenIcon from "@mui/icons-material/FileOpen";
import { alpha, useTheme } from "@mui/material/styles";
import { dateParser } from "./date";
import { getMediaUrl } from "../synapse/synapse";
const DeleteMediaDialog = ({ open, onClose, onSubmit }) => {
const translate = useTranslate();
const dateParser = v => {
const d = new Date(v);
if (isNaN(d)) return 0;
return d.getTime();
};
const DeleteMediaToolbar = (props: ToolbarProps) => (
<Toolbar {...props}>
<SaveButton

10
src/components/rooms.tsx
View file

@ -43,15 +43,7 @@ import {
RoomDirectoryUnpublishButton,
RoomDirectoryPublishButton,
} from "./RoomDirectory";
const date_format = {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
};
import { date_format } from "./date";
const RoomPagination = () => (
<Pagination rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />

10
src/components/users.tsx
View file

@ -57,6 +57,7 @@ import {
ProtectMediaButton,
QuarantineMediaButton,
} from "./media";
import { date_format } from "./date";
const choices_medium = [
{ id: "email", name: "resources.users.email" },
@ -68,15 +69,6 @@ const choices_type = [
{ id: "support", name: "support" },
];
const date_format: Intl.DateTimeFormatOptions = {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
};
const UserListActions = () => {
const { isLoading, total } = useListContext();
return (