ohif-viewer/Packages/ohif-lesiontracker/client/components/timepointBrowser/item.js
2017-10-25 22:18:42 -02:00

68 lines
2.4 KiB
JavaScript

import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import { $ } from 'meteor/jquery';
import { _ } from 'meteor/underscore';
import { OHIF } from 'meteor/ohif:core';
Template.timepointBrowserItem.onCreated(() => {
const instance = Template.instance();
const { timepoint, timepointApi } = instance.data;
instance.summary = new ReactiveVar('');
instance.loading = new ReactiveVar(false);
instance.loaded = !!(timepoint.studiesData && timepoint.studiesData.length);
// Build the modalities summary of all timepoint's studies
instance.setModalitiesSummary = () => {
const modalities = {};
timepoint.studiesData.forEach(study => {
const modality = study.modalities || 'UN';
modalities[modality] = modalities[modality] + 1 || 1;
});
const summary = [];
_.each(modalities, (count, modality) => summary.push(`${count} ${modality}`));
instance.summary.set(summary.join(', '));
};
instance.loadStudies = () => new Promise((resolve, reject) => {
const filter = { studyInstanceUid: timepoint.studyInstanceUids };
instance.summary.set('Loading...');
Meteor.call('StudyListSearch', filter, (error, studiesData) => {
if (error) {
const text = 'An error has occurred while retrieving studies information';
OHIF.ui.notifications.danger({ text });
OHIF.log.error(error);
reject(error);
} else {
timepoint.studiesData = studiesData;
timepointApi.timepoints.update(timepoint._id, { $set: { studiesData } });
instance.loaded = true;
instance.loading.set(false);
resolve(studiesData);
}
});
});
if (instance.loaded) {
instance.setModalitiesSummary();
}
});
Template.timepointBrowserItem.events({
'click .timepointEntry'(event, instance) {
const element = event.currentTarget.parentElement;
const $element = $(element);
if (!instance.loaded) {
instance.loadStudies().then(() => {
$element.addClass('active');
instance.setModalitiesSummary();
});
} else {
$element.toggleClass('active');
}
}
});