Meteor Template Level Subscriptions

meteorTemplateLevelSubscriptions.html

<template name="dashboardSlideOut">
{{> accountsBreadcrumb}}
{{#if Template.subscriptionsReady}}
	<ul class="collection">
		{{#each libSections}}
			<li class="collection-item">{{ libSection }}
			<i class="material-icons">heart</i>
			</li>
		{{/each}}
	</ul>
{{else}}
	<div class="loading">
		{{#if slow}}
			<div class="progress">
		      <div class="indeterminate"></div>
		    </div>
		{{/if}}
	</div>
{{/if}}
</template>

meteorTemplateLevelSubscriptions.js

// Template.dashboardSlideOut.events = {
//   "click .link": buttonCollapse = function ( e, t ) {

//   }
// };

Template.dashboardSlideOut.onCreated(function() {

	var instance = this;

	instance.slow = new ReactiveVar(false);

	// Subscription
	instance.subscribe('lib');

	// Cursor
	instance.LibSections = function() {
		return LibSections.find({});
	}

});

Template.dashboardSlideOut.onRendered(function() {
	 
});

// Template.dashboardSlideOut.onDestroyed(function() {

// });

Template.dashboardSlideOut.helpers({
  libSections: function() {
    return Template.instance().LibSections();
  },
  slow: function() {
  	
  	var instance = Template.instance();
  		slow = instance.slow.get();
  		
	Meteor.setTimeout(function() {
		instance.slow.set(true);
	}, 200);

	console.log("slow", slow);
    return slow;
  }
});