setitagila-informer-webext-ff/options/options.js

window.addEventListener('DOMContentLoaded', function () {

	document.getElementById('cyear').innerHTML = new Date().getFullYear();

	function isNumeric(n) {
		return !isNaN(parseFloat(n)) && isFinite(n);
	}

	var notify1 = document.getElementById('notify1');
	var notify2 = document.getElementById('notify2');
	var warn1 = document.getElementById('warn1');
	var warn2 = document.getElementById('warn2');
	var balanceRub = document.getElementById('balanceRub');
	var balanceDay = document.getElementById('balanceDay');
	var badgeCustomStyle = document.getElementById('badgeCustomStyle');

	notify1.addEventListener('change', function(e) {
		saveSettings({ notify1: notify1.checked });
	}, true);

	notify2.addEventListener('change', function(e) {
		saveSettings({ notify2: notify2.checked });
	}, true);

	warn1.addEventListener('change', function(e) {
		if (warn1.checked) saveSettings({ warn2: 0 });
	}, true);

	warn2.addEventListener('change', function(e) {
		if (warn2.checked) saveSettings({ warn2: 1 });
	}, true);

	balanceRub.addEventListener('change', function(e) {
		if (isNumeric(balanceRub.value)) saveSettings({ balanceRub: balanceRub.value });
	}, true);

	balanceDay.addEventListener('change', function(e) {
		if (isNumeric(balanceDay.value)) saveSettings({ balanceDay: balanceDay.value });
	}, true);

	badgeCustomStyle.addEventListener('change', function() {
		document.getElementById('badgeStyle15').checked = true;
		var custom = document.getElementById("badgeCustomStyle").value;
		saveSettings({ bstyle: 15, bstyle_color: custom, bstyle_custom: custom });
	});

	function saveSettings(param) {
		browser.runtime.sendMessage({ cmd: 'saveSetting', setting: param });
	}

	browser.storage.sync.get().then(function(settings) {
	   	switch (settings.notify1) {
			case false: notify1.checked = false; break;
			case true: notify1.checked = true; break;
            default: notify1.checked = true;
		}

	   	switch (settings.notify2) {
			case false: notify2.checked = false; break;
			case true: notify2.checked = true; break;
			default: notify2.checked = true;
		}

	   	switch (settings.warn2) {
			case 0: warn1.checked = true; break;
			case 1: warn2.checked = true; break;
			default: warn1.checked = true;
		}

		balanceRub.value = settings.balanceRub ? settings.balanceRub : 30;
		balanceDay.value = settings.balanceDay ? settings.balanceDay : 7;

		var bstyle = settings.bstyle;
		var bstylecustom = settings.bstyle_custom;
		if (typeof bstyle != "undefined")
			document.getElementById('badgeStyle' + bstyle).checked = true;
		else
			document.getElementById('badgeStyle2').checked = true;

		if (typeof bstylecustom != "undefined")
		document.getElementById("badgeCustomStyle").value = bstylecustom;

	  	function varScope(i) {
			document.getElementById('badgeStyle' + i).addEventListener('change', function(e) {
				var custom = document.getElementById("badgeCustomStyle").value;
				var bcl;
				switch (i) {
					case 1: bcl = '#666666'; break;
					case 2: bcl = '#5F617F'; break;
					case 3: bcl = '#71587F'; break;
					case 4: bcl = '#7D4E4A'; break;
					case 5: bcl = '#8A613F'; break;
					case 6: bcl = '#976D00'; break;
					case 7: bcl = '#A66020'; break;
					case 8: bcl = '#4E6AA6'; break;
					case 9: bcl = '#387694'; break;
					case 10: bcl = '#2E7C81'; break;
					case 11: bcl = '#557574'; break;
					case 12: bcl = '#81715E'; break;
					case 13: bcl = '#707900'; break;
					case 14: bcl = '#577B2B'; break;
					case 15: bcl = custom; break;
					default: bcl = '#666666';
				}

                saveSettings({ bstyle: i, bstyle_color: bcl, bstyle_custom: custom });
			}, true);
		};
		for (var i = 1; i <= 15; i++) varScope(i);

		function blink() {
			text = document.getElementById('warnBadge2');
			text.style.backgroundColor = text.style.backgroundColor != 'rgb(183, 44, 67)' ? '#B72C43' : '#666';
		}
		setInterval(blink, 1000);
	});

}, false);