trying out radio buttons but probably discarding

scalableminds · Sep 30, 2023 · cd6d3d9 · knollengewaechs · Oct 2, 2023 · knollengewaechs
1 parent 5640d14
commit cd6d3d9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/conf/application.conf b/conf/application.conf
@@ -130,11 +130,11 @@ features {
   discussionBoard = "https://forum.image.sc/tag/webknossos"
   discussionBoardRequiresAdmin = false
   hideNavbarLogin = false
-  isWkorgInstance = false
+  isWkorgInstance = true
   taskReopenAllowedInSeconds = 30
   allowDeleteDatasets = true
   # to enable jobs for local development, use "yarn enable-jobs" to also activate it in the database
-  jobsEnabled = false
+  jobsEnabled = true
   voxelyticsEnabled = false
   # For new users, the dashboard will show a banner which encourages the user to check out the following dataset.
   # If isWkorgInstance == true, `/createExplorative/hybrid/true` is appended to the URL so that a new tracing is opened.

diff --git a/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx b/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx
@@ -1,4 +1,4 @@
-import { Button, Dropdown, Modal, Radio, Tooltip } from "antd";
+import { Button, Dropdown, Modal, Radio, Space, Tooltip } from "antd";
 import {
   HistoryOutlined,
   CheckCircleOutlined,
@@ -259,6 +259,7 @@ export function getAISegmentationMenu(
   isAINucleiSegmentationModalOpen: boolean,
   isAINeuronSegmentationModalOpen: boolean,
 ): React.ReactNode {
+  const radioStyle = { width: 100, height: 100, padding: 10 }
   return isAINeuronSegmentationModalOpen ? (
     <Modal
       open
@@ -271,34 +272,35 @@ export function getAISegmentationMenu(
       onCancel={() => Store.dispatch(setAINeuronSegmentationModalVisibilityAction(false))}
     >
       Choose a processing job for your dataset:
-      <Radio.Group buttonStyle="solid">
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+      <Radio.Group buttonStyle="outline">
+        <Space align="center">
+          <Radio.Button style={radioStyle}>
+            <>
+              Neuron segmentation
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+                style={{ width: 80, height: "auto", }}
             />
-          </div>
+            </>
         </Radio.Button>
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+          <Radio.Button style={radioStyle} disabled>
+            Nuclei detection
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+              style={{ width: 80, height: "auto", }}
             />
-          </div>
         </Radio.Button>
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+          <Radio.Button style={radioStyle} disabled>
+            Mitochondria detection
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+              style={{ width: 80, height: "auto", }}
             />
-          </div>
         </Radio.Button>
+        </Space>
       </Radio.Group >
       {/* insert modal here */}
     </Modal >