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

Number inputs now show error if bad value

Browse Source 
Previously it just prevented you from inputting it, which was a bit bad UX
This commit is contained in:
Donkie
2023-10-10 20:45:01 +02:00
parent e2dbe8be66
commit 30d4019d7d
2 changed files with 42 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/pages/filaments/edit.tsx
View File

@@ -124,10 +124,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: false,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} precision={2} formatter={numberFormatter} parser={numberParser} />
<InputNumber precision={2} formatter={numberFormatter} parser={numberParser} />
</Form.Item>
<Form.Item
label={t("filament.fields.density")}
@@ -135,10 +137,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: true,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="g/cm³" precision={2} formatter={numberFormatter} parser={numberParser} />
<InputNumber addonAfter="g/cm³" precision={2} formatter={numberFormatter} parser={numberParser} />
</Form.Item>
<Form.Item
label={t("filament.fields.diameter")}
@@ -146,10 +150,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: true,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="mm" precision={2} formatter={numberFormatter} parser={numberParser} />
<InputNumber addonAfter="mm" precision={2} formatter={numberFormatter} parser={numberParser} />
</Form.Item>
<Form.Item
label={t("filament.fields.weight")}
@@ -158,10 +164,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: false,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="g" precision={1} />
<InputNumber addonAfter="g" precision={1} />
</Form.Item>
<Form.Item
label={t("filament.fields.spool_weight")}
@@ -170,10 +178,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: false,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="g" precision={1} />
<InputNumber addonAfter="g" precision={1} />
</Form.Item>
<Form.Item
label={t("filament.fields.settings_extruder_temp")}
@@ -181,10 +191,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: false,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="°C" precision={0} />
<InputNumber addonAfter="°C" precision={0} />
</Form.Item>
<Form.Item
label={t("filament.fields.settings_bed_temp")}
@@ -192,10 +204,12 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
rules={[
{
required: false,
type: "number",
min: 0,
},
]}
>
<InputNumber min={0} addonAfter="°C" precision={0} />
<InputNumber addonAfter="°C" precision={0} />
</Form.Item>
<Form.Item
label={t("filament.fields.article_number")}