2016-06-07 19:09:47 +02:00
|
|
|
Template.flexboxLayout.onCreated(() => {
|
|
|
|
|
const instance = Template.instance();
|
|
|
|
|
instance.state = instance.data.state;
|
|
|
|
|
});
|
|
|
|
|
|
2016-06-08 17:03:43 +02:00
|
|
|
let resizeTimeout;
|
2016-06-07 19:09:47 +02:00
|
|
|
Template.flexboxLayout.onRendered(() => {
|
|
|
|
|
const instance = Template.instance();
|
|
|
|
|
|
2016-06-08 17:03:43 +02:00
|
|
|
instance.autorun(() => {
|
2016-06-07 19:09:47 +02:00
|
|
|
Meteor.clearTimeout(resizeTimeout);
|
|
|
|
|
|
|
|
|
|
// Trigger a resize any time the layout state changes
|
2016-06-08 17:03:43 +02:00
|
|
|
instance.state.get('leftSidebar');
|
|
|
|
|
instance.state.get('rightSidebar');
|
2016-06-07 19:09:47 +02:00
|
|
|
|
2016-06-08 17:03:43 +02:00
|
|
|
resizeTimeout = Meteor.setTimeout(() => {
|
2016-06-07 19:09:47 +02:00
|
|
|
handleResize();
|
|
|
|
|
}, 300);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
Template.flexboxLayout.helpers({
|
2016-06-08 17:03:43 +02:00
|
|
|
leftSidebarOpen() {
|
2016-06-28 14:33:39 +02:00
|
|
|
return Template.instance().state.get('leftSidebar');
|
2016-06-07 19:09:47 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
lesionSidebarOpen() {
|
2016-06-08 17:03:43 +02:00
|
|
|
return Template.instance().state.get('rightSidebar') === 'lesions';
|
2016-06-07 19:09:47 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
additionalMeasurementsSidebarOpen() {
|
2016-06-08 17:03:43 +02:00
|
|
|
return Template.instance().state.get('rightSidebar') === 'additional';
|
2016-06-07 19:09:47 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
rightSidebarOpen() {
|
2016-06-08 17:03:43 +02:00
|
|
|
return Template.instance().state.get('rightSidebar') !== null;
|
2016-06-07 19:09:47 +02:00
|
|
|
}
|
|
|
|
|
});
|