Merge pull request #267 from M2Ys4U/jquery_upgrade

[KiwiIRC.git] / client / assets / src / views / menubox.js

_kiwi.view.MenuBox = Backbone.View.extend({
    events: {
        'click .ui_menu_foot .close': 'dispose'
    },

    initialize: function(title) {
        var that = this;

        this.$el = $('<div class="ui_menu"></div>');

        this._title = title || '';
        this._items = {};
        this._display_footer = true;
        this._close_on_blur = true;

        this._close_proxy = function(event) {
            that.onDocumentClick(event);
        };
        $(document).on('click', this._close_proxy);
    },


    render: function() {
        var that = this;

        this.$el.find('*').remove();

        if (this._title) {
            $('<div class="ui_menu_title"></div>')
                .text(this._title)
                .appendTo(this.$el);
        }


        _.each(this._items, function(item) {
            var $item = $('<div class="ui_menu_content hover"></div>')
                .append(item);

            that.$el.append($item);
        });

        if (this._display_footer)
            this.$el.append('<div class="ui_menu_foot"><a class="close" onclick="">Close <i class="icon-remove"></i></a></div>');
    },


    onDocumentClick: function(event) {
        var $target = $(event.target);

        if (!this._close_on_blur)
            return;

        // If this is not itself AND we don't contain this element, dispose $el
        if ($target[0] != this.$el[0] && this.$el.has($target).length === 0)
            this.dispose();
    },


    dispose: function() {
        _.each(this._items, function(item) {
            item.dispose && item.dispose();
            item.remove && item.remove();
        });

        this._items = null;
        this.remove();

        $(document).off('click', this._close_proxy);
    },


    addItem: function(item_name, $item) {
        $item = $($item);
        if ($item.is('a')) $item.addClass('icon-chevron-right');
        this._items[item_name] = $item;
    },


    removeItem: function(item_name) {
        delete this._items[item_name];
    },


    showFooter: function(show) {
        this._display_footer = show;
    },


    closeOnBlur: function(close_it) {
        this._close_on_blur = close_it;
    },


    show: function() {
        this.render();
        this.$el.appendTo(_kiwi.app.view.$el);
    }
});