feat: add generated code
This commit is contained in:
36
frontend/src/App.tsx
Normal file
36
frontend/src/App.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
import { Admin, Resource } from 'react-admin';
|
||||
import { dataProvider } from './dataProvider';
|
||||
import { authProvider } from './authProvider';
|
||||
|
||||
// Equipment resources
|
||||
import { EquipmentList } from './resources/equipment/EquipmentList';
|
||||
import { EquipmentEdit } from './resources/equipment/EquipmentEdit';
|
||||
import { EquipmentCreate } from './resources/equipment/EquipmentCreate';
|
||||
import { EquipmentShow } from './resources/equipment/EquipmentShow';
|
||||
|
||||
// ChangeEquipmentStatus resources
|
||||
import { ChangeEquipmentStatusList } from './resources/change-equipment-status/ChangeEquipmentStatusList';
|
||||
import { ChangeEquipmentStatusEdit } from './resources/change-equipment-status/ChangeEquipmentStatusEdit';
|
||||
import { ChangeEquipmentStatusCreate } from './resources/change-equipment-status/ChangeEquipmentStatusCreate';
|
||||
import { ChangeEquipmentStatusShow } from './resources/change-equipment-status/ChangeEquipmentStatusShow';
|
||||
|
||||
const App = () => (
|
||||
<Admin dataProvider={dataProvider} authProvider={authProvider}>
|
||||
<Resource
|
||||
name="equipment"
|
||||
list={EquipmentList}
|
||||
create={EquipmentCreate}
|
||||
edit={EquipmentEdit}
|
||||
show={EquipmentShow}
|
||||
/>
|
||||
<Resource
|
||||
name="change-equipment-status"
|
||||
list={ChangeEquipmentStatusList}
|
||||
create={ChangeEquipmentStatusCreate}
|
||||
edit={ChangeEquipmentStatusEdit}
|
||||
show={ChangeEquipmentStatusShow}
|
||||
/>
|
||||
</Admin>
|
||||
);
|
||||
|
||||
export default App;
|
||||
19
frontend/src/main.tsx
Normal file
19
frontend/src/main.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import { initKeycloak } from './authProvider';
|
||||
import App from './App';
|
||||
|
||||
const root = ReactDOM.createRoot(
|
||||
document.getElementById('root') as HTMLElement
|
||||
);
|
||||
|
||||
// Initialize Keycloak before rendering the app
|
||||
initKeycloak().then(() => {
|
||||
root.render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>
|
||||
);
|
||||
}).catch((error) => {
|
||||
console.error('Failed to initialize Keycloak:', error);
|
||||
});
|
||||
@@ -0,0 +1,25 @@
|
||||
import { Create, SimpleForm, TextInput, DateInput, SelectInput, ReferenceInput } from 'react-admin';
|
||||
|
||||
const equipmentStatusChoices = [
|
||||
{ id: 'Active', name: 'В эксплуатации' },
|
||||
{ id: 'Repair', name: 'В ремонте' },
|
||||
{ id: 'Reserve', name: 'В резерве' },
|
||||
{ id: 'WriteOff', name: 'Списано' },
|
||||
];
|
||||
|
||||
export const ChangeEquipmentStatusCreate = () => (
|
||||
<Create>
|
||||
<SimpleForm>
|
||||
<ReferenceInput source="equipmentId" reference="equipment" label="Оборудование" required />
|
||||
<SelectInput
|
||||
source="newStatus"
|
||||
label="Новый статус"
|
||||
choices={equipmentStatusChoices}
|
||||
required
|
||||
/>
|
||||
<TextInput source="number" label="Номер" fullWidth />
|
||||
<DateInput source="date" label="Дата изменения статуса" required />
|
||||
<TextInput source="responsible" label="Ответственный" fullWidth />
|
||||
</SimpleForm>
|
||||
</Create>
|
||||
);
|
||||
@@ -0,0 +1,25 @@
|
||||
import { Edit, SimpleForm, TextInput, DateInput, SelectInput, ReferenceInput } from 'react-admin';
|
||||
|
||||
const equipmentStatusChoices = [
|
||||
{ id: 'Active', name: 'В эксплуатации' },
|
||||
{ id: 'Repair', name: 'В ремонте' },
|
||||
{ id: 'Reserve', name: 'В резерве' },
|
||||
{ id: 'WriteOff', name: 'Списано' },
|
||||
];
|
||||
|
||||
export const ChangeEquipmentStatusEdit = () => (
|
||||
<Edit>
|
||||
<SimpleForm>
|
||||
<TextInput disabled source="id" label="Идентификатор" />
|
||||
<ReferenceInput source="equipmentId" reference="equipment" label="Оборудование" />
|
||||
<SelectInput
|
||||
source="newStatus"
|
||||
label="Новый статус"
|
||||
choices={equipmentStatusChoices}
|
||||
/>
|
||||
<TextInput source="number" label="Номер" fullWidth />
|
||||
<DateInput source="date" label="Дата изменения статуса" />
|
||||
<TextInput source="responsible" label="Ответственный" fullWidth />
|
||||
</SimpleForm>
|
||||
</Edit>
|
||||
);
|
||||
@@ -0,0 +1,23 @@
|
||||
import { List, DataTable, TextField, DateField, EditButton, ShowButton, ReferenceField } from 'react-admin';
|
||||
import { EquipmentStatusField } from '../equipment/EquipmentStatusField';
|
||||
|
||||
export const ChangeEquipmentStatusList = () => (
|
||||
<List>
|
||||
<DataTable>
|
||||
<DataTable.Col source="id" />
|
||||
<DataTable.Col source="equipmentId" label="Оборудование">
|
||||
<ReferenceField source="equipmentId" reference="equipment" />
|
||||
</DataTable.Col>
|
||||
<DataTable.Col source="newStatus" label="Новый статус" field={EquipmentStatusField} />
|
||||
<DataTable.Col source="number" label="Номер" />
|
||||
<DataTable.Col source="date" label="Дата изменения статуса" field={DateField} />
|
||||
<DataTable.Col source="responsible" label="Ответственный" />
|
||||
<DataTable.Col source="createdAt" label="Создано" field={DateField} />
|
||||
<DataTable.Col source="updatedAt" label="Обновлено" field={DateField} />
|
||||
<DataTable.Col>
|
||||
<EditButton />
|
||||
<ShowButton />
|
||||
</DataTable.Col>
|
||||
</DataTable>
|
||||
</List>
|
||||
);
|
||||
@@ -0,0 +1,17 @@
|
||||
import { Show, SimpleShowLayout, TextField, DateField, ReferenceField } from 'react-admin';
|
||||
import { EquipmentStatusField } from '../equipment/EquipmentStatusField';
|
||||
|
||||
export const ChangeEquipmentStatusShow = () => (
|
||||
<Show>
|
||||
<SimpleShowLayout>
|
||||
<TextField source="id" label="Идентификатор" />
|
||||
<ReferenceField source="equipmentId" reference="equipment" label="Оборудование" />
|
||||
<EquipmentStatusField source="newStatus" label="Новый статус" />
|
||||
<TextField source="number" label="Номер" />
|
||||
<DateField source="date" label="Дата изменения статуса" />
|
||||
<TextField source="responsible" label="Ответственный" />
|
||||
<DateField source="createdAt" label="Создано" />
|
||||
<DateField source="updatedAt" label="Обновлено" />
|
||||
</SimpleShowLayout>
|
||||
</Show>
|
||||
);
|
||||
4
frontend/src/resources/change-equipment-status/index.ts
Normal file
4
frontend/src/resources/change-equipment-status/index.ts
Normal file
@@ -0,0 +1,4 @@
|
||||
export { ChangeEquipmentStatusList } from './ChangeEquipmentStatusList';
|
||||
export { ChangeEquipmentStatusEdit } from './ChangeEquipmentStatusEdit';
|
||||
export { ChangeEquipmentStatusCreate } from './ChangeEquipmentStatusCreate';
|
||||
export { ChangeEquipmentStatusShow } from './ChangeEquipmentStatusShow';
|
||||
25
frontend/src/resources/equipment/EquipmentCreate.tsx
Normal file
25
frontend/src/resources/equipment/EquipmentCreate.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { Create, SimpleForm, TextInput, DateInput, SelectInput } from 'react-admin';
|
||||
|
||||
const equipmentStatusChoices = [
|
||||
{ id: 'Active', name: 'В эксплуатации' },
|
||||
{ id: 'Repair', name: 'В ремонте' },
|
||||
{ id: 'Reserve', name: 'В резерве' },
|
||||
{ id: 'WriteOff', name: 'Списано' },
|
||||
];
|
||||
|
||||
export const EquipmentCreate = () => (
|
||||
<Create>
|
||||
<SimpleForm>
|
||||
<TextInput source="name" label="Название" fullWidth required />
|
||||
<TextInput source="serialNumber" label="Серийный номер" fullWidth required />
|
||||
<DateInput source="dateOfInspection" label="Дата поверки" />
|
||||
<DateInput source="commissionedAt" label="Дата изготовления" />
|
||||
<SelectInput
|
||||
source="status"
|
||||
label="Статус"
|
||||
choices={equipmentStatusChoices}
|
||||
defaultValue="Active"
|
||||
/>
|
||||
</SimpleForm>
|
||||
</Create>
|
||||
);
|
||||
25
frontend/src/resources/equipment/EquipmentEdit.tsx
Normal file
25
frontend/src/resources/equipment/EquipmentEdit.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { Edit, SimpleForm, TextInput, DateInput, SelectInput } from 'react-admin';
|
||||
|
||||
const equipmentStatusChoices = [
|
||||
{ id: 'Active', name: 'В эксплуатации' },
|
||||
{ id: 'Repair', name: 'В ремонте' },
|
||||
{ id: 'Reserve', name: 'В резерве' },
|
||||
{ id: 'WriteOff', name: 'Списано' },
|
||||
];
|
||||
|
||||
export const EquipmentEdit = () => (
|
||||
<Edit>
|
||||
<SimpleForm>
|
||||
<TextInput disabled source="id" label="Идентификатор" />
|
||||
<TextInput source="name" label="Название" fullWidth />
|
||||
<TextInput source="serialNumber" label="Серийный номер" fullWidth />
|
||||
<DateInput source="dateOfInspection" label="Дата поверки" />
|
||||
<DateInput source="commissionedAt" label="Дата изготовления" />
|
||||
<SelectInput
|
||||
source="status"
|
||||
label="Статус"
|
||||
choices={equipmentStatusChoices}
|
||||
/>
|
||||
</SimpleForm>
|
||||
</Edit>
|
||||
);
|
||||
21
frontend/src/resources/equipment/EquipmentList.tsx
Normal file
21
frontend/src/resources/equipment/EquipmentList.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import { List, DataTable, TextField, DateField, EditButton, ShowButton } from 'react-admin';
|
||||
import { EquipmentStatusField } from './EquipmentStatusField';
|
||||
|
||||
export const EquipmentList = () => (
|
||||
<List>
|
||||
<DataTable>
|
||||
<DataTable.Col source="id" />
|
||||
<DataTable.Col source="name" label="Название" />
|
||||
<DataTable.Col source="serialNumber" label="Серийный номер" />
|
||||
<DataTable.Col source="dateOfInspection" label="Дата поверки" field={DateField} />
|
||||
<DataTable.Col source="commissionedAt" label="Дата изготовления" field={DateField} />
|
||||
<DataTable.Col source="status" label="Статус" field={EquipmentStatusField} />
|
||||
<DataTable.Col source="createdAt" label="Создано" field={DateField} />
|
||||
<DataTable.Col source="updatedAt" label="Обновлено" field={DateField} />
|
||||
<DataTable.Col>
|
||||
<EditButton />
|
||||
<ShowButton />
|
||||
</DataTable.Col>
|
||||
</DataTable>
|
||||
</List>
|
||||
);
|
||||
17
frontend/src/resources/equipment/EquipmentShow.tsx
Normal file
17
frontend/src/resources/equipment/EquipmentShow.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import { Show, SimpleShowLayout, TextField, DateField } from 'react-admin';
|
||||
import { EquipmentStatusField } from './EquipmentStatusField';
|
||||
|
||||
export const EquipmentShow = () => (
|
||||
<Show>
|
||||
<SimpleShowLayout>
|
||||
<TextField source="id" label="Идентификатор" />
|
||||
<TextField source="name" label="Название" />
|
||||
<TextField source="serialNumber" label="Серийный номер" />
|
||||
<DateField source="dateOfInspection" label="Дата поверки" />
|
||||
<DateField source="commissionedAt" label="Дата изготовления" />
|
||||
<EquipmentStatusField source="status" label="Статус" />
|
||||
<DateField source="createdAt" label="Создано" />
|
||||
<DateField source="updatedAt" label="Обновлено" />
|
||||
</SimpleShowLayout>
|
||||
</Show>
|
||||
);
|
||||
15
frontend/src/resources/equipment/EquipmentStatusField.tsx
Normal file
15
frontend/src/resources/equipment/EquipmentStatusField.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import { useRecordContext } from 'react-admin';
|
||||
|
||||
const statusLabels: Record<string, string> = {
|
||||
'Active': 'В эксплуатации',
|
||||
'Repair': 'В ремонте',
|
||||
'Reserve': 'В резерве',
|
||||
'WriteOff': 'Списано',
|
||||
};
|
||||
|
||||
export const EquipmentStatusField = ({ source }: { source: string }) => {
|
||||
const record = useRecordContext();
|
||||
const status = record ? record[source] : null;
|
||||
|
||||
return <span>{status ? statusLabels[status] || status : ''}</span>;
|
||||
};
|
||||
4
frontend/src/resources/equipment/index.ts
Normal file
4
frontend/src/resources/equipment/index.ts
Normal file
@@ -0,0 +1,4 @@
|
||||
export { EquipmentList } from './EquipmentList';
|
||||
export { EquipmentEdit } from './EquipmentEdit';
|
||||
export { EquipmentCreate } from './EquipmentCreate';
|
||||
export { EquipmentShow } from './EquipmentShow';
|
||||
Reference in New Issue
Block a user