Merge pull request #71 from finetjul/tweak-medical-example

Tweak medical example

Author: Thibault-Pelletier

README.md

@@ -47,7 +47,11 @@ To get started using trame, please have a look at the
 [introductory trame course](https://kitware.github.io/trame/guide/intro/course.html).
 
 To start using the trame-slicer library, have a look and run the
-[medical viewer app](examples/medical_viewer_app.py)
+[medical viewer app](examples/medical_viewer_app.py):
+
+```bash
+python examples/medical_viewer_app.py
+```
 
 ## Features
 
@@ -93,7 +97,7 @@ The library is distributed with a permissive license. Please look at the
 [LICENSE](https://github.com/KitwareMedical/trame-slicer/blob/main/LICENSE) file
 for more information.
 
-## Acknowledgment
+## Acknowledgments
 
 This library was funded by the following projects :
 

examples/viewer_lib/ui/segmentation/segment_display_ui.py

@@ -41,15 +41,18 @@ def __init__(self, typed_state: TypedState[SegmentDisplayState], **kwargs):
 
         self._typed_state.data.opacity_3d.step = 0.01
         self._typed_state.data.opacity_3d.value = 1
+        self._typed_state.data.opacity_3d.is_disabled = not self._typed_state.data.show_3d
 
         with self:
-            with VCardItem():
+            with VCardItem(
+                click=f"{self._typed_state.name.is_extended} = !{self._typed_state.name.is_extended};",
+            ):
                 Text("Rendering", title=True)
                 with Template(v_slot_append=True):
                     VBtn(
                         icon=(f"{self._typed_state.name.is_extended} ? 'mdi-chevron-up' : 'mdi-chevron-down'",),
                         variant="flat",
-                        click=f"{self._typed_state.name.is_extended} = !{self._typed_state.name.is_extended};",
+                        click_stop=f"{self._typed_state.name.is_extended} = !{self._typed_state.name.is_extended};",
                         size="small",
                     )
             with VCardText(v_if=(self._typed_state.name.is_extended,), classes="align-center"):
@@ -88,7 +91,7 @@ def __init__(self, typed_state: TypedState[SegmentDisplayState], **kwargs):
                     ControlButton(
                         icon="mdi-video-3d",
                         name="Toggle 3D",
-                        click=f"{self._typed_state.name.show_3d} = ! {self._typed_state.name.show_3d}",
+                        click=self._toggle_show_3d,
                         active=(self._typed_state.name.show_3d,),
                     )
                 Text("Border thickness", subtitle=True)
@@ -117,3 +120,7 @@ def _on_display_options_changed(self, opacity_mode):
             )
         else:
             self._typed_state.data.opacity_mode = SegmentationOpacityEnum.BOTH
+
+    def _toggle_show_3d(self):
+        self._typed_state.data.show_3d = not self._typed_state.data.show_3d
+        self._typed_state.data.opacity_3d.is_disabled = not self._typed_state.data.show_3d

examples/viewer_lib/ui/text_components.py

@@ -10,6 +10,12 @@ def __init__(self, text: str, title: bool = False, subtitle: bool = False, **kwa
                 "text-subtitle-1" if title else ("text-subtitle-2" if subtitle else ""),
             ]
         )
+        kwargs["style"] = " ".join(
+            [
+                "user-select: none;",  # text is not selectable by default
+                kwargs.pop("style", ""),
+            ]
+        )
         super().__init__(**kwargs)
 
         with self:

examples/viewer_lib/ui/viewer_layout.py

@@ -42,7 +42,7 @@ def __init__(
 
         with self:
             with VAppBar() as self.appbar:
-                self.title = VToolbarTitle(title)
+                self.title = VToolbarTitle(title, style="user-select: none;")
 
             with VFooter(app=True, classes="my-0 py-0", border=True) as self.footer:
                 VProgressCircular(