Add .length to !$el, replace break; with return false;

[KiwiIRC.git] / client / assets / src / applets / settings.js

(function () {\r
    var View = Backbone.View.extend({\r
        events: {\r
            'change [data-setting]': 'saveSettings',\r
            'click [data-setting="theme"]': 'selectTheme'\r
        },\r
\r
        initialize: function (options) {\r
            this.$el = $($('#tmpl_applet_settings').html().trim());\r
\r
            // Incase any settings change while we have this open, update them\r
            _kiwi.global.settings.on('change', this.loadSettings, this);\r
\r
            // Now actually show the current settings\r
            this.loadSettings();\r
\r
        },\r
\r
        loadSettings: function () {\r
\r
            var that = this;\r
\r
            $.each(_kiwi.global.settings.attributes, function(key, value) {\r
\r
                console.log(key, value);\r
\r
                var $el = $('[data-setting="' + key + '"]', that.$el);\r
\r
                // Only deal with settings we have a UI element for\r
                if (!$el.length)\r
                    return false;\r
\r
                switch ($el.prop('type')) {\r
                    case 'checkbox':\r
                        $el.prop('checked', value);\r
                        break;\r
                    case 'radio':\r
                        $('[data-setting="' + key + '"][value="' + value + '"]', that.$el).prop('checked', true);\r
                        break;\r
                    case 'text':\r
                        $el.val(value);\r
                        break;\r
                    default:\r
                        $('[data-setting="' + key + '"][data-value="' + value + '"]', that.$el).addClass('active');\r
                        break;\r
                }\r
            });\r
        },\r
\r
        saveSettings: function (event) {\r
            var value,\r
                settings = _kiwi.global.settings,\r
                $setting = $(event.currentTarget, this.$el)\r
\r
            switch (event.currentTarget.type) {\r
                case 'checkbox':\r
                    value = $setting.is(':checked');\r
                    break;\r
                case 'radio':\r
                case 'text':\r
                    value = $setting.val();\r
                    break;\r
                default:\r
                    value = $setting.data('value');\r
                    break;\r
            }\r
\r
            // Stop settings being updated while we're saving one by one\r
            _kiwi.global.settings.off('change', this.loadSettings, this);\r
            settings.set($setting.data('setting'), value);\r
            settings.save();\r
\r
            // Continue listening for setting changes\r
            _kiwi.global.settings.on('change', this.loadSettings, this);\r
        },\r
\r
        selectTheme: function(event) {\r
            $('[data-setting="theme"].active', this.$el).removeClass('active');\r
            $(event.currentTarget).addClass('active').trigger('change');\r
            event.preventDefault();\r
        }\r
    });\r
\r
\r
    var Applet = Backbone.Model.extend({\r
        initialize: function () {\r
            this.set('title', 'Settings');\r
            this.view = new View();\r
        }\r
    });\r
\r
\r
    _kiwi.model.Applet.register('kiwi_settings', Applet);\r
})();