4minitz/4minitz

import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { $ } from 'meteor/jquery';
import { ReactiveVar } from 'meteor/reactive-var';
import { Session } from 'meteor/session';

const rememberLastTab = (tmpl) => {
    Session.set('home.lastTab', {
        tabId: tmpl.activeTabId.get(),
        tabTemplate: tmpl.activeTabTemplate.get()
    });
};

Template.home.onCreated(function () {

    // Did another view request to restore the last tab on this view?
    if (Session.get('restoreTabAfterBackButton') && Session.get('home.lastTab')) {
        this.activeTabId = new ReactiveVar(Session.get('home.lastTab').tabId);
        this.activeTabTemplate = new ReactiveVar(Session.get('home.lastTab').tabTemplate);
        Session.set('restoreTabAfterBackButton', false);
    } else {
        this.activeTabId = new ReactiveVar('tab_meetings');
        this.activeTabTemplate = new ReactiveVar('meetingSeriesList');
        rememberLastTab(this);
    }

    this.seriesReady = new ReactiveVar();

    this.autorun(() => {
        this.subscribe('meetingSeriesOverview');
        this.seriesReady.set(this.subscriptionsReady());
    });
});

Template.home.helpers({
    authenticating() {
        const subscriptionReady = Template.instance().seriesReady.get();
        return Meteor.loggingIn() || !subscriptionReady;
    },
    isTabActive: function (tabId) {
        return (Template.instance().activeTabId.get() === tabId) ? 'active' : '';
    },

    tab: function() {
        let meetingSeriesTab = Session.get('gotoMeetingSeriesTab');
        if(meetingSeriesTab) {
            Template.instance().activeTabId.set('tab_meetings');
            Template.instance().activeTabTemplate.set('meetingSeriesList');
            Session.set('gotoMeetingSeriesTab', false);
        }
        else {
            return Template.instance().activeTabTemplate.get();
        }
    }
});

Template.home.events({
    'click .nav-tabs li': function(event, tmpl) {
        let currentTab = $(event.target).closest('li');

        tmpl.activeTabId.set(currentTab.attr('id'));
        tmpl.activeTabTemplate.set(currentTab.data('template'));
        rememberLastTab(tmpl);
    }
});