141 lines
4.6 KiB
JavaScript
141 lines
4.6 KiB
JavaScript
import { Template } from 'meteor/templating';
|
|
import { ReactiveVar } from 'meteor/reactive-var';
|
|
import { Tracker } from 'meteor/tracker';
|
|
import { $ } from 'meteor/jquery';
|
|
import { _ } from 'meteor/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;
|
|
}
|
|
});
|