Set context on forEach loop, use `this.$` in all places

[KiwiIRC.git] / client / 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
            'click .register_protocol': 'registerProtocol',\r
            'click .enable_notifications': 'enableNotifications'\r
        },\r
\r
        initialize: function (options) {\r
            function t(key, vars) {\r
                var trans = _kiwi.global.i18n.translate(key);\r
                return trans.fetch.apply(trans, Array.prototype.slice.call(arguments, 1));\r
            }\r
            var text = {\r
                tabs                  : t('client_applets_settings_channelview_tabs'),\r
                list                  : t('client_applets_settings_channelview_list'),\r
                large_amounts_of_chans: t('client_applets_settings_channelview_list_notice'),\r
                join_part             : t('client_applets_settings_notification_joinpart'),\r
                count_all_activity    : t('client_applets_settings_notification_count_all_activity'),\r
                timestamps            : t('client_applets_settings_timestamp'),\r
                timestamp_24          : t('client_applets_settings_timestamp_24_hour'),\r
                mute                  : t('client_applets_settings_notification_sound'),\r
                emoticons             : t('client_applets_settings_emoticons'),\r
                scroll_history        : t('client_applets_settings_history_length'),\r
                languages             : _kiwi.app.translations,\r
                default_client        : t('client_applets_settings_default_client'),\r
                make_default          : t('client_applets_settings_default_client_enable'),\r
                locale_restart_needed : t('client_applets_settings_locale_restart_needed'),\r
                default_note          : t('client_applets_settings_default_client_notice', '<a href="chrome://settings/handlers">chrome://settings/handlers</a>'),\r
                html5_notifications   : t('client_applets_settings_html5_notifications'),\r
                enable_notifications  : t('client_applets_settings_enable_notifications'),\r
                theme_thumbnails: _.map(_kiwi.app.themes, function (theme) {\r
                    return _.template($('#tmpl_theme_thumbnail').html().trim(), theme);\r
                })\r
            };\r
            this.$el = $(_.template($('#tmpl_applet_settings').html().trim(), text));\r
\r
            if (!navigator.registerProtocolHandler) {\r
                this.$('.protocol_handler').remove();\r
            }\r
\r
            if (!(window.Notification || window.webkitNotifications || navigator.mozNotification)) {\r
                this.$('notification_enabler').remove();\r
            }\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
            _.each(_kiwi.global.settings.attributes, function(value, key) {\r
\r
                var $el = this.$('[data-setting="' + key + '"]');\r
\r
                // Only deal with settings we have a UI element for\r
                if (!$el.length)\r
                    return;\r
\r
                switch ($el.prop('type')) {\r
                    case 'checkbox':\r
                        $el.prop('checked', value);\r
                        break;\r
                    case 'radio':\r
                        this.$('[data-setting="' + key + '"][value="' + value + '"]').prop('checked', true);\r
                        break;\r
                    case 'text':\r
                        $el.val(value);\r
                        break;\r
                    case 'select-one':\r
                        this.$('[value="' + value + '"]').prop('selected', true);\r
                        break;\r
                    default:\r
                        this.$('[data-setting="' + key + '"][data-value="' + value + '"]').addClass('active');\r
                        break;\r
                }\r
            }, this);\r
        },\r
\r
        saveSettings: function (event) {\r
            var value,\r
                settings = _kiwi.global.settings,\r
                $setting = this.$(event.currentTarget);\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
                case 'select-one':\r
                    value = $(event.currentTarget[$setting.prop('selectedIndex')]).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
            event.preventDefault();\r
\r
            this.$('[data-setting="theme"].active').removeClass('active');\r
            $(event.currentTarget).addClass('active').trigger('change');\r
        },\r
\r
        registerProtocol: function (event) {\r
            event.preventDefault();\r
\r
            navigator.registerProtocolHandler('irc', document.location.origin + _kiwi.app.get('base_path') + '/%s', 'Kiwi IRC');\r
            navigator.registerProtocolHandler('ircs', document.location.origin + _kiwi.app.get('base_path') + '/%s', 'Kiwi IRC');\r
        },\r
\r
        enableNotifications: function(event) {\r
            event.preventDefault();\r
            var Notify = window.Notification || window.webkitNotifications;\r
\r
            if (Notify) {\r
                Notify.requestPermission();\r
            }\r
        }\r
\r
    });\r
\r
\r
    var Applet = Backbone.Model.extend({\r
        initialize: function () {\r
            this.set('title', _kiwi.global.i18n.translate('client_applets_settings_title').fetch());\r
            this.view = new View();\r
        }\r
    });\r
\r
\r
    _kiwi.model.Applet.register('kiwi_settings', Applet);\r
})();\r