ionTab uses session, localStorage, and router fallback

components/ionTab/ionTab.js

@@ -1,7 +1,23 @@
+Tracker.autorun(function () {
+  var ionTabCurrent = Session.get('ionTab.current');
+
+  if( ionTabCurrent ){
+    localStorage.setItem('ionTab.current', ionTabCurrent);  
+  }
+});
+
+Meteor.startup(function () {
+  var ionTabCurrent = localStorage.getItem('ionTab.current');
+
+  if( ionTabCurrent ){
+    Session.set('ionTab.current', ionTabCurrent);
+  }
+});
+
 Template.ionTab.events({
   'click': function (event, template) {
     if (template.data.path) {
-      Session.set('currentTab', template.data.path);
+      Session.set('ionTab.current', template.data.path);
     }
 
     // If the tab's content is being rendered inside of a ionNavView
@@ -22,7 +38,16 @@ Template.ionTab.helpers({
   },
 
   isActive: function () {
-    if (this.path && this.path === Session.get('currentTab')) {
+    var ionTabCurrent = Session.get('ionTab.current');
+
+    if (this.path && this.path === ionTabCurrent) {
+      return 'active';
+    }
+
+    // The initial case where there is no localStorage value and
+    // no session variable has been set, this attempts to set the correct tab
+    // to active based on the router
+    if(Router.routes[this.path].path(Template.parentData(1)) === ionTabCurrent){
       return 'active';
     }
   },

components/ionTabs/ionTabs.js

@@ -4,6 +4,19 @@ Template.ionTabs.rendered = function () {
   } else {
     Session.set('hasTabs', true);
   }
+
+  // This is a fallback if no localStorage is found:
+  // look through tabs and see if current route matches
+  // one of the href attributes, cross fingers
+  if( !Session.get('ionTab.current') ){
+    this.$('.tabs').children().each(function() { 
+      var href = $(this).attr('href');
+      var current = Router.current().route.path();
+      if(href === current){
+        Session.set('ionTab.current', href);
+      }
+    });
+  }
 };
 
 Template.ionTabs.destroyed = function () {

package.js

@@ -7,7 +7,7 @@ Package.describe({
 
 Package.onUse(function(api) {
   api.versionsFrom("1.0");
-  api.use(["templating", "underscore", "fastclick", "iron:router"], "client");
+  api.use(["templating", "underscore", "fastclick", "iron:router", "tracker", "session"], "client");
 
   api.addFiles([
     "vendor/snap.js",