Added create/list/show/edit for schools to RA

src/components/Admin/Admin.tsx

@@ -38,6 +38,10 @@ import {SolutionCreate} from './resources/competition/solution/SolutionCreate'
 import {SolutionEdit} from './resources/competition/solution/SolutionEdit'
 import {SolutionList} from './resources/competition/solution/SolutionList'
 import {SolutionShow} from './resources/competition/solution/SolutionShow'
+import {SchoolCreate} from './resources/personal/schools/SchoolCreate'
+import {SchoolEdit} from './resources/personal/schools/SchoolEdit'
+import {SchoolList} from './resources/personal/schools/SchoolList'
+import {SchoolShow} from './resources/personal/schools/SchoolShow'
 import {useAuthProvider} from './useAuthProvider'
 
 export const Admin: FC = () => {
@@ -109,9 +113,22 @@ export const Admin: FC = () => {
         show={EventRegistrationShow}
         create={EventRegistrationCreate}
       />
-      <Resource name="personal/schools" recordRepresentation="verbose_name" />
+      <Resource
+        name="personal/schools"
+        recordRepresentation="verbose_name"
+        list={SchoolList}
+        show={SchoolShow}
+        edit={SchoolEdit}
+        create={SchoolCreate}
+      />
       <Resource name="personal/profiles" recordRepresentation="verbose_name" />
       <Resource name="competition/late-tag" recordRepresentation="name" />
+      <Resource
+        name="personal/districts"
+        recordRepresentation={(record) => {
+          return `${record.name} ${record.abbreviation ? `(${record.abbreviation})` : ''}`
+        }}
+      />
     </ReactAdmin>
   )
 }

src/components/Admin/resources/personal/schools/SchoolCreate.tsx

@@ -0,0 +1,42 @@
+import {FC} from 'react'
+import {AutocompleteInput, ReferenceInput, required, SimpleForm, TextInput} from 'react-admin'
+
+import {MyCreate} from '@/components/Admin/custom/MyCreate'
+
+export const SchoolCreate: FC = () => {
+  const validateEmail = (value: string) => {
+    if (value && !/^[\w%+.-]+@[\d.a-z-]+\.[a-z]{2,}$/iu.test(value)) return 'Zadaj platnú emailovú adresu'
+  }
+
+  return (
+    <MyCreate>
+      <SimpleForm>
+        <TextInput
+          fullWidth
+          source="name"
+          helperText="Oficiálny názov školy. Napr. Gymnázium Jura Hronca"
+          validate={required()}
+        />
+        <TextInput fullWidth source="street" validate={required()} />
+        <TextInput fullWidth source="city" validate={required()} />
+        <TextInput fullWidth source="zip_code" helperText="PSČ školy" validate={required()} />
+        <ReferenceInput source="district" reference="personal/districts">
+          <AutocompleteInput fullWidth validate={required()} />
+        </ReferenceInput>
+
+        <TextInput
+          fullWidth
+          source="abbreviation"
+          helperText="Skratka školy. Zadávajte v tvare napr.: SNov3BA (Druh školy, adresa, číslo, okres)"
+          validate={required()}
+        />
+        <TextInput
+          fullWidth
+          source="email"
+          helperText="Emailový kontakt na školu. Ak neexistuje všeobecný, tak napr. na riaditeľa/vyučujúceho"
+          validate={validateEmail}
+        />
+      </SimpleForm>
+    </MyCreate>
+  )
+}

src/components/Admin/resources/personal/schools/SchoolEdit.tsx

@@ -0,0 +1,41 @@
+import {FC} from 'react'
+import {AutocompleteInput, ReferenceInput, required, SimpleForm, TextInput} from 'react-admin'
+
+import {MyEdit} from '@/components/Admin/custom/MyEdit'
+
+export const SchoolEdit: FC = () => {
+  const validateEmail = (value: string) => {
+    if (value && !/^[\w%+.-]+@[\d.a-z-]+\.[a-z]{2,}$/iu.test(value)) return 'Zadaj platnú emailovú adresu'
+  }
+
+  return (
+    <MyEdit>
+      <SimpleForm>
+        <TextInput
+          fullWidth
+          source="name"
+          helperText="Oficiálny názov školy. Napr. Gymnázium Jura Hronca"
+          validate={required()}
+        />
+        <TextInput fullWidth source="street" validate={required()} />
+        <TextInput fullWidth source="city" validate={required()} />
+        <TextInput fullWidth source="zip_code" helperText="PSČ školy" validate={required()} />
+        <ReferenceInput source="district" reference="personal/districts">
+          <AutocompleteInput fullWidth validate={required()} />
+        </ReferenceInput>
+        <TextInput
+          fullWidth
+          source="abbreviation"
+          helperText="Skratka školy. Zadávajte v tvare napr.: SNov3BA (Druh školy, adresa, číslo, okres)"
+          validate={required()}
+        />
+        <TextInput
+          fullWidth
+          source="email"
+          helperText="Emailový kontakt na školu. Ak neexistuje všeobecný, tak napr. na riaditeľa/vyučujúceho"
+          validate={validateEmail}
+        />
+      </SimpleForm>
+    </MyEdit>
+  )
+}

src/components/Admin/resources/personal/schools/SchoolList.tsx

@@ -0,0 +1,15 @@
+import {FC} from 'react'
+import {Datagrid, List, TextField} from 'react-admin'
+
+import {TruncatedTextField} from '@/components/Admin/custom/TruncatedTextField'
+
+export const SchoolList: FC = () => (
+  <List>
+    <Datagrid rowClick="show">
+      <TruncatedTextField source="name" maxTextWidth={60} />
+      <TextField source="street" />
+      <TextField source="city" />
+      <TextField source="abbreviation" />
+    </Datagrid>
+  </List>
+)

src/components/Admin/resources/personal/schools/SchoolShow.tsx

@@ -0,0 +1,17 @@
+import {FC} from 'react'
+import {EmailField, ReferenceField, SimpleShowLayout, TextField} from 'react-admin'
+
+import {MyShow} from '@/components/Admin/custom/MyShow'
+
+export const SchoolShow: FC = () => (
+  <MyShow>
+    <SimpleShowLayout>
+      <TextField source="name" />
+      <TextField source="street" />
+      <TextField source="zip_code" />
+      <ReferenceField source="district" reference="personal/districts" />
+      <TextField source="abbreviation" />
+      <EmailField source="email" />
+    </SimpleShowLayout>
+  </MyShow>
+)