Regroup source code

- components directory contains react components
- pages directory contains all custom pages
- resources directory contains everything that exports ResourceProps

Change-Id: I5b9b68f67e232044fabf11810482873ce5b32053

src/resources/registration_tokens.tsx

@@ -0,0 +1,95 @@
+import RegistrationTokenIcon from "@mui/icons-material/ConfirmationNumber";
+import {
+  BooleanInput,
+  Create,
+  CreateProps,
+  Datagrid,
+  DateField,
+  DateTimeInput,
+  Edit,
+  EditProps,
+  List,
+  ListProps,
+  maxValue,
+  number,
+  NumberField,
+  NumberInput,
+  regex,
+  ResourceProps,
+  SaveButton,
+  SimpleForm,
+  TextInput,
+  TextField,
+  Toolbar,
+} from "react-admin";
+
+import { DATE_FORMAT, dateFormatter, dateParser } from "../components/date";
+
+const validateToken = [regex(/^[A-Za-z0-9._~-]{0,64}$/)];
+const validateUsesAllowed = [number()];
+const validateLength = [number(), maxValue(64)];
+
+const registrationTokenFilters = [<BooleanInput source="valid" alwaysOn />];
+
+export const RegistrationTokenList = (props: ListProps) => (
+  <List
+    {...props}
+    filters={registrationTokenFilters}
+    filterDefaultValues={{ valid: true }}
+    pagination={false}
+    perPage={500}
+  >
+    <Datagrid rowClick="edit">
+      <TextField source="token" sortable={false} />
+      <NumberField source="uses_allowed" sortable={false} />
+      <NumberField source="pending" sortable={false} />
+      <NumberField source="completed" sortable={false} />
+      <DateField source="expiry_time" showTime options={DATE_FORMAT} sortable={false} />
+    </Datagrid>
+  </List>
+);
+
+export const RegistrationTokenCreate = (props: CreateProps) => (
+  <Create {...props} redirect="list">
+    <SimpleForm
+      toolbar={
+        <Toolbar>
+          {/* It is possible to create tokens per default without input. */}
+          <SaveButton alwaysEnable />
+        </Toolbar>
+      }
+    >
+      <TextInput source="token" autoComplete="off" validate={validateToken} resettable />
+      <NumberInput
+        source="length"
+        validate={validateLength}
+        helperText="resources.registration_tokens.helper.length"
+        step={1}
+      />
+      <NumberInput source="uses_allowed" validate={validateUsesAllowed} step={1} />
+      <DateTimeInput source="expiry_time" parse={dateParser} />
+    </SimpleForm>
+  </Create>
+);
+
+export const RegistrationTokenEdit = (props: EditProps) => (
+  <Edit {...props}>
+    <SimpleForm>
+      <TextInput source="token" disabled />
+      <NumberInput source="pending" disabled />
+      <NumberInput source="completed" disabled />
+      <NumberInput source="uses_allowed" validate={validateUsesAllowed} step={1} />
+      <DateTimeInput source="expiry_time" parse={dateParser} format={dateFormatter} />
+    </SimpleForm>
+  </Edit>
+);
+
+const resource: ResourceProps = {
+  name: "registration_tokens",
+  icon: RegistrationTokenIcon,
+  list: RegistrationTokenList,
+  edit: RegistrationTokenEdit,
+  create: RegistrationTokenCreate,
+};
+
+export default resource;