PWV-1: Refactoring ohif:studylist package

Packages/ohif-core/client/components/bootstrap/dropdown/backdrop.html

@@ -0,0 +1,3 @@
+<template name="dropdownBackdrop">
+    <div class="dropdown-backdrop"></div>
+</template>

Packages/ohif-core/client/components/bootstrap/dropdown/form.html

@@ -0,0 +1,8 @@
+<template name="dropdownForm">
+    {{#form class='dropdown' api=this.api hideValidationBox=true}}
+        {{>dropdownBackdrop}}
+        <ul class="dropdown-menu">
+            {{>UI.contentBlock}}
+        </ul>
+    {{/form}}
+</template>

Packages/ohif-core/client/components/bootstrap/dropdown/form.js

@@ -0,0 +1,25 @@
+import { Template } from 'meteor/templating';
+import { Blaze } from 'meteor/blaze';
+import { _ } from 'meteor/underscore';
+
+Template.dropdownForm.onRendered(() => {
+    const instance = Template.instance();
+
+    // Show the dropdown
+    instance.$('.dropdown').addClass('open');
+
+    // Destroy the Blaze created view (either created with template calls or with renderWithData)
+    instance.destroyView = () => {
+        if (_.isFunction(instance.data.destroyView)) {
+            instance.data.destroyView();
+        } else {
+            Blaze.remove(instance.view);
+        }
+    };
+});
+
+Template.dropdownForm.events({
+    'click .dropdown'(event, instance) {
+        instance.destroyView();
+    }
+});

Packages/ohif-core/client/components/bootstrap/index.js

@@ -3,6 +3,10 @@ import './dialog/form.js';
 import './dialog/login.html';
 import './dialog/login.js';
 
+import './dropdown/backdrop.html';
+import './dropdown/form.html';
+import './dropdown/form.js';
+
 import './form/button.html';
 import './form/form.html';
 import './form/group.html';