Insert javascript-dependent HTML from javascript

[plack-app-gruntmaster.git] / js / 90-themes.js

(function(){
	'use strict';
	function set_style(name){
		$('link[rel~="stylesheet"]').prop('disabled', true);
		$('link[title="' + name + '"]').prop('disabled', false);
		localStorage.setItem("theme", name);
	}

	var selector;

	function add_themelink(theme, text) {
		var link = $('<a role="button">' + text + '</a>');
		link.appendTo(selector.find('ul')).wrap('<li>').on('click', function () { set_style(theme) });
	}

	$( document ).ready(function() {
		selector = $('<div>Themes: <ul class="list-inline"></ul></div>');
		add_themelink('cyborg', 'Black');
		add_themelink('slate', 'Grey');
		add_themelink('readable', 'White');
		$('#sidebar').prepend(selector);
	});

	var theme = localStorage.getItem("theme");
	if(theme) {
		if(theme == "cerulean" || theme == "cosmo")
			theme = "readable";
		set_style(theme);
	}
})();