-
-
-
-
-
Google Font: Roboto- -
- -
-
-
@ohif/viewer@latest- -
-
-
-
- Create a JS Object or Function to hold the OHIF Viewer's configuration. Here are some - example values that would allow the viewer to hit our public PACS: -
-
- Render the viewer in the web page's target
div-
- Our app, hosted by the development server
-cornerstone.js. Adds support for 2D DICOM rendering and manipulation, as well as support for the tools features in cornerstone-tools. Also adds "CINE Dialog" to the Toolbar.
+ Provides rendering functionalities for 2D images.
vtk.js. Adds support for volume renderings and advanced features like MPR. Also adds "3D Rotate" to the Toolbar.
- | + Types + | +Description | +Examples | +
|---|---|---|
| + + LayoutTemplate (NEW) + + | +Control Layout of a route | ++ |
| + + DataSource (NEW) + + | +Control the mapping from DICOM metadata to OHIF-metadata | ++ |
| + + SOPClassHandler + + | +Determines how retrieved study data is split into "DisplaySets" | ++ |
| + + Panel + + | +Adds left or right hand side panels | ++ |
| + + Viewport + + | +Adds a component responsible for rendering a "DisplaySet" | ++ |
| + + Commands + + | +Adds named commands, scoped to a context, to the CommandsManager | ++ |
| + + Toolbar + + | +Adds buttons or custom components to the toolbar | ++ |
| + + Context + + | +Shared state for a workflow or set of extension module definitions | ++ |
| + + HangingProtocol + + | +Adds hanging protocol rules | ++ |
+ {renderViewport()}
+
+
+ )
+}
+
+```
+
+
+
### `@ohif/viewer`
Viewport components are managed by the `ViewportGrid` Component. Which Viewport
component is used depends on:
+- Hanging Protocols
- The Layout Configuration
- Registered SopClassHandlers
-- The SopClassUID for visible/selected datasets
-
+
@@ -18,7 +35,7 @@ these components from an extension.
+ /** ... **/
+
+ )
+}
+```
+
+
+
+
+
+
-
+
## Tips & Tricks
@@ -84,23 +300,16 @@ takeaways worth mentioning:
- In extensions, you can provide fallback/alternative behavior if an expected
service is not registered
- No `UIModalService`? Use the `UINotificationService` to notify users.
-- While we don't have an examples of this, you can technically register a
- service in an extension and expose it to the core application
+- You can technically register a service in an extension and expose it to the core application
> Note: These are recommended patterns, not hard and fast rules. Following them
> will help reduce confusion and interoperability with the larger OHIF
> community, but they're not silver bullets. Please speak up, create an issue,
> if you would like to discuss new services or improvements to this pattern.
-## Maintained Services
+
diff --git a/docs/latest/services/ui/ui-dialog-service.md b/docs/latest/services/ui/ui-dialog-service.md
index 441845ce5..2cc000e2c 100644
--- a/docs/latest/services/ui/ui-dialog-service.md
+++ b/docs/latest/services/ui/ui-dialog-service.md
@@ -10,12 +10,7 @@ streamlined focus. They can be helpful when:
If you're curious about the DOs and DON'Ts of dialogs and modals, check out this
article: ["Best Practices for Modals / Overlays / Dialog Windows"][ux-article]
-
-
+
Our app, hosted by the development server
-
- 
-
-
+
## Interface
diff --git a/docs/latest/services/ui/ui-modal-service.md b/docs/latest/services/ui/ui-modal-service.md
index 89819da81..e6c208d3e 100644
--- a/docs/latest/services/ui/ui-modal-service.md
+++ b/docs/latest/services/ui/ui-modal-service.md
@@ -11,12 +11,7 @@ be centered, and not draggable. They're commonly used when:
If you're curious about the DOs and DON'Ts of dialogs and modals, check out this
article: ["Best Practices for Modals / Overlays / Dialog Windows"][ux-article]
-
-
- GIF showing successful call of UIDialogService from an extension.
-
-
- 
-
-
+
## Interface
@@ -30,12 +25,16 @@ is expected to support, [check out it's interface in `@ohif/core`][interface]
## Implementations
-| Implementation | Consumer |
-| ---------------------------------- | ----------------------------- |
-| [Modal Provider][modal-provider]\* | [OHIFModal][modal-consumer]\* |
+| Implementation | Consumer |
+| ---------------------------------- | --------- |
+| [Modal Provider][modal-provider]\* | Modal.jsx |
`*` - Denotes maintained by OHIF
+
+
+
+
> 3rd Party implementers may be added to this table via pull requests.
diff --git a/docs/v2/assets/img/loading-study.gif b/docs/v2/assets/img/loading-study.gif
deleted file mode 100644
index c010830ee..000000000
Binary files a/docs/v2/assets/img/loading-study.gif and /dev/null differ
diff --git a/docs/v2/development/getting-started.md b/docs/v2/development/getting-started.md
index dda3d70f1..1015281f3 100644
--- a/docs/v2/development/getting-started.md
+++ b/docs/v2/development/getting-started.md
@@ -67,8 +67,10 @@ You should see the following output:
### 🎉 Celebrate 🎉
+
+
-
- GIF showing successful call of UIModalService from an extension.
-
+
Our app, hosted by the development server