Fixed OHIF Viewer layout / CINE / Hanging Protocol buttons (OHIF-49)

2016-07-23 15:56:36 +02:00
1 parent 59c851fa57
commit 8b364ce9d0
@@ -0,0 +1,20 @@
+<template name="layoutButton">
+    <div id="{{this.id}}"
+         class="toolbarSectionButton rp-x-1 {{this.classes}} {{activeClass}} js-dropdown-toggle"
+         title="{{this.title}}"
+         data-target="#layoutChooser"
+         >
+        <div class="svgContainer">
+            {{ #if this.svgLink }}
+            <svg>
+                <use xlink:href={{this.svgLink}}></use>
+            </svg>
+            {{ else }}
+            <i class={{iconClasses}}></i>
+            {{ /if }}
+        </div>
+        <div class="buttonLabel">
+            {{this.title}}
+        </div>
+    </div>
+</template>
@@ -0,0 +1,16 @@
+Template.layoutButton.events({
+    // TODO: Check why 'click' event won't fire?
+    'mousedown .js-dropdown-toggle'(event) {
+        // Select the button and it's target dropdown menu
+        const $button = $(event.currentTarget);
+        const $dropdown = $($button.data('target'));
+
+        // Adjust the dropdown's CSS to properly place it on the page
+        $dropdown.css({
+            top: $button.offset().top + $button.outerHeight() + 'px',
+            left: $button.offset().left + 'px'
+        });
+
+        toggleDialog($dropdown);
+    }
+});