From dfda638bb4180fd8be3cf0883a7f4b71aebb9c53 Mon Sep 17 00:00:00 2001
From: rtrembecky <rtrembecky@gmail.com>
Date: Sat, 9 Dec 2023 00:35:24 +0100
Subject: [PATCH 1/2] admin: functional events create/edit

---
 src/components/Admin/custom/MyCreate.tsx      |  8 +-
 src/components/Admin/custom/MyEdit.tsx        |  6 +-
 .../competition/event/EventCreate.tsx         | 80 +++++++++---------
 .../resources/competition/event/EventEdit.tsx | 83 +++++++++----------
 .../resources/competition/event/EventList.tsx |  8 +-
 .../resources/competition/event/EventShow.tsx |  9 --
 6 files changed, 87 insertions(+), 107 deletions(-)

diff --git a/src/components/Admin/custom/MyCreate.tsx b/src/components/Admin/custom/MyCreate.tsx
index 173630b3..380c606b 100644
--- a/src/components/Admin/custom/MyCreate.tsx
+++ b/src/components/Admin/custom/MyCreate.tsx
@@ -1,4 +1,8 @@
 import {FC, PropsWithChildren} from 'react'
-import {Create} from 'react-admin'
+import {Create, CreateProps} from 'react-admin'
 
-export const MyCreate: FC<PropsWithChildren> = ({children}) => <Create redirect="show">{children}</Create>
+export const MyCreate: FC<PropsWithChildren<CreateProps>> = ({children, ...rest}) => (
+  <Create redirect="show" {...rest}>
+    {children}
+  </Create>
+)
diff --git a/src/components/Admin/custom/MyEdit.tsx b/src/components/Admin/custom/MyEdit.tsx
index 55f6fe9f..020a2127 100644
--- a/src/components/Admin/custom/MyEdit.tsx
+++ b/src/components/Admin/custom/MyEdit.tsx
@@ -1,10 +1,10 @@
 import {FC, PropsWithChildren} from 'react'
-import {Edit} from 'react-admin'
+import {Edit, EditProps} from 'react-admin'
 
 import {MyEditActions} from './MyEditActions'
 
