Removing viewSeriesDetailsModal from DOM

LesionTracker/client/components/app/app.html

@@ -29,5 +29,4 @@
         </div>
     </div>
     {{>progressDialog}}
-    {{>viewSeriesDetailsModal}}
 </template>

LesionTracker/client/routes.js

@@ -16,9 +16,7 @@ Router.configure({
 Router.onBeforeAction('loading');
 
 const data = {
-    additionalTemplates: [
+    additionalTemplates: []
-        'viewSeriesDetailsModal'
-    ]
 };
 
 const routerOptions = { data };

OHIFViewer/client/components/ohifViewer/ohifViewer.html

@@ -41,5 +41,4 @@
     </div>
     {{>studylist}}
     {{>aboutModal}}
-    {{>viewSeriesDetailsModal}}
 </template>

Packages/ohif-study-list/client/components/seriesDetailsModal/index.js

@@ -1,4 +1,4 @@
-import './viewSeriesDetailsModal.html';
+import './seriesDetailsModal.html';
 
 import './seriesDetailsTable/seriesDetailsTable.html';
 import './seriesDetailsTable/seriesDetailsTable.styl';

Packages/ohif-study-list/client/components/seriesDetailsModal/seriesDetailsModal.html

@@ -0,0 +1,5 @@
+<template name="seriesDetailsModal">
+    {{#dialogSimple (extend this title='Series Details')}}
+        {{>seriesDetailsTable selectedStudies=this.selectedStudies}}
+    {{/dialogSimple}}
+</template>

Packages/ohif-study-list/client/components/seriesDetailsModal/viewSeriesDetailsModal.html

@@ -1,20 +0,0 @@
-<template name="viewSeriesDetailsModal">
-    <div class="modal" id="viewSeriesDetailsModal" tabindex="-1" role="dialog" aria-labelledby="viewSeriesDetailsModalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="associationModalLabel">Series Details</h4>
-                </div>
-                <div class="modal-body">
-                    {{> seriesDetailsTable
-                            selectedStudies=selectedStudies
-                    }}
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id='cancelAssociation'>Close</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>

Packages/ohif-study-list/client/components/studyContextMenu/studyContextMenu.js

@@ -67,9 +67,7 @@ function viewSeriesDetails() {
         return;
     }
 
-    Modal.show('viewSeriesDetailsModal', {
+    OHIF.ui.showDialog('seriesDetailsModal', { selectedStudies });
-        selectedStudies: selectedStudies
-    });
 }
 
 Template.studyContextMenu.events({