rename image classification to object detection

Author: sumn2u

client/src/Annotation/index.jsx

@@ -69,7 +69,7 @@ export default () => {
   const { toggleTheme, theme } = useTheme();
   const [settings, setSettings] = useState({
     taskDescription: "",
-    taskChoice: "image_classification",
+    taskChoice: "object_detection",
     images: [],
     showLab: false,
     mode: theme,

client/src/ConfigurationTask/ConfigurationTask.test.js

@@ -10,8 +10,8 @@ jest.mock("react-i18next", () => ({
       ({
         "setup.tabs.taskinfo.task_info": "Task Information",
         "setup.tabs.taskinfo.task_choice": "Choice of Task",
-        "setup.tabs.taskinfo.task_choice_classification":
-          "Image Classification",
+        "setup.tabs.taskinfo.task_choice_object_detection":
+          "Object Detection",
         "setup.tabs.taskinfo.task_choice_segmentation": "Image Segmentation",
       })[key],
   }),
@@ -61,7 +61,7 @@ describe("ConfigurationTask", () => {
           title: "Task Choice",
           type: "radiogroup",
           choices: [
-            { value: "image_classification", text: "Image Classification" },
+            { value: "object_detection", text: "Object Detection" },
             { value: "image_segmentation", text: "Image Segmentation" },
           ],
         },
@@ -81,13 +81,13 @@ describe("ConfigurationTask", () => {
     expect(screen.getByText("Choice of Task")).toBeInTheDocument()
 
     // Assert radio buttons are rendered
-    const imageClassificationRadio = screen.getByTestId(
-      `radio-taskChoice-image_classification`,
+    const imageObjectDetectionRadio = screen.getByTestId(
+      `radio-taskChoice-object_detection`,
     )
     const imageSegmentationRadio = screen.getByTestId(
       `radio-taskChoice-image_segmentation`,
     )
-    expect(imageClassificationRadio).toBeInTheDocument()
+    expect(imageObjectDetectionRadio).toBeInTheDocument()
     expect(imageSegmentationRadio).toBeInTheDocument()
 
     // Simulate changing radio button and verify onChange is called

client/src/ConfigurationTask/index.jsx

@@ -22,8 +22,8 @@ export default ({ config, onChange }) => {
         isRequired: true,
         choices: [
           {
-            value: "image_classification",
-            text: t("setup.tabs.taskinfo.task_choice_classification"),
+            value: "object_detection",
+            text: t("setup.tabs.taskinfo.task_choice_object_detection"),
           },
           {
             value: "image_segmentation",
@@ -42,7 +42,7 @@ export default ({ config, onChange }) => {
           taskChoice:
             config.taskChoice !== undefined
               ? config.taskChoice
-              : "image_classification",
+              : "object_detection",
         },
         { deep: true },
       ),

client/src/ConfigureImageClassification/ConfigureImageClassification.test.js renamed to client/src/ConfigureObjectDetection/ConfigureObjectDetection.js

@@ -1,6 +1,6 @@
 import React from "react"
 import { render, screen, fireEvent } from "@testing-library/react"
-import ConfigureImageClassification from "./index"
+import ConfigureObjectDetection from "./index"
 import "@testing-library/jest-dom"
 
 // Mock the useTranslation hook with actual translations
@@ -73,13 +73,13 @@ jest.mock("material-survey/components/Survey", () => ({
   )),
 }))
 
-describe("ConfigureImageClassification", () => {
+describe("ConfigureObjectDetection", () => {
   test("renders form with questions and calls onChange on answer change", () => {
     const mockConfig = {}
     const mockOnChange = jest.fn()
 
     render(
-      <ConfigureImageClassification
+      <ConfigureObjectDetection
         config={mockConfig}
         onChange={mockOnChange}
       />,

client/src/ConfigureImageClassification/index.jsx renamed to client/src/ConfigureObjectDetection/index.jsx

@@ -34,7 +34,7 @@ const translationDeDE = {
   "setup.tabs.images": "Bilder",
   "setup.tabs.taskinfo.task_info": "Aufgabeninformation",
   "setup.tabs.taskinfo.task_choice": "Aufgabenwahl",
-  "setup.tabs.taskinfo.task_choice_classification": "Bildklassifikation",
+  "setup.tabs.taskinfo.task_choice_object_detection": "Bildklassifikation",
   "setup.tabs.taskinfo.task_choice_segmentation": "Bildsegmentierung",
   "configuration.multiple_regions": "Können mehrere Regionen erstellt werden?",
   "configuration.multiple_region_labels": "Mehrere Regionslabels erlaubt?",
@@ -70,7 +70,7 @@ const translationDeDE = {
   helptext_circle: "Kreis hinzufügen",
   comment_placeholder: "Kommentar hier schreiben...",
   image_tags: "Bild-Tags",
-  image_tags_classification_placeholder: "Bildklassifikation",
+  image_tags_object_detection_placeholder: "Bildklassifikation",
   loading: "Laden...",
   note: "Hinweis",
   here: "hier",

client/src/Localization/translation-de-DE.js

@@ -34,7 +34,7 @@ const translationEnEN = {
   "setup.tabs.images": "Images",
   "setup.tabs.taskinfo.task_info": "Task Information",
   "setup.tabs.taskinfo.task_choice": "Choice of Task",
-  "setup.tabs.taskinfo.task_choice_classification": "Image Classification",
+  "setup.tabs.taskinfo.task_choice_object_detection": "Object Detection",
   "setup.tabs.taskinfo.task_choice_segmentation": "Image Segmentation",
   "configuration.multiple_regions": "Can Multiple Regions Be Created?",
   "configuration.multiple_region_labels": "Multiple Region Labels Allowed?",
@@ -69,7 +69,7 @@ const translationEnEN = {
   auto_bounding_box_done: "Auto Bouding Box Selection Completed",
   comment_placeholder: "Write comment here...",
   image_tags: "Image Tags",
-  image_tags_classification_placeholder: "Image Classification",
+  image_tags_object_detection_placeholder: "Object Detection",
   loading: "Loading...",
   note: "Note",
   here: "here",

client/src/Localization/translation-en-EN.js

@@ -9,7 +9,7 @@ const defaultSettings = {
   wasdMode: true,
   settings: {
     taskDescription: "",
-    taskChoice: "image_classification",
+    taskChoice: "object_detection",
     images: [],
     showLab: false,
     lastSavedImageIndex: null,

client/src/SettingsProvider/index.jsx

@@ -30,8 +30,8 @@ jest.mock("../SettingsProvider", () => ({
 }))
 
 // Mock dependent components
-jest.mock("../ConfigureImageClassification", () =>
-  jest.fn(() => <div data-testid="ConfigureImageClassification" />),
+jest.mock("../ConfigureObjectDetection", () =>
+  jest.fn(() => <div data-testid="ConfigureObjectDetection" />),
 )
 jest.mock("../ConfigureImageSegmentation", () =>
   jest.fn(() => <div data-testid="ConfigureImageSegmentation" />),
@@ -53,7 +53,7 @@ describe("SetupPage", () => {
     taskDescription: "",
     configuration: { labels: [] },
     images: [],
-    taskChoice: "image_classification",
+    taskChoice: "object_detection",
   }
   const mockSetConfiguration = jest.fn()
   const mockSetShowLabel = jest.fn()

client/src/SetupPage/SetupPage.test.js

@@ -12,7 +12,7 @@ import CardContent from "@mui/material/CardContent"
 import Typography from "@mui/material/Typography"
 import IconButton from "@mui/material/IconButton"
 import PropTypes from "prop-types"
-import ConfigureImageClassification from "../ConfigureImageClassification"
+import ConfigureObjectDetection from "../ConfigureObjectDetection"
 import ConfigureImageSegmentation from "../ConfigureImageSegmentation"
 import Button from "@mui/material/Button"
 import ConfigurationTask from "../ConfigurationTask"
@@ -274,9 +274,9 @@ export const SetupPage = ({
 
         {currentTab === "configure" && (
           <Box minWidth="55vw" paddingTop={"1rem"}>
-            {settings.taskChoice === "image_classification" && (
+            {settings.taskChoice === "object_detection" && (
               <>
-                <ConfigureImageClassification
+                <ConfigureObjectDetection
                   config={settings.configuration}
                   onChange={updateConfiguration}
                 />

client/src/SetupPage/index.jsx

@@ -9,7 +9,7 @@ jest.mock("react-i18next", () => ({
     t: (key) =>
       ({
         image_tags: "Image Tags",
-        image_tags_classification_placeholder: "Image Classification",
+        image_tags_object_detection_placeholder: "Object Detection",
       })[key],
   }),
 }))
@@ -38,7 +38,7 @@ describe("TagsSidebarBox", () => {
       />,
     )
 
-  it("renders correctly with image classification and tags", () => {
+  it("renders correctly with object detection and tags", () => {
     renderComponent()
     // Check if title is rendered
     expect(screen.getByText("Image Tags")).toBeInTheDocument()

client/src/TagsSidebarBox/TagsSidebarBox.test.js

@@ -54,7 +54,7 @@ export const TagsSidebarBox = ({
       {imageClsList.length > 0 && (
         <div style={{ padding: 8 }}>
           <Select
-            placeholder={t("image_tags_classification_placeholder")}
+            placeholder={t("image_tags_object_detection_placeholder")}
             onChange={onChangeClassification}
             value={selectValue}
             options={memoImgClsList}

client/src/TagsSidebarBox/index.jsx

@@ -52,7 +52,7 @@
 
 default_settings = {
     "taskDescription": "",
-    "taskChoice": "image_classification",
+    "taskChoice": "object_detection",
     "images": [],
     "showLab": False,
     "mode": "light",

server/app.py

@@ -1,8 +1,8 @@
 {
     "taskDescription": "",
-    "taskChoice": "image_classification",
+    "taskChoice": "object_detection",
     "images": [],
-    "showLab": true,
+    "showLab": false,
     "mode": "light",
     "lastSavedImageIndex": null,
     "configuration": {

server/settings.json

@@ -35,7 +35,7 @@ def test_get_initial_settings(self):
         self.assertEqual(response.status_code, 200)
         data = json.loads(response.data)
         self.assertEqual(data["taskDescription"], "")
-        self.assertEqual(data["taskChoice"], "image_classification")
+        self.assertEqual(data["taskChoice"], "object_detection")
 
     def test_update_settings(self):
         updated_settings = {