options.js

$(function() {
	var toastIconUri = null,
		toastSoundUri = null;

	$('#lblVersion').text(chrome.runtime.getManifest().version);

	$('#radToast').buttonset();
	$('#radShowCount').buttonset();

	$('#fileToastIcon').on('change', function(event) {
		var file = event.target.files[0];  // TODO: can this array be empty?
		if (!file.type.match('image.*')) {
			// TODO: display an error of some kind
			return;
		}
		// TODO: worthwhile to encapsulate file operations?
		var fileReader = new FileReader();
		fileReader.onload = function(event) {
			toastIconUri = event.target.result;
			$('#imgToastIcon').prop('src', toastIconUri);
		};
		fileReader.readAsDataURL(file);
	});

	$('#fileToastSound').on('change', function(event) {
		var file = event.target.files[0];  // TODO: can this array be empty?
		if (!file.type.match('audio.*')) {
			// TODO: display an error of some kind
			//		 specifically for midis... I bet a lot of people will want midis
			return;
		}
		// TODO: worthwhile to encapsulate file operations?
		var fileReader = new FileReader();
		fileReader.onload = function(event) {
			toastSoundUri = event.target.result;
			$('#audToastSound').prop('src', toastSoundUri);
		};
		fileReader.readAsDataURL(file);
	});

	var _initializeSettings = function()
	{
		var areNotificationsOn = jmtyler.settings.get('notifications_on');
		if (areNotificationsOn) {
			$('#radToastOn').prop('checked', true);
		} else {
			$('#radToastOff').prop('checked', true);
		}
		$('#radToastOff').button('refresh');

		var doShowPageCount = jmtyler.settings.get('show_page_count');
		if (doShowPageCount) {
			$('#radShowCountOn').prop('checked', true);
		} else {
			$('#radShowCountOff').prop('checked', true);
		}
		$('#radShowCountOff').button('refresh');

		toastIconUri = jmtyler.settings.get('toast_icon_uri');
		$('#imgToastIcon').prop('src', toastIconUri);

		toastSoundUri = jmtyler.settings.get('toast_sound_uri');
		$('#audToastSound').prop('src', toastSoundUri);
	};

	// TODO: eventually implement live edit
	$('#btnSave').button();
	$('#btnSave').on('click', function() {
		var areNotificationsOn = $('#radToast :radio:checked').val() == 'on',
			doShowPageCount    = $('#radShowCount :radio:checked').val() == 'on';

		jmtyler.settings.set('notifications_on', areNotificationsOn)
			.set('show_page_count', doShowPageCount)
			.set('toast_icon_uri', toastIconUri)
			.set('toast_sound_uri', toastSoundUri);

		chrome.runtime.sendMessage({ method: 'OnSettingsChange' });
	});

	$('#btnReset').button();
	$('#btnReset').on('click', function() {
		jmtyler.settings.clear();
		_initializeSettings();
		chrome.runtime.sendMessage({ method: 'OnSettingsChange' });
	});

	_initializeSettings();
});