IO-1829 Add additional columns to visual board.

client/src/components/production-board-kanban/production-board-kanban.component.jsx

@@ -51,7 +51,10 @@ export function ProductionBoardKanbanComponent({
   const { t } = useTranslation();
   useEffect(() => {
     const boardData = createBoardData(
-      bodyshop.md_ro_statuses.production_statuses,
+      [
+        ...bodyshop.md_ro_statuses.production_statuses,
+        ...(bodyshop.md_ro_statuses.additional_board_statuses || []),
+      ],
       data,
       filter
     );
@@ -61,13 +64,7 @@ export function ProductionBoardKanbanComponent({
     });
     setBoardLanes(boardData);
     setIsMoving(false);
-  }, [
-    data,
-    setBoardLanes,
-    setIsMoving,
-    bodyshop.md_ro_statuses.production_statuses,
-    filter,
-  ]);
+  }, [data, setBoardLanes, setIsMoving, bodyshop.md_ro_statuses, filter]);
 
   const client = useApolloClient();
 

client/src/components/shop-info/shop-info.rostatus.component.jsx

@@ -153,6 +153,25 @@ export function ShopInfoROStatusComponent({ bodyshop, form }) {
           ))}
         </Select>
       </Form.Item>
+      <Form.Item
+        name={["md_ro_statuses", "additional_board_statuses"]}
+        label={t("bodyshop.fields.statuses.additional_board_statuses")}
+        rules={[
+          {
+            //required: true,
+            //message: t("general.validation.required"),
+            type: "array",
+          },
+        ]}
+      >
+        <Select mode="multiple">
+          {options.map((item, idx) => (
+            <Select.Option key={idx} value={item}>
+              {item}
+            </Select.Option>
+          ))}
+        </Select>
+      </Form.Item>
       <LayoutFormRow noDivider>
         <Form.Item
           label={t("bodyshop.fields.statuses.default_scheduled")}