73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
import { OHIF } from 'meteor/ohif:core';
|
|
import { Template } from 'meteor/templating';
|
|
|
|
const TOP_CLASS = 'top';
|
|
const BOTTOM_CLASS = 'bottom';
|
|
const MIDDLE_CLASS = 'middle';
|
|
|
|
Template.gridLayout.helpers({
|
|
// Get the height percentage for each viewport
|
|
height() {
|
|
const instance = Template.instance();
|
|
const rows = instance.data.rows || 1;
|
|
return 100 / rows;
|
|
},
|
|
|
|
// Get the width percentage for each viewport
|
|
width() {
|
|
const instance = Template.instance();
|
|
const columns = instance.data.columns || 1;
|
|
return 100 / columns;
|
|
},
|
|
|
|
// Get class for each viewport, so each app
|
|
// using ohif-viewerbase can style on their own
|
|
getClass(index) {
|
|
const { rows, columns } = this;
|
|
|
|
if (rows === 1) {
|
|
return `${TOP_CLASS} ${BOTTOM_CLASS}`;
|
|
}
|
|
|
|
const actualRow = Math.floor(index / columns);
|
|
|
|
if ( actualRow === 0 ) {
|
|
return TOP_CLASS;
|
|
}
|
|
if ( actualRow + 1 === rows ) {
|
|
return BOTTOM_CLASS;
|
|
}
|
|
|
|
return MIDDLE_CLASS;
|
|
},
|
|
|
|
// Return the viewports list
|
|
viewports() {
|
|
const instance = Template.instance();
|
|
const rows = instance.data.rows;
|
|
const columns = instance.data.columns;
|
|
const numViewports = rows * columns;
|
|
const viewportData = instance.data.viewportData;
|
|
const numViewportsWithData = viewportData.length;
|
|
|
|
// Check if the viewportData length is different from the given
|
|
if (numViewportsWithData < numViewports) {
|
|
// Add the missing viewports
|
|
var difference = numViewports - numViewportsWithData;
|
|
for (var i = 0; i < difference; i++) {
|
|
viewportData.push({
|
|
viewportIndex: numViewportsWithData + i + 1,
|
|
rows,
|
|
columns
|
|
});
|
|
}
|
|
} else if (numViewportsWithData > numViewports) {
|
|
// Remove the additional viewports
|
|
return viewportData.slice(0, numViewports);
|
|
}
|
|
|
|
// Return the viewports
|
|
return viewportData;
|
|
}
|
|
});
|