reorganize packages, start converting overall app to react (very broken at the moment)

Packages/ohif-viewerbase/client/components/browser/item.js

@@ -0,0 +1,140 @@
+import { Template } from 'meteor/templating';
+import { ReactiveVar } from 'meteor/reactive-var';
+import { Tracker } from 'meteor/tracker';
+import $ from 'jquery';
+import _ from 'underscore';
+import { OHIF } from 'meteor/ohif:core';
+
+Template.studyBrowserItem.onCreated(() => {
+    const instance = Template.instance();
+    const { studyInformation } = instance.data;
+    const { studyInstanceUid } = studyInformation;
+
+    instance.loaded = new ReactiveVar(false);
+    instance.loading = new ReactiveVar(false);
+
+    instance.studyData = new ReactiveVar(studyInformation);
+
+    // Try to load the study data from an external source if available
+    if (OHIF.studies.getStudyBoxData) {
+        OHIF.studies.getStudyBoxData(studyInformation).then(studyData => {
+            if (!instance.loaded.get()) {
+                instance.studyData.set(studyData);
+            }
+        });
+    }
+
+    instance.studyMetadata = null;
+    instance.getStudyMetadata = () => {
+        instance.loading.dep.depend();
+
+        if (!instance.studyMetadata) {
+            let study = OHIF.viewer.Studies.findBy({ studyInstanceUid }) || null;
+            if (study && !(study instanceof OHIF.viewerbase.metadata.StudyMetadata)) {
+                study = new OHIF.metadata.StudyMetadata(study, study.studyInstanceUid);
+            }
+
+            instance.studyMetadata = study;
+        }
+
+        return instance.studyMetadata;
+    };
+
+    instance.autorun(() => {
+        const instance = Template.instance();
+
+        OHIF.studies.loadingDict.get(studyInstanceUid);
+        const studyMetadata = instance.getStudyMetadata();
+        if (studyMetadata) {
+            const firstInstance = studyMetadata.getFirstInstance();
+            instance.studyData.set({
+                studyDate: firstInstance.getRawValue('x00080020') || '',
+                studyDescription: firstInstance.getRawValue('x00081030') || '',
+                modalities: firstInstance.getRawValue('x00080060') || '',
+            });
+
+            instance.loaded.set(true);
+            instance.loading.set(false);
+        }
+    });
+});
+
+Template.studyBrowserItem.events({
+    'click .study-item'(event, instance) {
+        if (instance.loading.get()) return;
+
+        const { studyInformation } = instance.data;
+
+        //  Skip if study is not available (set to false explicitly)
+        if (studyInformation.available === false) {
+            return;
+        }
+
+        const element = event.currentTarget.parentElement;
+        const $element = $(element);
+        const triggerClick = () => {
+            const cloneEvent = _.clone(event);
+            delete cloneEvent.type;
+            cloneEvent.currentTarget = cloneEvent.target = element;
+            const newEvent = $.Event('ohif.studies.study.click', cloneEvent);
+            $element.trigger(newEvent, studyInformation);
+        };
+
+        if (instance.loaded.get()) {
+            triggerClick();
+        } else {
+            instance.loading.set(true);
+            OHIF.studies.loadStudy(studyInformation.studyInstanceUid).then(() => {
+                instance.loaded.set(true);
+                instance.loading.set(false);
+                $element.trigger('ohif.studies.study.load', studyInformation);
+                Tracker.afterFlush(triggerClick);
+            });
+        }
+    }
+});
+
+Template.studyBrowserItem.helpers({
+    isLoaded() {
+        return Template.instance().loaded.get();
+    },
+
+    hasDescriptionAndDate() {
+        const studyData = Template.instance().studyData.get();
+        return studyData.studyDescription && studyData.studyDate;
+    },
+
+    isLoading() {
+        return Template.instance().loading.get();
+    },
+
+    modalitiesText(modalities) {
+        const text = modalities || 'UN';
+        return _.uniq(text.split(/[^A-Za-z]+/g)).join(' ');
+    },
+
+    modalityStyle(modalities) {
+        // Responsively styles the Modality Acronyms for studies with more than one modality
+        const numModalities = modalities ? modalities.split(/\s/g).length : 1;
+
+        if (numModalities === 1) {
+            // If we have only one modality, it should take up the whole div
+            return 'font-size:1em';
+        } else if (numModalities === 2) {
+            // If we have two modalities, let them sit side-by-side
+            return 'font-size:0.7em';
+        } else {
+            // If we have more than two modalities, change the line height to display multiple rows
+            return 'font-size:0.7em;line-height:1.4em;padding-top:0.5em';
+        }
+    },
+
+    studyAvailable() {
+        const { studyInformation } = Template.instance().data;
+        if (!studyInformation) {
+            return;
+        }
+
+        return studyInformation.available;
+    }
+});