-export const MyEdit: FC<PropsWithChildren> = ({children}) => (
-  <Edit actions={<MyEditActions />} mutationMode="pessimistic" redirect="show">
+export const MyEdit: FC<PropsWithChildren<EditProps>> = ({children, ...rest}) => (
+  <Edit actions={<MyEditActions />} mutationMode="pessimistic" redirect="show" {...rest}>
     {children}
   </Edit>
 )
diff --git a/src/components/Admin/resources/competition/event/EventCreate.tsx b/src/components/Admin/resources/competition/event/EventCreate.tsx
index ee5b682d..8d4e2213 100644
--- a/src/components/Admin/resources/competition/event/EventCreate.tsx
+++ b/src/components/Admin/resources/competition/event/EventCreate.tsx
@@ -1,51 +1,45 @@
-import {FC} from 'react'
-import {
-  ArrayInput,
-  DateTimeInput,
-  FormTab,
-  NumberInput,
-  required,
-  SimpleFormIterator,
-  TabbedForm,
-  TextInput,
-} from 'react-admin'
+import {Checkbox, FormControlLabel} from '@mui/material'
+import {FC, useState} from 'react'
+import {DateTimeInput, Labeled, NumberInput, required, SimpleForm, TextInput} from 'react-admin'
 
 import {CompetitionInput} from '@/components/Admin/custom/CompetitionInput'
 import {MyCreate} from '@/components/Admin/custom/MyCreate'
 
-export const EventCreate: FC = () => (
-  <MyCreate>
-    <TabbedForm>
-      <FormTab label="general">
-        <NumberInput source="id" fullWidth disabled />
+export const EventCreate: FC = () => {
+  // initial false, necakame, ze mame registration link uz ready
+  const [includeRegLink, setIncludeRegLink] = useState(false)
+
+  return (
+    <MyCreate
+      transform={(record) => {
+        // bud musime pridat cely registration object, alebo poslat null. ideal je si to tu ohandlit explicitne,
+        // nie je uplne jasne, ako inak presvedcit react admina, aby ako ten cely objekt poslat null
+        if (!includeRegLink) record.registration_link = null
+        return record
+      }}
+    >
+      <SimpleForm>
         <NumberInput source="year" fullWidth validate={required()} />
-        <TextInput source="school_year" fullWidth validate={required()} />
-        <span>napr. 2023/2024</span>
+        <TextInput source="school_year" helperText="napr. 2023/2024" fullWidth validate={required()} />
         <DateTimeInput source="start" fullWidth validate={required()} />
         <DateTimeInput source="end" fullWidth validate={required()} />
         <CompetitionInput source="competition" fullWidth validate={required()} />
-
-        <span>TODO: always sends null as registration_link</span>
-        <TextInput source="registration_link" fullWidth hidden disabled defaultValue={null} parse={() => null} />
-        {/* <NumberInput source="registration_link.id" fullWidth disabled />
-        <TextInput source="registration_link.url" fullWidth />
-        <DateInput source="registration_link.start" fullWidth />
-        <DateInput source="registration_link.end" fullWidth />
-        <TextInput source="registration_link.additional_info" fullWidth /> */}
-      </FormTab>
-      <FormTab label="publications">
-        <span>TODO: publikacie treba vediet nahrat, nie tu editovat db</span>
-        <ArrayInput source="publication_set" defaultValue={[]}>
-          <SimpleFormIterator>
-            <NumberInput source="id" fullWidth disabled />
-            <TextInput source="name" fullWidth validate={required()} />
-            <TextInput source="file" fullWidth validate={required()} />
-            <NumberInput source="publication_type" fullWidth />
-            <NumberInput source="event" fullWidth disabled />
-            <NumberInput source="order" fullWidth />
-          </SimpleFormIterator>
-        </ArrayInput>
-      </FormTab>
-    </TabbedForm>
-  </MyCreate>
-)
+        <FormControlLabel
+          control={<Checkbox checked={includeRegLink} onChange={(e) => setIncludeRegLink(e.target.checked)} />}
+          label="Pridať registračný link"
+        />
+        {includeRegLink && (
+          <Labeled label="Registration link">
+            <>
+              <NumberInput source="registration_link.id" fullWidth disabled />
+              <TextInput source="registration_link.url" fullWidth validate={required()} />
+              <DateTimeInput source="registration_link.start" fullWidth validate={required()} />
+              <DateTimeInput source="registration_link.end" fullWidth validate={required()} />
+              <TextInput source="registration_link.additional_info" fullWidth validate={required()} />
+            </>
+          </Labeled>
+        )}
+      </SimpleForm>
+    </MyCreate>
+  )
+}
diff --git a/src/components/Admin/resources/competition/event/EventEdit.tsx b/src/components/Admin/resources/competition/event/EventEdit.tsx
index efb20c6a..2c7c409b 100644
--- a/src/components/Admin/resources/competition/event/EventEdit.tsx
+++ b/src/components/Admin/resources/competition/event/EventEdit.tsx
@@ -1,51 +1,48 @@
-import {FC} from 'react'
-import {
-  ArrayInput,
-  DateTimeInput,
-  FormTab,
-  NumberInput,
-  required,
-  SimpleFormIterator,
-  TabbedForm,
-  TextInput,
-} from 'react-admin'
+import {Checkbox, FormControlLabel} from '@mui/material'
+import {FC, useState} from 'react'
+import {DateTimeInput, Labeled, NumberInput, required, SimpleForm, TextInput} from 'react-admin'
 
 import {CompetitionInput} from '@/components/Admin/custom/CompetitionInput'
 import {MyEdit} from '@/components/Admin/custom/MyEdit'
 
-export const EventEdit: FC = () => (
-  <MyEdit>
-    <TabbedForm>
-      <FormTab label="general">
-        <NumberInput source="id" fullWidth disabled />
+export const EventEdit: FC = () => {
+  // initial true, nech vidime vsetky fieldy, ktore ideme editovat
+  const [includeRegLink, setIncludeRegLink] = useState(true)
+
+  return (
+    <MyEdit
+      transform={(record) => {
+        // bud musime pridat cely registration object, alebo poslat null. ideal je si to tu ohandlit explicitne,
+        // nie je uplne jasne, ako inak presvedcit react admina, aby ako ten cely objekt poslat null
+        if (!includeRegLink) record.registration_link = null
+        // publication_set je nested field, sme dohodnuti, ze neposielame a publikacie handlujeme inak
+        delete record.publication_set
+        return record
+      }}
+    >
+      <SimpleForm>
+        {/* <NumberInput source="id" fullWidth disabled /> */}
         <NumberInput source="year" fullWidth validate={required()} />
-        <TextInput source="school_year" fullWidth validate={required()} />
-        <span>napr. 2023/2024</span>
+        <TextInput source="school_year" helperText="napr. 2023/2024" fullWidth validate={required()} />
         <DateTimeInput source="start" fullWidth validate={required()} />
         <DateTimeInput source="end" fullWidth validate={required()} />
         <CompetitionInput source="competition" fullWidth validate={required()} />
-
-        <span>TODO: always sends null as registration_link</span>
-        <TextInput source="registration_link" fullWidth hidden disabled defaultValue={null} parse={() => null} />
-        {/* <NumberInput source="registration_link.id" fullWidth disabled />
-        <TextInput source="registration_link.url" fullWidth />
-        <DateInput source="registration_link.start" fullWidth />
-        <DateInput source="registration_link.end" fullWidth />
-        <TextInput source="registration_link.additional_info" fullWidth /> */}
-      </FormTab>
-      <FormTab label="publications">
-        <span>TODO: publikacie treba vediet nahrat, nie tu editovat db</span>
-        <ArrayInput source="publication_set" defaultValue={[]}>
-          <SimpleFormIterator>
-            <NumberInput source="id" fullWidth disabled />
-            <TextInput source="name" fullWidth validate={required()} />
-            <TextInput source="file" fullWidth validate={required()} />
-            <NumberInput source="publication_type" fullWidth />
-            <NumberInput source="event" fullWidth disabled />
-            <NumberInput source="order" fullWidth />
-          </SimpleFormIterator>
-        </ArrayInput>
-      </FormTab>
-    </TabbedForm>
-  </MyEdit>
-)
+        <FormControlLabel
+          control={<Checkbox checked={includeRegLink} onChange={(e) => setIncludeRegLink(e.target.checked)} />}
+          label="Upraviť registračný link"
+        />
+        {includeRegLink && (
+          <Labeled label="Registration link">
+            <>
+              <NumberInput source="registration_link.id" fullWidth disabled />
+              <TextInput source="registration_link.url" fullWidth validate={required()} />
+              <DateTimeInput source="registration_link.start" fullWidth validate={required()} />
+              <DateTimeInput source="registration_link.end" fullWidth validate={required()} />
+              <TextInput source="registration_link.additional_info" fullWidth validate={required()} />
+            </>
+          </Labeled>
+        )}
+      </SimpleForm>
+    </MyEdit>
+  )
+}
diff --git a/src/components/Admin/resources/competition/event/EventList.tsx b/src/components/Admin/resources/competition/event/EventList.tsx
index 5869f109..80159c98 100644
--- a/src/components/Admin/resources/competition/event/EventList.tsx
+++ b/src/components/Admin/resources/competition/event/EventList.tsx
@@ -1,12 +1,11 @@
 import {FC} from 'react'
-import {BooleanField, Datagrid, DateField, FunctionField, List, NumberField, RaRecord, TextField} from 'react-admin'
+import {Datagrid, DateField, FunctionField, List, NumberField, RaRecord, TextField} from 'react-admin'
 
 import {CompetitionField} from '@/components/Admin/custom/CompetitionField'
 
 export const EventList: FC = () => (
   <List>
     <Datagrid rowClick="show">
-      <NumberField source="id" />
       <CompetitionField source="competition" />
       <NumberField source="year" />
       <NumberField source="season_code" />
@@ -14,12 +13,7 @@ export const EventList: FC = () => (
       <DateField source="start" />
       <DateField source="end" />
       <TextField source="additional_name" />
-
-      <BooleanField source="can_participate" />
-      <BooleanField source="is_registered" />
-
       <TextField source="registration_link.url" />
-
       <FunctionField<RaRecord>
         source="publication_set"
         label="Publication count"
diff --git a/src/components/Admin/resources/competition/event/EventShow.tsx b/src/components/Admin/resources/competition/event/EventShow.tsx
index ae4dc711..8556a00a 100644
--- a/src/components/Admin/resources/competition/event/EventShow.tsx
+++ b/src/components/Admin/resources/competition/event/EventShow.tsx
@@ -1,7 +1,6 @@
 import {FC} from 'react'
 import {
   ArrayField,
-  BooleanField,
   Datagrid,
   DateField,
   NumberField,
@@ -20,9 +19,6 @@ export const EventShow: FC = () => (
     <TabbedShowLayout>
       <Tab label="general">
         <SimpleShowLayout>
-          <TextField source="registration_link.url" />
-
-          <NumberField source="id" />
           <CompetitionField source="competition" />
           <NumberField source="year" />
           <NumberField source="season_code" />
@@ -31,10 +27,6 @@ export const EventShow: FC = () => (
           <DateField source="end" />
           <TextField source="additional_name" />
 
-          <BooleanField source="can_participate" />
-          <BooleanField source="is_registered" />
-
-          <NumberField source="registration_link.id" />
           <TextField source="registration_link.url" />
           <DateField source="registration_link.start" />
           <DateField source="registration_link.end" />
@@ -45,7 +37,6 @@ export const EventShow: FC = () => (
         <SimpleShowLayout>
           <ArrayField source="publication_set">
             <Datagrid>
-              <NumberField source="id" />
               <TextField source="name" />
               <TextField source="file" />
               <NumberField source="publication_type" />

From 57a4d00ee709fe0e54b33ff1068a47a8e62afe5c Mon Sep 17 00:00:00 2001
From: rtrembecky <rtrembecky@gmail.com>
Date: Sat, 9 Dec 2023 12:02:06 +0100
Subject: [PATCH 2/2] remove commented out ID

---
 src/components/Admin/resources/competition/event/EventEdit.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Admin/resources/competition/event/EventEdit.tsx b/src/components/Admin/resources/competition/event/EventEdit.tsx
index 2c7c409b..d81697ed 100644
--- a/src/components/Admin/resources/competition/event/EventEdit.tsx
+++ b/src/components/Admin/resources/competition/event/EventEdit.tsx
@@ -21,7 +21,6 @@ export const EventEdit: FC = () => {
       }}
     >
       <SimpleForm>
-        {/* <NumberInput source="id" fullWidth disabled /> */}
         <NumberInput source="year" fullWidth validate={required()} />
         <TextInput source="school_year" helperText="napr. 2023/2024" fullWidth validate={required()} />
         <DateTimeInput source="start" fullWidth validate={required()} />