示例#1
0
 * along with ARSnova Click.  If not, see <http://www.gnu.org/licenses/>.*/

import {Template} from 'meteor/templating';
import {Router} from 'meteor/iron:router';
import * as footerElements from "/client/layout/region_footer/scripts/lib.js";
import {themeTracker} from './lib.js';
import * as headerLib from '/client/layout/region_header/lib.js';

Template.themeSwitcher.onRendered(function () {
	footerElements.removeFooterElements();
	if (!Router.current().params.quizName) {
		footerElements.addFooterElement(footerElements.footerElemHome);
		footerElements.addFooterElement(footerElements.footerElemAbout);
		footerElements.addFooterElement(footerElements.footerElemTranslation);
		if (navigator.userAgent.match(/iPad/i) == null) {
			footerElements.addFooterElement(footerElements.footerElemFullscreen);
		}
		footerElements.addFooterElement(footerElements.footerElemHashtagManagement);
	}
	footerElements.footerTracker.changed();
	themeTracker.changed();
	headerLib.calculateHeaderSize();
	headerLib.calculateTitelHeight();
	$('.imagePreviewFile').on("load", function () {
		const themePreviews = $(".themePreview");
		const heights = themePreviews.map(function () { return $(this).height(); }).get();
		const maxHeight = Math.max.apply(null, heights);
		themePreviews.height(maxHeight);
	});
});
import { Template } from 'meteor/templating';

if(Meteor.isClient) {
    Template.themeSwitcher.onCreated(function () {
        this.themes = new ReactiveVar([
            { href: 'themes/darkly/style.css', disabled: true },
            { href: 'themes/flatly/style.css', disabled: true },
            { href: 'themes/default/style.css', disabled: false }
        ]);
    });

    Template.themeSwitcher.events({
        'change select' : function(event, template) {
            var themes = template.themes.get();
            themes.forEach(function(theme) {
                theme.disabled = true;
            });
            var selectedTheme = _.findWhere(themes, { href: event.target.value });
            selectedTheme.disabled = false;
            template.themes.set(themes);
        }
    });
    Template.themeSwitcher.helpers({
        themes: function() {
            return Template.instance().themes.get();
        }
    });
}