From b94e16c98a41d0f90c73031fd143dc05e0316f16 Mon Sep 17 00:00:00 2001
From: sarikaya <sarikaya.nurefsan@gmail.com>
Date: Wed, 17 Jul 2024 03:33:07 +0300
Subject: [PATCH] Round by 0.25 for the enhanced robogrades

---
 .../grades-form/grades-form.tsx               | 56 ++++++++++++++++---
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
index 513ccd897ada..9be932435fc5 100644
--- a/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
+++ b/cvat-ui/src/components/annotation-page/grades-form/grades-form.tsx
@@ -447,22 +447,42 @@ export function GradesForm({ task }: Props): JSX.Element | null {
                                             <Row gutter={[8, 16]}>
                                                 <Col span={6}>
                                                     <Form.Item label='Centering' name='front_centering_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Surface' name='front_surface_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Edges' name='front_edges_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Corners' name='front_corners_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                             </Row>
@@ -473,22 +493,42 @@ export function GradesForm({ task }: Props): JSX.Element | null {
                                             <Row gutter={[8, 16]}>
                                                 <Col span={6}>
                                                     <Form.Item label='Centering' name='back_centering_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Surface' name='back_surface_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Edges' name='back_edges_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                                 <Col span={6}>
                                                     <Form.Item label='Corners' name='back_corners_human_grade'>
-                                                        <Input type='number' max={10} min={0} step={0.5} />
+                                                        <InputNumber
+                                                            formatter={roundBy25}
+                                                            max={10}
+                                                            min={0}
+                                                            step={0.25}
+                                                        />
                                                     </Form.Item>
                                                 </Col>
                                             </Row>