First pass at a Hanging Protocol implementation and editor (LT-131)

Packages/worklist/client/components/progressDialog/progressDialog.html

@@ -0,0 +1,17 @@
+<template name="progressDialog">
+    <div id="progressDialog" tabindex="0">
+        <div class="dialogHeader">
+            <h5>{{progressDialogTitle}}</h5>
+        </div>
+        <div class="dialogContent">
+            <div class="progress">
+                <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:{{progressStatus}}">
+                    {{progressStatus}}
+                </div>
+            </div>
+            <div id="message">
+                {{{progressMessage}}}
+            </div>
+        </div>
+    </div>
+</template>

Packages/worklist/client/components/progressDialog/progressDialog.js

@@ -0,0 +1,56 @@
+progressDialog = {
+    'show': function(title, numberOfTotal) {
+        Session.set("progressDialogSettings", { title: title, numberOfCompleted: 0, numberOfTotal: numberOfTotal });
+
+        $('#progressDialog').css('display', 'block');
+    },
+    'update': function(numberOfCompleted) {
+        var progressDialogSettings = Session.get("progressDialogSettings");
+        progressDialogSettings.numberOfCompleted = numberOfCompleted;
+
+        Session.set("progressDialogSettings", progressDialogSettings);
+
+        if (progressDialogSettings.numberOfCompleted === progressDialogSettings.numberOfTotal) {
+            progressDialog.close();
+        }
+    },
+    'close': function() {
+        Session.set("progressDialogSettings", { title: "", numberOfCompleted: 0, numberOfTotal: 1 });
+        $('#progressDialog').css('display', 'none');
+    },
+    'setMessage': function(message) {
+        var progressDialogSettings = Session.get("progressDialogSettings");
+        progressDialogSettings.message = message;
+        Session.set("progressDialogSettings", progressDialogSettings);
+    }
+};
+
+Template.progressDialog.helpers({
+    'progressDialogTitle': function () {
+        if (Session.get("progressDialogSettings") && Session.get("progressDialogSettings").title) {
+            return Session.get("progressDialogSettings").title;
+        }
+
+        return "";
+    },
+    'progressStatus': function() {
+        var numberOfCompleted = 0;
+        if (Session.get("progressDialogSettings") && Session.get("progressDialogSettings").numberOfCompleted) {
+            numberOfCompleted = Session.get("progressDialogSettings").numberOfCompleted;
+        }
+
+        var numberofTotal = 1;
+        if (Session.get("progressDialogSettings") && Session.get("progressDialogSettings").numberOfTotal) {
+            numberofTotal = Session.get("progressDialogSettings").numberOfTotal;
+        }
+
+        return parseInt((numberOfCompleted / numberofTotal) * 100) + "%";
+    },
+    'progressMessage': function() {
+        var progressDialogSettings = Session.get("progressDialogSettings");
+        if (progressDialogSettings && progressDialogSettings.message) {
+            return progressDialogSettings.message;
+        }
+        return;
+    }
+});

Packages/worklist/client/components/progressDialog/progressDialog.styl

@@ -0,0 +1,25 @@
+#progressDialog
+  display: none
+  position: absolute
+  top: 0
+  bottom: 0
+  left: 0
+  right: 0
+  margin: auto
+  width: 20%
+  height: 20%
+  z-index: 100
+  border-radius: 5px
+  padding: 10px 20px 10px 20px
+  background-color: rgba(255,255,255,1)
+  outline: none
+
+  .dialogContent
+    margin-bottom: 20px
+
+    #message
+      width: 100%
+
+      span
+        display: inline-block;
+        width: 100%

Packages/worklist/client/components/worklist.js

@@ -20,10 +20,20 @@ WorklistStudies = new Meteor.Collection(null);
 WorklistStudies._debugName = 'WorklistStudies';
 
 Template.worklist.onRendered(function() {
-    // If there is a tab set as active in the Session,
-    // switch to that now.
-    var contentId = Session.get('activeContentId');
-    switchToTab(contentId);
+    var templateData = Template.currentData();
+    if (templateData && templateData.studyInstanceUid) {
+        var studyInstanceUid = templateData.studyInstanceUid;
+        openNewTab(studyInstanceUid, studyInstanceUid);
+    } else {
+        // If there is a tab set as active in the Session,
+        // switch to that now.
+        var contentId = Session.get('activeContentId');
+
+        // TODO: FIx this it seems to be forcing two switches
+        switchToTab(contentId);        
+    }
+
+    Meteor.subscribe('hangingprotocols');
 });
 
 Template.worklist.helpers({

Packages/worklist/client/components/worklistResult/worklistResult.html

@@ -97,5 +97,4 @@
             {{>studyNotFound}}
         {{/if}}
     </div>
-
 </template>

Packages/worklist/client/components/worklistResult/worklistResult.js

@@ -164,7 +164,7 @@ function search() {
         });
 
         if (WorklistStudies.find().count() === 0) {
-            // Show notFound text
+            // Show studyNotFound text
             searchResults.showNotFoundMessage = true;
             Session.set('searchResults', searchResults);
         }

Packages/worklist/client/components/worklistResult/worklistResult.styl

@@ -104,4 +104,4 @@
             border-top: 0.5px dashed #dddddd
             border-bottom: 0.5px dashed #dddddd
             color: white
-            background-color: #009BD2
+            background-color: #009BD2