GIF89a;
Mini Shell
Mini Shell
//==============================================================================
//
// Menu view
//
//==============================================================================
(function(app, $, config)
{
app.MenuView = Backbone.View.extend({
events : {
'mousedown #customer-chat-side-button-chat' : 'showChat',
'mousedown #customer-chat-side-button-settings' : 'showSettings',
'mousedown #customer-chat-header-menu-widget-snippet' : 'showWidgetSnippet',
'mousedown #customer-chat-side-button-widget-snippet' : 'showWidgetSnippet',
'click #customer-chat-header-menu-edit' : 'editProfile'
},
msgBlinking : false,
initialize : function(options)
{
// Initialize models
this.settings = app.model.settings;
this.user = app.model.user;
this.chat = app.model.chat;
// Initialize views
this.operatorsView = options.windowView.operatorsView;
this.tabsView = options.windowView.tabsView;
// Cache view components
this.$window = $(window);
// Top menu
this.$menu = this.$('.customer-chat-header-menu');
this.$button = this.$('#customer-chat-button-menu');
this.$avatar = this.$('.customer-chat-content-message-avatar-operator');
this.$editProfile = this.$('#customer-chat-header-menu-edit');
this.$install = this.$('#customer-chat-header-menu-install');
this.$uninstall = this.$('#customer-chat-header-menu-uninstall');
this.$widgetSnippet1 = this.$('#customer-chat-header-menu-widget-snippet');
this.$widgetSnippet2 = this.$('#customer-chat-side-button-widget-snippet');
if(this.user.hasRole('ADMIN'))
{
if(config.ui.installed) this.$install.hide();
else this.$uninstall.hide();
this.$editProfile.hide();
}
else
{
this.$install.hide();
this.$uninstall.hide();
this.$widgetSnippet1.hide();
this.$widgetSnippet2.hide();
}
// Side menu
this.$sideMarker = this.$('.customer-chat-side-menu-triangle');
this.$msgIcon = this.$('#customer-chat-side-button-chat i');
// Main tabs
this.$chat = this.$('#customer-chat-admin-chat');
this.$settings = this.$('#customer-chat-admin-settings');
// Initialize
this.hide();
if(this.user.hasRole('OPERATOR'))
{
// Handle "new message" indicator
this.listenTo(options.windowView.chatTabView, 'talks.read', this.stopAnimateMsgIcon);
this.listenTo(options.windowView.chatTabView, 'talks.unread', this.animateMsgIcon);
}
this.listenTo(this.user, 'change', this.updateUser);
this.updateUser();
},
updateUser : function()
{
this.$button.find('.customer-chat-header-button-text').html('Welcome, ' + this.user.getReadableName());
if(this.user.get('image'))
{
this.$avatar.css('background-image', 'url("' + this.user.get('image') + '")');
}
},
blinkMsgIcon : function()
{
if(!this.msgBlinking)
{
return;
}
var _this = this;
this.$msgIcon.fadeOut('slow', function()
{
_this.$msgIcon.fadeIn('slow', function()
{
_this.blinkMsgIcon();
});
});
},
animateMsgIcon : function()
{
this.msgBlinking = true;
this.blinkMsgIcon();
},
stopAnimateMsgIcon : function()
{
this.msgBlinking = false;
},
show : function(evt)
{
// Toggle menu
this.$menu.fadeIn('fast');
// Handle hiding
evt.stopImmediatePropagation();
$('html, body').one('mousedown', $.proxy(this.hide, this));
},
hide : function()
{
// Hide menu
this.$menu.fadeOut('fast');
// Handle showing
this.$button.one('mousedown', $.proxy(this.show, this));
},
showChat : function(evt)
{
// Adjust tab marker
var markerY = 18 + evt.currentTarget.offsetTop;
this.$sideMarker.animate({ top : markerY }, 'fast');
// Show the chat
this.$settings.hide();
this.$chat.show();
// Update the scrollers
$(window).resize();
// Notify
app.trigger('menu:show:chat');
},
showSettings : function(evt)
{
// Adjust tab marker
var markerY = 18 + (evt ? evt.currentTarget : this.$('#customer-chat-side-button-settings')[0]).offsetTop;
this.$sideMarker.animate({ top : markerY }, 'fast');
// Show the settings
this.$settings.show();
this.$chat.hide();
this.tabsView.render();
// Update scroll boxes
this.$('#customer-chat-admin-settings .customer-chat-content-messages').mCustomScrollbar('update');
// Notify
app.trigger('menu:show:settings');
},
editProfile : function()
{
// Show the edit tab for the logged-in user
var settingsButton = this.$('#customer-chat-side-button-settings')[0];
this.showSettings({ currentTarget : settingsButton });
// Handle initial loading of the operators
if(this.chat.operatorsReady) this._editProfile();
else
{
this.listenToOnce(this.chat, 'change:operators', function()
{
this._editProfile();
});
}
},
_editProfile : function()
{
this.operatorsView.showEdit(null, this.user.get('id'));
this.tabsView.showTab(this.user.hasRole('OPERATOR') ? 0 : 1);
},
showWidgetSnippet : function()
{
var snippet = '<code><script type="text/javascript" src="' + config.widgetInitPath + '"></script></code>';
app.view.dialogs.message('Widget embedding code', snippet);
}
});
})(window.Application, jQuery, window.chatConfig);
./BlackJoker Mini Shell 1.0