karma/assets/static/config.js

/* globals Clipboard */     // clipboard.js
/* globals Cookies */       // js.cookie.js

/* globals Filters, Unsee, QueryString */

/* exported ConfigOption */
var ConfigOption = (function() {

    function optionClass(params) {
        this.Cookie = params.Cookie;
        this.QueryParam = params.QueryParam;
        this.Selector = params.Selector;
        this.Get = params.Getter || function() {
            return $(this.Selector).is(":checked");
        };
        this.Set = params.Setter || function(val) {
            $(this.Selector).bootstrapSwitch("state", $.parseJSON(val), true);
        };
        this.Action = params.Action || function() {};
        this.Init = params.Init || function() {
            var elem = this;
            $(this.Selector).on("switchChange.bootstrapSwitch", function(event, val) {
                elem.Save(val);
                elem.Action(val);
            });
        };
    }

    optionClass.prototype.Load = function() {
        var currentVal = this.Get();

        var val = Cookies.get(this.Cookie);
        if (val !== undefined) {
            this.Set(val);
        }

        var q = QueryString.Parse();
        if (q[this.QueryParam] !== undefined) {
            this.Set(q[this.QueryParam]);
            val = q[this.QueryParam];
        }

        if (currentVal != val) {
            this.Action(val);
        }
    };

    optionClass.prototype.Save = function(val) {
        Cookies.set(this.Cookie, val, {
            expires: 365,
            path: ""
        });
    };

    return {
        New: optionClass
    };

}());

/* exported Config */
var Config = (function() {

    var options = {};

    var loadFromCookies = function() {
        $.each(options, function(name, option) {
            var value = option.Load();
            if (value !== undefined) {
                option.Set(value);
            }
        });
    };

    var reset = function() {
        // this is not part of options map
        Cookies.remove("defaultFilter.v2");
        $.each(options, function(name, option) {
            Cookies.remove(option.Cookie);
        });
    };

    var init = function(params) {

        // copy current filter button action
        new Clipboard(params.CopySelector, {
            text: function(elem) {
                var baseUrl = [ location.protocol, "//", location.host, location.pathname ].join("");
                var query = [ "q=" + Filters.GetFilters().join(",") ];
                $.each(options, function(name, option) {
                    query.push(option.QueryParam + "=" + option.Get().toString());
                });
                $(elem).finish().fadeOut(100).fadeIn(300);
                return baseUrl + "?" + query.join("&");
            }
        });

        // save settings button action
        $(params.SaveSelector).on("click", function() {
            var filter = Filters.GetFilters().join(",");
            Cookies.set("defaultFilter.v2", filter, {
                expires: 365,
                path: ""
            });
            $(params.SaveSelector).finish().fadeOut(100).fadeIn(300);
        });

        // reset settings button action
        $(params.ResetSelector).on("click", function() {
            Config.Reset();
            QueryString.Remove("q");
            location.reload();
        });

        // https://github.com/twbs/bootstrap/issues/2097
        $(document).on("click", ".dropdown-menu.dropdown-menu-form", function(e) {
            e.stopPropagation();
        });

        Config.NewOption({
            Cookie: "autoRefresh",
            QueryParam: "autorefresh",
            Selector: "#autorefresh",
            Action: function(val) {
                if (val) {
                    Unsee.WaitForNextReload();
                } else {
                    Unsee.Pause();
                }
            }
        });

        Config.NewOption({
            Cookie: "refreshInterval",
            QueryParam: "refresh",
            Selector: "#refresh-interval",
            Init: function() {
                var elem = this;
                $(this.Selector).on("change", function() {
                    var val = elem.Get();
                    elem.Save(val);
                    elem.Action(val);
                });
            },
            Getter: function() {
                return $(this.Selector).val();
            },
            Setter: function(val) {
                $(this.Selector).val(parseInt(val));
            },
            Action: function(val) {
                Unsee.SetRefreshRate(parseInt(val));
            }
        });


        Config.NewOption({
            Cookie: "showFlash",
            QueryParam: "flash",
            Selector: "#show-flash"
        });

        Config.NewOption({
            Cookie: "appendTop",
            QueryParam: "appendtop",
            Selector: "#append-top"
        });

    };

    var newOption = function(params) {
        var option = new ConfigOption.New(params);
        option.Init();
        options[option.QueryParam] = option;
    };

    var getOption = function(queryParam) {
        return options[queryParam];
    };

    return {
        Init: init,
        Load: loadFromCookies,
        Reset: reset,
        NewOption: newOption,
        GetOption: getOption
    };

}());