tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Client: Filament/Vendor selects now work

Browse Source
This commit is contained in:
Donkie
2023-05-14 20:06:17 +02:00
parent 8e21cd2e12
commit 43919ac90e
14 changed files with 98 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/pages/spools/create.tsx
View File

@@ -1,12 +1,17 @@
import React from "react";
import { IResourceComponentsProps } from "@refinedev/core";
import { Create, useForm } from "@refinedev/antd";
import { Create, useForm, useSelect } from "@refinedev/antd";
import { Form, Input, DatePicker, Select, InputNumber } from "antd";
import dayjs from "dayjs";
import TextArea from "antd/es/input/TextArea";
export const SpoolCreate: React.FC<IResourceComponentsProps> = () => {
const { formProps, saveButtonProps, queryResult } = useForm();
const { formProps, saveButtonProps } = useForm();
const { selectProps } = useSelect<IFilament>({
resource: "filament",
optionLabel: "name",
});
return (
<Create saveButtonProps={saveButtonProps}>
@@ -41,14 +46,14 @@ export const SpoolCreate: React.FC<IResourceComponentsProps> = () => {
</Form.Item>
<Form.Item
label="Filament"
name={["filament", "name"]}
name={["filament_id"]}
rules={[
{
required: true,
},
]}
>
{/* <Select {...filamentSelectProps} /> */}
<Select {...selectProps} />
</Form.Item>
<Form.Item
label="Used Weight"

24
client/src/pages/spools/edit.tsx
View File

@@ -1,14 +1,22 @@
import React from "react";
import { IResourceComponentsProps } from "@refinedev/core";
import { Edit, useForm } from "@refinedev/antd";
import { Form, Input, DatePicker, Select, InputNumber } from "antd";
import { Edit, useForm, useSelect } from "@refinedev/antd";
import { Form, Input, DatePicker, Select } from "antd";
import dayjs from "dayjs";
import TextArea from "antd/es/input/TextArea";
export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
const { formProps, saveButtonProps, queryResult } = useForm();
const { formProps, saveButtonProps } = useForm();
const spoolData = queryResult?.data?.data;
const { selectProps } = useSelect<IFilament>({
resource: "filament",
optionLabel: "name",
});
if (formProps.initialValues) {
formProps.initialValues["filament_id"] =
formProps.initialValues["filament"].id;
}
return (
<Edit saveButtonProps={saveButtonProps}>
@@ -43,7 +51,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
name={["first_used"]}
rules={[
{
required: true,
required: false,
},
]}
getValueProps={(value) => ({
@@ -57,7 +65,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
name={["last_used"]}
rules={[
{
required: true,
required: false,
},
]}
getValueProps={(value) => ({
@@ -68,14 +76,14 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
</Form.Item>
<Form.Item
label="Filament"
name={["filament", "name"]}
name={["filament_id"]}
rules={[
{
required: true,
},
]}
>
{/* <Select {...filamentSelectProps} /> */}
<Select {...selectProps} />
</Form.Item>
<Form.Item
label="Used Weight"

2
client/src/pages/spools/list.tsx
View File

@@ -27,7 +27,7 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
<Table.Column
dataIndex="remaining_weight"
title="Estimated Remaining Weight"
render={(value: any) => (
render={(value) => (
<NumberField
value={value}
options={{

12
client/src/pages/spools/model.tsx Normal file
View File

@@ -0,0 +1,12 @@
interface ISpool {
id: string;
registered: string;
first_used?: string;
last_used?: string;
filament: IFilament;
remaining_weight?: number;
used_weight: number;
location?: string;
lot_nr?: string;
comment?: string;
}

8
client/src/pages/spools/show.tsx
View File

@@ -1,12 +1,6 @@
import React from "react";
import { IResourceComponentsProps, useShow } from "@refinedev/core";
import {
Show,
NumberField,
DateField,
TagField,
TextField,
} from "@refinedev/antd";
import { Show, NumberField, DateField, TextField } from "@refinedev/antd";
import { Typography } from "antd";
const { Title } = Typography;