options.js

/*global document, window, gsStorage, chrome */

(function () {

    "use strict";

    // Saves options to localStorage.
    function save_options() {

        var preview = document.getElementById("preview"),
            whitelist = document.getElementById("whitelist").value,
            select = document.getElementById("timeToSuspend"),
            timeToSuspend = select.children[select.selectedIndex].value;

        gsStorage.setPreviewOption(preview.checked);
        gsStorage.setWhitelist(whitelist);
        gsStorage.setTimeToSuspendOption(timeToSuspend);
    }

    function selectComboBox(element, key) {
        var i,
            child;

        for (i = 0; i < element.children.length; i++) {
            child = element.children[i];
            if (child.value === key) {
                child.selected = "true";
                break;
            }
        }
    }

    // Restores select box state to saved value from localStorage.
    function restore_options() {

        var preview = gsStorage.fetchPreviewOption(),
            unsuspendOnFocus = gsStorage.fetchUnsuspendOnFocusOption(),
            timeToSuspend = gsStorage.fetchTimeToSuspendOption(),
            whitelist = gsStorage.fetchWhitelist();

        document.getElementById("preview").checked = preview;
        document.getElementById("unsuspendOnFocus").checked = unsuspendOnFocus;
        document.getElementById("whitelist").value = whitelist;
        selectComboBox(document.getElementById("timeToSuspend"), timeToSuspend);
    }


    var readyStateCheckInterval = window.setInterval(function () {
        if (document.readyState === "complete") {

            window.clearInterval(readyStateCheckInterval);

            var previewEl = document.getElementById('preview'),
                unsuspendOnFocusEl = document.getElementById("unsuspendOnFocus"),
                whitelistEl = document.getElementById("whitelist"),
                timeToSuspendEl = document.getElementById("timeToSuspend"),
                showHistoryEl = document.getElementById('showHistory'),
                clearHistoryEl = document.getElementById('clearHistory');

            previewEl.onclick = function (e) {
                gsStorage.setPreviewOption(previewEl.checked);
            };
            unsuspendOnFocusEl.onclick = function (e) {
                gsStorage.setUnsuspendOnFocusOption(unsuspendOnFocusEl.checked);
            };
            whitelistEl.onkeyup = function (e) {
                gsStorage.setWhitelist(whitelistEl.value);
            };
            timeToSuspendEl.onchange = function (e) {
                gsStorage.setTimeToSuspendOption(timeToSuspendEl.children[timeToSuspendEl.selectedIndex].value);
            };
            showHistoryEl.onclick = function (e) {
                chrome.tabs.create({url: chrome.extension.getURL("history.html")});
            };
            clearHistoryEl.onclick = function (e) {
                gsStorage.clearGsHistory();
                gsStorage.clearPreviews();
            };

            restore_options();
        }
    }, 10);
}());