feat(admin): created show files

apps/admin/src/App.js

@@ -46,6 +46,7 @@ const App = () => (
                 }
                 icon={Organization.icon}
                 option={Organization.option}
+                show={Organization.show}
             />,
             <Resource
                 key="job-posting"
@@ -57,6 +58,7 @@ const App = () => (
                 }
                 icon={JobPosting.icon}
                 option={JobPosting.option}
+                show={Organization.show}
             />,
         ]}
     </Admin>

apps/admin/src/job-posting/Show.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Show, SimpleShowLayout, TextField, DateField } from 'react-admin';
+
+export const JobPostingShow = (props) => {
+    return (
+        <Show title="Vue de l'offre d'emploi" {...props}>
+            <SimpleShowLayout>
+                <TextField source="title:%l%" label="Filtre par titre" />
+                <TextField source="employmentType" label="Type de contrat" />
+                <TextField
+                    source="hiringOrganizationName:%l%"
+                    label="Nom d'entreprise"
+                />
+                <TextField
+                    source="hiringOrganizationAddressLocality:l%"
+                    label="Ville de l'entreprise"
+                />
+                <TextField
+                    source="hiringOrganizationPostalCode:l%"
+                    label="Code postal de l'entreprise"
+                />
+
+                <DateField source="datePosted:lte" label="Postée avant le" />
+                <TextField source="datePosted:gte" label="Postée après le" />
+                <TextField source="jobStartDate:lte" label="Commence avant" />
+                <TextField source="jobStartDate:gte" label="Commence après" />
+                <TextField
+                    source="validThrough_before"
+                    label="Valide jusqu'au"
+                />
+                <TextField source="validThrough:gte" label="Valide après le" />
+            </SimpleShowLayout>
+        </Show>
+    );
+};

apps/admin/src/job-posting/index.js

@@ -1,5 +1,5 @@
 import JobPostingIcon from '@material-ui/icons/EventSeat';
-
+import { JobPostingShow } from './Show';
 import { JobPostingList } from './List';
 import { JobPostingEdit } from './Edit';
 import { JobPostingCreate } from './Create';
@@ -16,5 +16,6 @@ export default {
     edit: JobPostingEdit,
     icon: JobPostingIcon,
     list: JobPostingList,
+    show: JobPostingShow,
     options: { label: "Offres d'emploi" },
 };

apps/admin/src/organization/List.js

@@ -61,7 +61,7 @@ export const OrganizationList = ({ permissions, ...props }) => {
             bulkActionButtons={false}
             title="Liste des Entreprises"
         >
-            <Datagrid>
+            <Datagrid rowClik="show">
                 <OrganizationLogo label="Logo" />
                 <TextField source="name" label="Nom de l'entreprise" />
                 <OrganizationAddress label="Adresse" />

apps/admin/src/organization/Show.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Show, SimpleShowLayout, TextField } from 'react-admin';
+
+// Todo :
+// const OrganizationName = ({ record }) => {
+//     return <span>{record ? `"${record.name}"` : ''}</span>;
+// };
+
+export const OrganizationShow = (props) => {
+    return (
+        // to add :
+        // <Show title={<OrganizationName />} {...props}></Show>
+        <Show title="vue de l'entreprise" {...props}>
+            <SimpleShowLayout>
+                {/* todo: LOGO */}
+                <TextField label="Nom de l'entreprise" source="name" />
+                <TextField label="Email principal" source="email" />
+                <TextField label="Url du site web" source="url" />
+                <TextField label="Présentation" source="description" />
+                <TextField label="adresse" source="address" />
+
+                <TextField
+                    label="Nom du contact des offres d'emploi"
+                    source="contact_name"
+                />
+                <TextField
+                    label="Email du contact des offres d'emploi"
+                    source="contact_email"
+                />
+                <TextField
+                    label="Téléphone du contact des offres d'emploi"
+                    source="contact_phone"
+                />
+            </SimpleShowLayout>
+        </Show>
+    );
+};

apps/admin/src/organization/index.js

@@ -3,11 +3,13 @@ import OrganizationIcon from '@material-ui/icons/People';
 import { OrganizationList } from './List';
 import { OrganizationEdit } from './Edit';
 import { OrganizationCreate } from './Create';
+import { OrganizationShow } from './Show';
 
 export default {
     create: OrganizationCreate,
     edit: OrganizationEdit,
     icon: OrganizationIcon,
     list: OrganizationList,
+    show: OrganizationShow,
     options: { label: 'Entreprises' },
 };