options.js

var bck = chrome.extension.getBackgroundPage();

$(function() {

            

	$('.tooltip').hover( function(){$(this).children().css('display','block');}, function(){$(this).children().css('display','none');} )


	function markup_exclude_li(value){
		return '<li> <input type="text" value = "'+value+'" ><a data-icon = "x" class = "remove-list-item icon" href = "#" ></a> </li>';
	}
	
	function markup_words_li(term, definition){
		return '<li class = "icon" data-icon = "\\" > <input  class = "term" type="text" value = "'+term+'" > <span class="transform">&gt;</span> <input value = "'+definition+'" class = "definition" type="text" ><a data-icon = "x" class = "icon remove-list-item" href = "#" ></a> </li> ';
	}

	//Add exclude list markup
	if (bck.options.excluded_sites != undefined)
		for (var i = 0; i< bck.options.excluded_sites.length; i++) {
		
			$('section#exclude ul').append(markup_exclude_li(bck.options.excluded_sites[i]));
		}
	
	//Add word list
	$("section#words ul").append('<li data-icon = ")" class = "unsortable icon unmoveable" ><span>Active Words</span></li>');
	
	if (bck.options.dictionary != undefined){
		
		var i = 0;
		var appended = false;
		
		for (var term in bck.options.dictionary) {
			
			var word_que_markup = '<li data-icon = "B" class = "unsortable  icon word-que " ><span>Word Que</span></li>';
			
			if (bck.options.words_shown < 2 && i < 1  )
				$("section#words ul").append(word_que_markup);
			
			$("section#words ul").append(markup_words_li(term, bck.options.dictionary[term]));
			
			if (i ==  bck.options.words_shown - 2  )
				$("section#words ul").append(word_que_markup);
			
			i++;
		}
	
	}
	
	$('#toggles input').val(bck.options.max_word_exposure);
	
	
	//events
	
	$("#toggles input").bind("propertychange keyup input", function(){bck.options.max_word_exposure = (parseInt($(this).val()) || 24);bck.save();});
	

	
	$("#toggles .backup").click(function(){
		$("#toggles .save").slideDown();
		$("#toggles .save textarea").focus(function() {
			var $this = $(this);
			$this.select();

			// Work around Chrome's little problem
			$this.mouseup(function() {
				// Prevent further mouseup intervention
				$this.unbind("mouseup");
				return false;
			});
		});
		$("#toggles .save textarea").text(JSON.stringify(bck.options));
	});
	
		
	$("#toggles .load").click(function(){
		$("#toggles .loads").slideDown();
		$("#toggles .confirm").click(function(){
			var sub = JSON.parse($("#toggles .loads textarea").val());
			
			if (sub && sub.words){
			
				if (confirm("Are you sure? This will clear your wordlist.")){
					bck.options = sub;
					bck.save();
					window.location.reload();
				}
			}
		});
	});
	
	
	$( "section#exclude .add" ).click(function(){ $("section#exclude ul").append(markup_exclude_li(''));});
	
	function update(){
		
	
		bck.options.excluded_sites = [];
		$("section#exclude li").each(function(){
			bck.options.excluded_sites.push($(this).find("input").val());
		});
		
		bck.options.dictionary = {};
		bck.options.words = [];
	
		$("section#words li").each(function(index){
			if ($(this).find(".term").val() != ''  && $(this).find(".term").val() != undefined){
				bck.options.dictionary[$(this).find(".term").val()] = $(this).find(".definition").val();
				bck.options.words.push($(this).find(".term").val());
			}
			
			if ($(this).hasClass('word-que'))
				bck.options.words_shown = index;
		});

		bck.save();
		
		return false;
	}
	
	$("section#exclude").on("click", ".remove-list-item" ,function(event){
		$(this).parent().remove();
		update();
		return false;
	});
	
	$("section#exclude").on("propertychange keyup input", "input" ,update);
	
	/////////
	
	$( "section#words #sortable" ).sortable({
		items: "li:not(.unmoveable)",

		update: function(event, ui) { update(); }
	});
	
	$( "section#words #sortable" ).disableSelection();
	
	$( "section#words .add" ).click(function(){
		$("section#words ul").append(markup_words_li('', ''));
		
		if ($('#words ul').children().length == 60 || $('#words ul').children().length == 100 || $('#words ul').children().length == 200)
			alert("If you have found this extension helpfule please consider donating. Thanks! It helps us make improvements.");
	});
	

	$("section#words").on("propertychange keyup input", "input" ,update);
	
	$("section#words").on("click", ".remove-list-item" ,function(event){
		$(this).parent().remove();
		update();
		return false;
	});
	
	

});