Updates for Timepoint assocation (LT-60) and Conformance Checks (LT-92, LT-93, LT-94)

2016-02-08 19:59:39 +01:00
1 parent 6c4eae3699
commit beaa56c0b3
@@ -0,0 +1,21 @@
+<template name="studyContextMenu">
+    <div id="studyContextMenu" class="studyContextMenu noselect"
+         oncontextmenu='return false;'
+         unselectable='on'
+         onselectstart='return false;'>
+        <ul>
+            <li>
+                <a class="disabled"><span class="fa-stack fa-lg">
+                      <i class="fa fa-user fa-stack-1x"></i>
+                      <i class="fa fa-ban fa-stack-2x text-danger"></i>
+                    </span> Anonymize
+                </a>
+                <a class="disabled"><i class="fa fa-trash fa-lg"></i> Delete</a>
+                <a class="disabled"><i class="fa fa-send-o fa-lg"></i> Send</a>
+                <a class="disabled"><i class="fa fa-exchange fa-lg"></i> Export</a>
+                <a class="disabled"><i class="fa fa-download fa-lg"></i> Download</a>
+                <a class="disabled"><i class="fa fa-photo fa-lg"></i> View Series Details</a>
+            </li>
+        </ul>
+    </div>
+</template>
@@ -0,0 +1,71 @@
+function closeHandler(dialog) {
+    // Hide the dialog
+    $(dialog).css('display', 'none');
+
+    // Remove the backdrop
+    $('.removableBackdrop').remove();
+}
+
+/**
+ * This function is used inside the Worklist package to define a right click callback
+ *
+ * @param e
+ */
+openStudyContextMenu = function(e) {
+    Template.studyContextMenu.study = $(e.currentTarget);
+
+    var dialog = $('#studyContextMenu');
+
+    // Show the nonTargetLesion dialog above
+    var dialogProperty = {
+        display: 'block'
+    };
+
+    // Device is touch device or not
+    // If device is touch device, set position center of screen vertically and horizontally// jscs:ignore
+    if (isTouchDevice()) {
+        // add dialogMobile class to provide a black, transparent background
+        dialog.addClass('dialogMobile');
+        dialogProperty.top = 0;
+        dialogProperty.left = 0;
+        dialogProperty.right = 0;
+        dialogProperty.bottom = 0;
+    } else {
+        dialogProperty.top = e.pageY;
+        dialogProperty.left = e.pageX;
+
+        var pageHeight = $(document.body).height();
+        dialogProperty.top = Math.max(dialogProperty.top, 0);
+        dialogProperty.top = Math.min(dialogProperty.top, pageHeight - dialog.outerHeight());
+
+        var pageWidth = $(document.body).width();
+        dialogProperty.left = Math.max(dialogProperty.left, 0);
+        dialogProperty.left = Math.min(dialogProperty.left, pageWidth - dialog.outerWidth());
+    }
+
+    dialog.css(dialogProperty);
+    dialog.focus();
+
+    // Show the backdrop
+    UI.render(Template.removableBackdrop, document.body);
+
+    // Make sure the context menu is closed when the user clicks away
+    $('.removableBackdrop').one('mousedown touchstart', function() {
+        closeHandler(dialog);
+    });
+};
+
+Template.studyContextMenu.events({
+    'click a': function(e) {
+        var study = Template.studyContextMenu.study;
+        var id = $(e.currentTarget).attr('id');
+
+        var fn = Worklist.functions[id];
+        if (fn && typeof(fn) === 'function') {
+            fn(study);
+        }
+
+        var dialog = $('#studyContextMenu');
+        closeHandler(dialog);
+    }
+});
@@ -0,0 +1,56 @@
+.studyContextMenu
+  z-index: 10000
+  display: none
+  position: absolute
+  color: whitesmoke
+  background-color: #2d2d2d
+
+  width: -moz-fit-content
+  width: -webkit-fit-content
+  width: fit-content
+
+  height: -moz-fit-content
+  height: -webkit-fit-content
+  height: fit-content
+
+  min-width: 100px
+  font-size: 14px
+  text-align: left
+  -webkit-background-clip: padding-box
+  background-clip: padding-box
+  border: 1px solid rgba(0, 0, 0, .15)
+  border-radius: 4px
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
+  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
+
+  ul
+    width: 100%
+    margin: 5px 0
+    list-style: none
+    padding: 0
+
+    li
+      clear: both
+      white-space: nowrap
+
+      a
+        padding: 3px 15px
+        display: block
+        text-decoration: none
+        cursor: pointer
+        line-height: 25px
+        color: #808080
+
+        &:not(.disabled):hover
+          color: #439193
+          text-decoration: none
+          background-color: #1d1d1d
+
+        &.disabled
+          opacity: 0.4
+          pointer-events: none
+          cursor: default
+
+  .fa-lg
+    width: 40px
+    text-align: center