!['+localized[0]+']('+webimRoot+'/images/tbliclspeak.gif){kind=small}
',640,480,null),e+="!['+localized[1]+']('+webimRoot+'/images/tbliclread.gif){kind=small}
',640,480,null),e+="!['+localized[6]+']('+webimRoot+'/images/tblictrack.gif){kind=small}
',640,480,null),e+="!['+localized[2]+']('+webimRoot+'/images/ban.gif){kind=small}
',720,480,null)+"',640,480,null);a=a.replace("scrollbars=0","scrollbars=1");f+=a;f+="| ',h=c.L10n,g=h?h.call(b,"pending.table.head.name",{hash:{}}):i.call(b,"L10n","pending.table.head.name",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.actions",{hash:{}}):i.call(b,"L10n","pending.table.head.actions",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.contactid",{hash:{}}):i.call(b,"L10n","pending.table.head.contactid",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.state",{hash:{}}):i.call(b,"L10n","pending.table.head.state",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.operator",{hash:{}}):i.call(b,"L10n","pending.table.head.operator",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.total",{hash:{}}):i.call(b,"L10n","pending.table.head.total",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.waittime",{hash:{}}):i.call(b,"L10n","pending.table.head.waittime",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.etc",{hash:{}}):i.call(b,"L10n","pending.table.head.etc",{hash:{}}),f+=j(g)+' | \n
|---|
\n \n
\n \n',h=c.message,h?g=h.call(b,{hash:{}}):(g=b.message,g=typeof g===k?g():g),f+=j(g),g=b.agent,g=g==null||g===!1?g:g.away,g=c["if"].call(b,g,{hash:{},inverse:l.program(3,n,e),fn:l.program(1,m,e)});if(g||g===0)f+=g;f+='
",f}),b.queued_thread=a(function(a,b,c,d,e){function m(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.table.speak",{hash:{}}):i.call(a,"L10n","pending.table.speak",{hash:{}}),j(d)}function n(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.table.view",{hash:{}}):i.call(a,"L10n","pending.table.view",{hash:{}}),j(d)}function o(a,b){var d="",e,f;return f=c.L10n,e=f?f.call(a,"chat.client.spam.prefix",{hash:{}}):i.call(a,"L10n","chat.client.spam.prefix",{hash:{}}),d+=j(e)+" ",d}function p(a,b){var d="",e,f;return d+='",d}function q(a,b){var d="",e,f;return d+='\n \n ',d}function r(a,b){var d="",e,f;return d+='\n \n ',d}function s(a,b){var d="",e,f;return d+='\n \n ',d}function t(a,b){var d="",e,f;return d+='\n \n ',d}function u(a,b){var d="",e,f;return d+='',f=c.remote,f?e=f.call(a,{hash:{}}):(e=a.remote,e=typeof e===k?e():e),d+=j(e)+"",d}function v(a,b){var d,e;return e=c.remote,e?d=e.call(a,{hash:{}}):(d=a.remote,d=typeof d===k?d():d),j(d)}function w(a,b){var d,e;return d=a.waitingTime,e=c.formatTimeSince,d=e?e.call(a,d,{hash:{}}):i.call(a,"formatTimeSince",d,{hash:{}}),j(d)}function x(a,b){return"-"}function y(a,b){var c;return c=a.ban,c=c==null||c===!1?c:c.reason,c=typeof c===k?c():c,j(c)}function z(a,b){var d,e;return e=c.userAgent,e?d=e.call(a,{hash:{}}):(d=a.userAgent,d=typeof d===k?d():d),j(d)}c=c||a.helpers;var f="",g,h,i=c.helperMissing,j=this.escapeExpression,k="function",l=this;f+='\n ',g=b.canOpen,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(9,q,e)});if(g||g===0)f+=g;f+="\n ",g=b.canView,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(11,r,e)});if(g||g===0)f+=g;f+="\n ",g=b.tracked,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(13,s,e)});if(g||g===0)f+=g;f+="\n ",g=b.canBan,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(15,t,e)});if(g||g===0)f+=g;f+='\n
\n \n| ',h=c.L10n,g=h?h.call(b,"visitors.table.head.name",{hash:{}}):i.call(b,"L10n","visitors.table.head.name",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.actions",{hash:{}}):i.call(b,"L10n","visitors.table.head.actions",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.contactid",{hash:{}}):i.call(b,"L10n","visitors.table.head.contactid",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.firsttimeonsite",{hash:{}}):i.call(b,"L10n","visitors.table.head.firsttimeonsite",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.lasttimeonsite",{hash:{}}):i.call(b,"L10n","visitors.table.head.lasttimeonsite",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invited.by",{hash:{}}):i.call(b,"L10n","visitors.table.head.invited.by",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invitationtime",{hash:{}}):i.call(b,"L10n","visitors.table.head.invitationtime",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invitations",{hash:{}}):i.call(b,"L10n","visitors.table.head.invitations",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.etc",{hash:{}}):i.call(b,"L10n","visitors.table.head.etc",{hash:{}}),f+=j(g)+' | \n
|---|
', 640, 480, null);
- gen += '', 640, 480, null);
- gen += '', 640, 480, null);
- gen += '', 720, 480, null)+
- '', 640, 480, null);
- tr_link = tr_link.replace("scrollbars=0","scrollbars=1");
- gen += tr_link;
- gen += '!['+localized[1]+']('+webimRoot+'/images/op'+(isAway ? 'away' : 'online')+
- '.gif){kind=small}
'+ name;
- }
-
- div.innerHTML = names.join(', ');
- },
-
- updateVisitorsTimers: function() {
- for (var i in this.visitorTimers) {
- if (this.visitorTimers[i] != null) {
- var value = this.visitorTimers[i];
- var row = CommonUtils.getRow("vis"+i, this.t2);
- if( row != null ) {
- function setcell(_table, row,id,pcontent) {
- var cell = CommonUtils.getCell( id, row, _table );
- if( cell )
- cell.innerHTML = pcontent;
- }
- setcell(this.t2, row,"time",this.getTimeSince(value[0]));
- setcell(this.t2, row,"modified",this.getTimeSince(value[1]));
- if (value[2] != null)
- setcell(this.t2, row,"invitationtime",this.getTimeSince(value[2]));
- }
- }
- }
- },
-
- updateVisitor: function(node) {
- var id, invited = false;
-
- for( var i = 0; i < node.attributes.length; i++ ) {
- var attr = node.attributes[i];
- if( attr.nodeName == "id" )
- id = attr.nodeValue;
- }
-
- function setcell(_table, row,id,pcontent) {
- var cell = CommonUtils.getCell( id, row, _table );
- if( cell )
- cell.innerHTML = pcontent;
- }
-
- var addr = NodeUtils.getNodeValue(node,"addr");
- var username = NodeUtils.getNodeValue(node,"username");
- var useragent = NodeUtils.getNodeValue(node,"useragent");
- var time = NodeUtils.getNodeValue(node,"time");
- var modified = NodeUtils.getNodeValue(node,"modified");
-
- var invitations = NodeUtils.getNodeValue(node,"invitations");
- var chats = NodeUtils.getNodeValue(node,"chats");
-
- var operator = null;
- var invitationtime = null;
- var invitation = node.getElementsByTagName("invitation")[0];
- for( var i = 0; i < invitation.childNodes.length; i++ ) {
- var childnode = invitation.childNodes[i];
- if( childnode.tagName == 'operator' ) {
- operator = childnode.firstChild.nodeValue;
- }
- else if ( childnode.tagName == 'invitationtime' ) {
- invitationtime = childnode.firstChild.nodeValue;
- }
- }
- var state = (operator == null) ? 'free' : 'invited';
-
- var row = CommonUtils.getRow("vis"+id, this.t2);
-
- var startRow = CommonUtils.getRow("vis" + state, this.t2);
- var endRow = CommonUtils.getRow("vis" + state + "end", this.t2);
-
- if( row != null && (row.rowIndex <= startRow.rowIndex || row.rowIndex >= endRow.rowIndex ) ) {
-
- this.t2.deleteRow(row.rowIndex);
- this.visitorTimers[id] = null;
- row = null;
- }
-
- if (row == null) {
- row = this.t2.insertRow(startRow.rowIndex+1);
- row.id = "vis"+id;
- this.visitorTimers[id] = new Array(time, modified, invitationtime);
- CommonUtils.insertCell(row, "username", "visitor", null, null, HtmlGenerationUtils.viewVisOpenCell(username, this._options.inviteservl, id, this._options.trackedservl, operator==null));
- CommonUtils.insertCell(row, "addr", "visitor", "center", null, addr);
- CommonUtils.insertCell(row, "time", "visitor", "center", null, this.getTimeSince(time) );
- CommonUtils.insertCell(row, "modified", "visitor", "center", null, this.getTimeSince(modified) );
- CommonUtils.insertCell(row, "operator", "visitor", "center", null, (operator != null) ? operator : '-');
- CommonUtils.insertCell(row, "invitationtime", "visitor", "center", null, (operator != null ? this.getTimeSince(invitationtime) : '-') );
- CommonUtils.insertCell(row, "invitations", "visitor", "center", null, invitations + ' / ' + chats);
- CommonUtils.insertCell(row, "useragent", "visitor", "center", null, useragent);
- }
- else {
- this.visitorTimers[id] = new Array(time, modified, invitationtime);
- setcell(this.t2, row, "username",HtmlGenerationUtils.viewVisOpenCell(username, this._options.inviteservl, id, this._options.trackedservl, operator==null));
- setcell(this.t2, row, "addr", addr);
- setcell(this.t2, row, "operator", (operator != null) ? operator : '-');
- setcell(this.t2, row, "time", this.getTimeSince(time) );
- setcell(this.t2, row, "modified", this.getTimeSince(modified) );
- setcell(this.t2, row, "invitationtime", (operator != null ? this.getTimeSince(invitationtime) : '-') );
- setcell(this.t2, row, "invitations", invitations + ' / ' + chats);
- setcell(this.t2, row, "useragent", useragent);
- }
-
- this.visitors[id] = 1;
-
- return false;
- },
-
- removeOldVisitors: function() {
- for (id in this.old_visitors) {
- if (this.visitors[id] === undefined) {
- var row = CommonUtils.getRow("vis"+id, this.t2);
- if( row ) {
- this.t2.deleteRow(row.rowIndex);
- }
- this.visitorTimers[id] = null;
- }
- }
- },
-
- updateVisitorsList: function(visitors) {
- var _status = $("visstatustd");
- if( _status) {
- _status.innerHTML = (visitors > 0) ? "" : this._options.novisitors;
- _status.height = (visitors > 0) ? 5 : 30;
- }
- },
-
- updateVisitors: function(root) {
-
- this.old_visitors = this.visitors;
- this.visitors = new Object();
-
- var visitors_cnt = 0;
- for( var i = 0; i < root.childNodes.length; i++ ) {
- var node = root.childNodes[i];
- if( node.tagName == 'visitor' ) {
- visitors_cnt++;
- this.updateVisitor(node);
- }
- }
- this.updateVisitorsTimers();
- this.removeOldVisitors();
- this.updateVisitorsList(visitors_cnt);
- },
-
- updateContent: function(root) {
- if( root.tagName == 'update' ) {
- for( var i = 0; i < root.childNodes.length; i++ ) {
- var node = root.childNodes[i];
-
- if (node.tagName == 'threads') {
- this.updateThreads(node);
- } else if (node.tagName == 'operators') {
- this.updateOperators(node);
- } else if (node.tagName == 'visitors') {
- this.updateVisitors(node);
- }
- }
- } else if( root.tagName == 'error' ) {
- this.setStatus(NodeUtils.getNodeValue(root,"descr") );
- } else {
- this.setStatus( "reconnecting" );
- }
- }
-});
-
-function togglemenu() {
-if($("sidebar") && $("wcontent") && $("togglemenu")) {
- if($("wcontent").className == "contentnomenu") {
- $("sidebar").style.display = "block";
- $("wcontent").className = "contentinner";
- $("togglemenu").innerHTML = localized[4];
- } else {
- $("sidebar").style.display = "none";
- $("wcontent").className = "contentnomenu";
- $("togglemenu").innerHTML = localized[3];
- }
-}
-}
-
-var webimRoot = "";
-
-Behaviour.register({
- '#togglemenu' : function(el) {
- el.onclick = function() {
- togglemenu();
- };
- }
-});
-
-EventHelper.register(window, 'onload', function(){
- webimRoot = updaterOptions.wroot;
- new Ajax.ThreadListUpdater(({table:$("threadlist"),status:$("connstatus"),istatus:0,visitors_table:$("visitorslist")}).extend(updaterOptions || {}));
- if(!updaterOptions.havemenu) {
- togglemenu();
- }
-});
diff --git a/src/messenger/webim/js/source/users/app.js b/src/messenger/webim/js/source/users/app.js
new file mode 100644
index 00000000..4140d08d
--- /dev/null
+++ b/src/messenger/webim/js/source/users/app.js
@@ -0,0 +1,104 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, _){
+
+ // Create application instance
+ var App = new Backbone.Marionette.Application();
+
+ // Define regions
+ App.addRegions({
+ agentsRegion: '#agents-region',
+ statusPanelRegion: '#status-panel-region',
+ threadsRegion: '#threads-region',
+ visitorsRegion: '#visitors-region',
+ soundRegion: '#sound-region'
+ });
+
+ // Initialize application
+ App.addInitializer(function(options){
+
+ // Create some shortcuts
+ var objs = Mibew.Objects;
+ var models = Mibew.Objects.Models;
+ var colls = Mibew.Objects.Collections;
+
+ // Initialize Server, Thread and User
+ objs.server = new Mibew.Server(_.extend(
+ {'interactionType': MibewAPIUsersInteraction},
+ options.server
+ ));
+
+ // Initialize Page
+ models.page = new Mibew.Models.Page(options.page);
+
+ // Initialize Agent
+ models.agent = new Mibew.Models.Agent(options.agent);
+
+ // Initialize threads collection
+ colls.threads = new Mibew.Collections.Threads();
+ App.threadsRegion.show(new Mibew.Views.ThreadsCollection({
+ collection: colls.threads
+ }));
+
+ // Initialize visitors collection
+ if (options.page.showOnlineOperators) {
+ colls.visitors = new Mibew.Collections.Visitors();
+ App.visitorsRegion.show(new Mibew.Views.VisitorsCollection({
+ collection: colls.visitors
+ }));
+ }
+
+ // Initialize status panel
+ models.statusPanel = new Mibew.Models.StatusPanel();
+ App.statusPanelRegion.show(new Mibew.Views.StatusPanel({
+ model: models.statusPanel
+ }));
+
+ // Initialize agents collection and show it
+ if (options.page.showOnlineOperators) {
+ colls.agents = new Mibew.Collections.Agents();
+ App.agentsRegion.show(new Mibew.Views.AgentsCollection({
+ collection: colls.agents
+ }));
+ }
+
+ // Initialize sounds
+ models.sound = new Mibew.Models.Sound();
+ App.soundRegion.show(new Mibew.Views.Sound({
+ model: models.sound
+ }));
+
+ // Periodically call update function at the server side
+ objs.server.callFunctionsPeriodically(
+ function() {
+ // Build functions list
+ return [
+ {
+ "function": "update",
+ "arguments": {
+ "return": {},
+ "references": {},
+ "agentId": models.agent.id
+ }
+ }
+ ];
+ },
+ function(args) {}
+ );
+
+ });
+
+ App.on('start', function() {
+ // Run Server updater
+ Mibew.Objects.server.runUpdater();
+ });
+
+ Mibew.Application = App;
+
+})(Mibew, Backbone, _);
diff --git a/src/messenger/webim/js/source/users/collection_views/agents_collection.js b/src/messenger/webim/js/source/users/collection_views/agents_collection.js
new file mode 100644
index 00000000..2e21e7a8
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collection_views/agents_collection.js
@@ -0,0 +1,66 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew) {
+
+ /**
+ * @class Represents online agents bar
+ */
+ Mibew.Views.AgentsCollection = Mibew.Views.CollectionBase.extend(
+ /** @lends Mibew.Views.AgentsCollection.prototype */
+ {
+ /**
+ * Default item view constructor.
+ * @type Function
+ */
+ itemView: Mibew.Views.Agent,
+
+ /**
+ * Class name for view's DOM element
+ * @type String
+ */
+ className: 'agents-collection',
+
+ /**
+ * Map collection events to the view methods
+ * @type Object
+ */
+ collectionEvents: {
+ 'sort add remove reset': 'render'
+ },
+
+ /**
+ * View initializer
+ */
+ initialize: function() {
+ // Register events
+ this.on('itemview:before:render', this.updateIndexes, this);
+ },
+
+ /**
+ * Update 'isModelFirst' and 'isModelLast' child views fields on
+ * collection 'sort', 'add', 'remove' and 'reset' events.Indexies
+ */
+ updateIndexes: function(childView) {
+ // Create some shortcuts
+ var collection = this.collection;
+ var model = childView.model;
+
+ if (model) {
+ // Update isModelFirst and isModelLast properties
+ childView.isModelFirst = (collection.indexOf(model) == 0);
+ childView.isModelLast = (
+ collection.indexOf(model) == (collection.length - 1)
+ );
+ }
+ }
+
+ }
+ );
+
+})(Mibew);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/collection_views/threads_collection.js b/src/messenger/webim/js/source/users/collection_views/threads_collection.js
new file mode 100644
index 00000000..60d1978f
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collection_views/threads_collection.js
@@ -0,0 +1,244 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars, _) {
+
+ /**
+ * @class Represents threads list
+ */
+ Mibew.Views.ThreadsCollection = Backbone.Marionette.CompositeView.extend(
+ /** @lends Mibew.Views.ThreadsCollection.prototype */
+ {
+ template: Handlebars.templates.threads_collection,
+
+ /**
+ * Default item view constructor.
+ * @type Function
+ */
+ itemView: Mibew.Views.QueuedThread,
+
+ /**
+ * DOM element for collection items
+ * @type String
+ */
+ itemViewContainer: '#threads-container',
+
+ /**
+ * Empty view constructor.
+ * @type Function
+ */
+ emptyView: Mibew.Views.NoThreads,
+
+ /**
+ * Class name for view's DOM element
+ * @type String
+ */
+ className: 'threads-collection',
+
+ /**
+ * Map collection events to the view methods
+ * @type Object
+ */
+ collectionEvents: {
+ 'sort': 'renderCollection',
+ 'sort:field': 'createSortField',
+ 'add': 'threadAdded'
+ },
+
+ /**
+ * Pass some options to item view
+ * @returns {Object} Options object
+ */
+ itemViewOptions: function(model) {
+ var page = Mibew.Objects.Models.page;
+ return {
+ tagName: page.get('threadTag'),
+ collection: model.get('controls')
+ }
+ },
+
+ /**
+ * View initializer.
+ * @todo Do something with timer. Do not render whole view!
+ */
+ initialize: function() {
+ // Rerender view to keep timers in items views working
+ window.setInterval(_.bind(this.renderCollection, this), 2 * 1000);
+ // Register events
+ this.on('itemview:before:render', this.updateStyles, this);
+ },
+
+ /**
+ * Update thread DOM element classes depending on thread params.
+ * @param {Mibew.Views.QueuedThread} childView View instance for
+ * thread in the queue
+ */
+ updateStyles: function(childView) {
+ // Create some shortcuts
+ var collection = this.collection;
+ var thread = childView.model;
+ var self = this;
+
+ if (thread.id) {
+ var queueCode = this.getQueueCode(thread);
+ var isLast = false, isFirst = false;
+
+ // Filter collection by queue type
+ var filteredThreads = collection.filter(function(model) {
+ return self.getQueueCode(model) == queueCode;
+ });
+
+ // Get isFirst and isLast flags
+ if (filteredThreads.length > 0) {
+ isFirst = (filteredThreads[0].id == thread.id);
+ isLast = (
+ filteredThreads[filteredThreads.length-1].id == thread.id
+ );
+ }
+
+ // Remove all old styles
+ if (childView.lastStyles.length > 0) {
+ for(var i = 0, l = childView.lastStyles.length; i < l; i++) {
+ childView.$el.removeClass(childView.lastStyles[i]);
+ }
+ childView.lastStyles = [];
+ }
+
+ // Create new style name
+ var style = ((queueCode != this.QUEUE_BAN)?'in':'')
+ + this.queueCodeToString(queueCode);
+
+ // Store new styles
+ childView.lastStyles.push(style);
+ if (isFirst) {
+ childView.lastStyles.push(style + "-first");
+ }
+ if (isLast) {
+ childView.lastStyles.push(style + "-last");
+ }
+
+ // Add styles names to DOM element
+ for(var i = 0, l = childView.lastStyles.length; i < l; i++) {
+ childView.$el.addClass(childView.lastStyles[i]);
+ }
+ }
+ },
+
+ /**
+ * This is the 'sort:field' event handler.
+ * Make threads sort by queue code and waiting time.
+ * @param {Mibew.Models.QueuedThread} thread Thread model
+ * @param {Object} sort Sorting object that contains property
+ * 'field' - a string by which threads will be sorted
+ */
+ createSortField: function(thread, sort) {
+ var queueCode = this.getQueueCode(thread) || 'Z';
+ sort.field = queueCode.toString()
+ + '_'
+ + thread.get('waitingTime').toString()
+ },
+
+ /**
+ * Play sound when new thread add to collection
+ */
+ threadAdded: function() {
+ // Build sound path
+ var path = Mibew.Objects.Models.page.get('webimRoot');
+ if (path) {
+ path += '/sounds/new_user.wav';
+ // Play sound
+ Mibew.Objects.Models.sound.play(path);
+ }
+ },
+
+ /**
+ * Calculate queue code for thread
+ * @returns {Boolean|Number} Queue code or false if code is unknown
+ */
+ getQueueCode: function(thread) {
+ var state = thread.get('state');
+ if (thread.get('ban') != false
+ && state != thread.STATE_CHATTING) {
+ return this.QUEUE_BAN;
+ }
+ if (state == thread.STATE_QUEUE
+ || state == thread.STATE_LOADING) {
+ return this.QUEUE_WAITING;
+ }
+ if (state == thread.STATE_CLOSED
+ || state == thread.STATE_LEFT) {
+ return this.QUEUE_CLOSED;
+ }
+ if (state == thread.STATE_WAITING) {
+ return this.QUEUE_PRIO;
+ }
+ if (state == thread.STATE_CHATTING) {
+ return this.QUEUE_CHATTING;
+ }
+
+ return false;
+ },
+
+ /**
+ * Convert numeric queue code to string one
+ * @returns {String}
+ */
+ queueCodeToString: function(code) {
+ if (code == this.QUEUE_PRIO) {
+ return "prio";
+ }
+ if (code == this.QUEUE_WAITING) {
+ return "wait";
+ }
+ if (code == this.QUEUE_CHATTING) {
+ return "chat";
+ }
+ if (code == this.QUEUE_BAN) {
+ return "ban";
+ }
+ if (code == this.QUEUE_CLOSED) {
+ return "closed";
+ }
+ return "";
+ },
+
+ /** Queues codes */
+
+ /**
+ * Priority queue. Includes threads with STATE_WAITING state
+ */
+ QUEUE_PRIO: 1,
+
+ /**
+ * Waiting queue. Includes threads with STATE_LOADING and
+ * STATE_WAITING states.
+ */
+ QUEUE_WAITING: 2,
+
+ /**
+ * Chatting queue. Includes threads with STATE_CHATTING state
+ */
+ QUEUE_CHATTING: 3,
+
+ /**
+ * Ban queue. Includes all blocked threads.
+ */
+ QUEUE_BAN: 4,
+
+ /**
+ * Closed queue. Includes all threads with STATE_CLOSED and
+ * STATE_LEFT states
+ */
+ QUEUE_CLOSED: 5
+
+ /** End of queues codes */
+
+ }
+ );
+
+})(Mibew, Backbone, Handlebars, _);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/collection_views/visitors_collection.js b/src/messenger/webim/js/source/users/collection_views/visitors_collection.js
new file mode 100644
index 00000000..2ecd4c74
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collection_views/visitors_collection.js
@@ -0,0 +1,76 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars, _) {
+
+ /**
+ * @class Represents visitors list
+ */
+ Mibew.Views.VisitorsCollection = Backbone.Marionette.CompositeView.extend(
+ /** @lends Mibew.Views.VisitorsCollection.prototype */
+ {
+ template: Handlebars.templates.visitors_collection,
+
+ /**
+ * Default item view constructor.
+ * @type Function
+ */
+ itemView: Mibew.Views.Visitor,
+
+ /**
+ * DOM element for collection items
+ * @type String
+ */
+ itemViewContainer: '#visitors-container',
+
+ /**
+ * Empty view constructor.
+ * @type Function
+ */
+ emptyView: Mibew.Views.NoVisitors,
+
+ /**
+ * Class name for view's DOM element
+ * @type String
+ */
+ className: 'visitors-collection',
+
+ /**
+ * Map collection events to the view methods
+ * @type Object
+ */
+ collectionEvents: {
+ 'sort': 'renderCollection'
+ },
+
+ /**
+ * Pass some options to item view
+ * @returns {Object} Options object
+ */
+ itemViewOptions: function(model) {
+ var page = Mibew.Objects.Models.page;
+ return {
+ tagName: page.get('visitorTag'),
+ collection: model.get('controls')
+ }
+ },
+
+ /**
+ * View initializer.
+ * @todo Do something with timer. Do not render whole view!
+ */
+ initialize: function() {
+ // Rerender view to keep timers in items views working
+ window.setInterval(_.bind(this.renderCollection, this), 2 * 1000);
+ // Register events
+ this.on('itemview:before:render', this.updateStyles, this);
+ }
+ }
+ );
+
+})(Mibew, Backbone, Handlebars, _);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/collections/agents.js b/src/messenger/webim/js/source/users/collections/agents.js
new file mode 100644
index 00000000..f6eb4fdf
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collections/agents.js
@@ -0,0 +1,69 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, _){
+
+ /**
+ * @class Represents collection of agents
+ */
+ Mibew.Collections.Agents = Backbone.Collection.extend(
+ /** @lends Mibew.Collections.Agents.prototype */
+ {
+ /**
+ * Model type of the collection items
+ */
+ model: Mibew.Models.Agent,
+
+ /**
+ * Use for sort controls in collection
+ * @param {Backbone.Model} model Agent model
+ */
+ comparator: function(model) {
+ return model.get('name');
+ },
+
+ /**
+ * Collection initializer
+ */
+ initialize: function() {
+ // Register some shortcuts
+ var agent = Mibew.Objects.Models.agent;
+
+ // Call updateOperators periodically at the server
+ Mibew.Objects.server.callFunctionsPeriodically(
+ function(){
+ return [
+ {
+ 'function': 'updateOperators',
+ 'arguments': {
+ 'agentId': agent.id,
+ 'return': {
+ 'operators': 'operators'
+ },
+ 'references': {}
+ }
+ }
+ ];
+ },
+ _.bind(this.updateOperators, this)
+ );
+ },
+
+ /**
+ * Update available agents.
+ * @param {Object} args Arguments from the server
+ */
+ updateOperators: function(args) {
+ this.update(args.operators);
+ }
+ }
+ );
+
+})(Mibew, Backbone, _);
+
+
diff --git a/src/messenger/webim/js/source/users/collections/threads.js b/src/messenger/webim/js/source/users/collections/threads.js
new file mode 100644
index 00000000..a59e7025
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collections/threads.js
@@ -0,0 +1,156 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, _){
+
+ /**
+ * @class Represents threads collection
+ */
+ Mibew.Collections.Threads = Backbone.Collection.extend(
+ /** @lends Mibew.Collections.Threads.prototype */
+ {
+ /**
+ * Model type of the collection items
+ * @type Function
+ */
+ model: Mibew.Models.QueuedThread,
+
+ /**
+ * Collection initializer
+ */
+ initialize: function() {
+ // Initialize fields and methods
+
+ /**
+ * Last threads revision number. Prevent transfering not
+ * modified threads.
+ * @type Number
+ * @fieldOf Mibew.Collections.Threads
+ */
+ this.revision = 0;
+
+ // Register some shortcuts
+ var self = this;
+ var agent = Mibew.Objects.Models.agent;
+
+ // Call updateThreads periodically at the server
+ Mibew.Objects.server.callFunctionsPeriodically(
+ function(){
+ return [
+ {
+ 'function': 'currentTime',
+ 'arguments': {
+ 'agentId': agent.id,
+ 'return': {
+ 'time': 'currentTime'
+ },
+ 'references': {}
+ }
+ },
+ {
+ 'function': 'updateThreads',
+ 'arguments': {
+ 'agentId': agent.id,
+ 'revision': self.revision,
+ 'return': {
+ 'threads': 'threads',
+ 'lastRevision': 'lastRevision'
+ },
+ 'references': {}
+ }
+ }
+ ];
+ },
+ _.bind(this.updateThreads, this)
+ );
+ },
+
+ /**
+ * Use for sort threads in collection.
+ * By default threads sort by state and waiting time.
+ * Triggers 'sort:field' event after sort field generated.
+ * @param {Mibew.Models.QueuedThread} thread Thread model
+ */
+ comparator: function(thread) {
+ // Create default sort field
+ var sort = {
+ field: thread.get('waitingTime').toString()
+ }
+
+ // Trigger event to provide an ability to change sorting order
+ this.trigger('sort:field', thread, sort);
+
+ // Return sort field
+ return sort.field;
+ },
+
+ /**
+ * Update threads list.
+ * Trigger 'before:update:threads' event and pass array of raw
+ * threads data as argument to event handler.
+ * Also trigger 'after:update:threads' event.
+ * @param {Object} args Arguments returned from server
+ */
+ updateThreads: function(args) {
+ if (args.errorCode == 0) {
+
+ if (args.threads.length > 0) {
+ // Fix time difference between server and client
+ var delta;
+ if (args.currentTime) {
+ delta = Math.round((new Date()).getTime() / 1000)
+ - args.currentTime;
+ } else {
+ delta = 0;
+ }
+ for(var i = 0, l = args.threads.length; i < l; i++) {
+ args.threads[i].totalTime
+ = parseInt(args.threads[i].totalTime) + delta;
+ args.threads[i].waitingTime
+ = parseInt(args.threads[i].waitingTime) + delta;
+ }
+
+ // Trigger event. Event handlers can change threads info
+ this.trigger('before:update:threads', args.threads);
+
+ // Create shortcuts for thread states
+ var stateClosed = Mibew.Models.Thread.prototype.STATE_CLOSED;
+ var stateLeft = Mibew.Models.Thread.prototype.STATE_LEFT;
+
+ // Define empty array for threads that should be remove
+ var remove = [];
+
+ // Update threads list
+ this.update(args.threads, {remove: false, sort: false});
+
+ // Get closed and left thread. Collect them into
+ // remove array
+ remove = this.filter(function(thread) {
+ return (thread.get('state') == stateClosed
+ || thread.get('state') == stateLeft);
+ });
+ // Remove closed and left threads
+ if (remove.length > 0) {
+ this.remove(remove);
+ }
+
+ // Sort residual collection
+ this.sort();
+
+ // Trigger event
+ this.trigger('after:update:threads');
+ }
+ this.revision = args.lastRevision;
+ }
+ }
+ }
+ );
+
+})(Mibew, Backbone, _);
+
+
diff --git a/src/messenger/webim/js/source/users/collections/visitors.js b/src/messenger/webim/js/source/users/collections/visitors.js
new file mode 100644
index 00000000..c2113861
--- /dev/null
+++ b/src/messenger/webim/js/source/users/collections/visitors.js
@@ -0,0 +1,117 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, _){
+
+ /**
+ * @class Represents visitors collection
+ */
+ Mibew.Collections.Visitors = Backbone.Collection.extend(
+ /** @lends Mibew.Collections.Visitors.prototype */
+ {
+ /**
+ * Model type of the collection items
+ * @type Function
+ */
+ model: Mibew.Models.Visitor,
+
+ /**
+ * Collection initializer
+ */
+ initialize: function() {
+ // Register some shortcuts
+ var agent = Mibew.Objects.Models.agent;
+
+ // Call updateThreads periodically at the server
+ Mibew.Objects.server.callFunctionsPeriodically(
+ function(){
+ return [
+ {
+ 'function': 'currentTime',
+ 'arguments': {
+ 'agentId': agent.id,
+ 'return': {
+ 'time': 'currentTime'
+ },
+ 'references': {}
+ }
+ },
+ {
+ 'function': 'updateVisitors',
+ 'arguments': {
+ 'agentId': agent.id,
+ 'return': {
+ 'visitors': 'visitors'
+ },
+ 'references': {}
+ }
+ }
+ ];
+ },
+ _.bind(this.updateVisitors, this)
+ );
+ },
+
+ /**
+ * Use for sort visitors in collection.
+ * By default visitors sort by firstTime field.
+ * Triggers 'sort:field' event after sort field generated.
+ * @param {Mibew.Models.Visitor} visitor Visitor model
+ */
+ comparator: function(visitor) {
+ // Create default sort field
+ var sort = {
+ field: visitor.get('firstTime').toString()
+ }
+
+ // Trigger event to provide an ability to change sorting order
+ this.trigger('sort:field', visitor, sort);
+
+ // Return sort field
+ return sort.field;
+ },
+
+ /**
+ * Update visitors list.
+ * Trigger 'before:update:visitors' event and pass array of raw
+ * visitors data as argument to event handler.
+ * Also trigger 'after:update:visitors' event.
+ * @param {Object} args Arguments returned from server
+ */
+ updateVisitors: function(args) {
+ if (args.errorCode == 0) {
+ // Fix time difference between server and client
+ var delta;
+ if (args.currentTime) {
+ delta = Math.round((new Date()).getTime() / 1000)
+ - args.currentTime;
+ } else {
+ delta = 0;
+ }
+ for(var i = 0, l = args.visitors.length; i < l; i++) {
+ args.visitors[i].lastTime = parseInt(args.visitors[i].lastTime) + delta;
+ args.visitors[i].firstTime = parseInt(args.visitors[i].firstTime) + delta;
+ }
+
+ // Trigger event. Event handlers can change visitors info
+ this.trigger('before:update:visitors', args.visitors);
+
+ // Update collection
+ this.update(args.visitors);
+
+ // Trigger event
+ this.trigger('after:update:visitors');
+ }
+ }
+
+ }
+ );
+
+})(Mibew, Backbone, _);
+
+
diff --git a/src/messenger/webim/js/source/users/handlebars_helpers.js b/src/messenger/webim/js/source/users/handlebars_helpers.js
new file mode 100644
index 00000000..a9572e6b
--- /dev/null
+++ b/src/messenger/webim/js/source/users/handlebars_helpers.js
@@ -0,0 +1,33 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Handlebars){
+ /**
+ * Register 'formatTimeToNow' Handlebars helper.
+ *
+ * This helper takes unix timestamp as argument and return difference
+ * between current timestamp and passed one in "HH:MM:SS" format.
+ */
+ Handlebars.registerHelper('formatTimeSince', function(unixTimestamp){
+ // Get time diff
+ var diff = Math.round((new Date()).getTime() / 1000) - unixTimestamp;
+ // Get time parts
+ var seconds = diff % 60;
+ var minutes = Math.floor(diff / 60) % 60;
+ var hours = Math.floor(diff / (60 * 60));
+ // Get result parts
+ var result = [];
+ if (hours > 0) {
+ result.push(hours);
+ }
+ result.push(minutes < 10 ? '0' + minutes : minutes);
+ result.push(seconds < 10 ? '0' + seconds : seconds);
+ // Build result string
+ return result.join(':');
+ });
+})(Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/init.js b/src/messenger/webim/js/source/users/init.js
new file mode 100644
index 00000000..78149e74
--- /dev/null
+++ b/src/messenger/webim/js/source/users/init.js
@@ -0,0 +1,33 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew){
+
+ /**
+ * @namespace Holds application region constructors
+ */
+ Mibew.Regions = {};
+
+ /**
+ * @namespace Holds popup windows control
+ */
+ Mibew.Popup = {};
+
+ /**
+ * Open new window
+ * @param {String} link URL address of page to open
+ * @param {String} id Id of new window
+ * @param {String} params Window params passed to window.open method
+ */
+ Mibew.Popup.open = function(link, id, params) {
+ var newWindow = window.open(link, id, params);
+ newWindow.focus();
+ newWindow.opener = window;
+ }
+
+})(Mibew);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/mibewapi_users_interaction.js b/src/messenger/webim/js/source/users/mibewapi_users_interaction.js
new file mode 100644
index 00000000..da17a789
--- /dev/null
+++ b/src/messenger/webim/js/source/users/mibewapi_users_interaction.js
@@ -0,0 +1,30 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+/**
+ * Represents User list Window to core interaction type
+ *
+ * @constructor
+ */
+MibewAPIUsersInteraction = function() {
+ this.obligatoryArguments = {
+ '*': {
+ 'agentId': null,
+ 'return': {},
+ 'references': {}
+ },
+ 'result': {
+ 'errorCode': 0
+ }
+ };
+
+ this.reservedFunctionNames = [
+ 'result'
+ ];
+}
+MibewAPIUsersInteraction.prototype = new MibewAPIInteraction();
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/agent.js b/src/messenger/webim/js/source/users/model_views/agent.js
new file mode 100644
index 00000000..3bbb253e
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/agent.js
@@ -0,0 +1,81 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars) {
+
+ /**
+ * @class Represents agent view.
+ */
+ Mibew.Views.Agent = Backbone.Marionette.ItemView.extend(
+ /** @lends Mibew.Views.Agent.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.agent,
+
+ /**
+ * Name of wrapper tag for an agent view
+ * @type String
+ */
+ tagName: 'span',
+
+ /**
+ * CSS class name for view's DOM element
+ * @type String
+ */
+ className: 'agent',
+
+ /**
+ * Map model events to the view methods
+ * @type Object
+ */
+ modelEvents: {
+ 'change': 'render'
+ },
+
+ /**
+ * View initializer
+ */
+ initialize: function() {
+ // Initialize fields and methods of the instance
+
+ /**
+ * Indicates if model related to the view is first in collection
+ * @type Boolean
+ * @fieldOf Mibew.Views.Agent
+ */
+ this.isModelFirst = false;
+
+ /**
+ * Indicates if model related to the view is last in collection
+ * @type Boolean
+ * @fieldOf Mibew.Views.Agent
+ */
+ this.isModelLast = false;
+ },
+
+ /**
+ * Override Backbone.Marionette.ItemView.serializeData to pass some
+ * extra fields to template. Add 'isFirst' and 'isLast' values.
+ * Following additional values available in template:
+ * - 'isFirst': indicates if model is first in collection
+ * - 'isLast': indicates if model is last in collection
+ * @returns {Object} Template data
+ */
+ serializeData: function() {
+ var data = this.model.toJSON();
+ data.isFirst = this.isModelFirst;
+ data.isLast = this.isModelLast;
+ return data;
+ }
+ }
+ );
+
+})(Mibew, Backbone, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/no_threads.js b/src/messenger/webim/js/source/users/model_views/no_threads.js
new file mode 100644
index 00000000..e40bb59e
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/no_threads.js
@@ -0,0 +1,34 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars) {
+
+ /**
+ * @class Represents empty thread view.
+ */
+ Mibew.Views.NoThreads = Backbone.Marionette.ItemView.extend(
+ /** @lends Mibew.Views.NoThreads.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.no_threads,
+
+ /**
+ * View initializer
+ * @param {Object} options Options object passed from
+ * {@link Mibew.Views.ThreadsCollection.prototype.itemViewOptions}
+ */
+ initialize: function(options) {
+ this.tagName = options.tagName;
+ }
+ }
+ );
+
+})(Mibew, Backbone, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/no_visitors.js b/src/messenger/webim/js/source/users/model_views/no_visitors.js
new file mode 100644
index 00000000..68e20f9e
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/no_visitors.js
@@ -0,0 +1,34 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars) {
+
+ /**
+ * @class Represents empty visitor view.
+ */
+ Mibew.Views.NoVisitors = Backbone.Marionette.ItemView.extend(
+ /** @lends Mibew.Views.NoVisitors.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.no_visitors,
+
+ /**
+ * View initializer
+ * @param {Object} options Options object passed from
+ * {@link Mibew.Views.VisitorsCollection.prototype.itemViewOptions}
+ */
+ initialize: function(options) {
+ this.tagName = options.tagName;
+ }
+ }
+ );
+
+})(Mibew, Backbone, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/queued_thread.js b/src/messenger/webim/js/source/users/model_views/queued_thread.js
new file mode 100644
index 00000000..b38e8257
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/queued_thread.js
@@ -0,0 +1,240 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Handlebars) {
+
+ /**
+ * @class Represents thread view.
+ */
+ Mibew.Views.QueuedThread = Mibew.Views.CompositeBase.extend(
+ /** @lends Mibew.Views.QueuedThread.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.queued_thread,
+
+ /**
+ * Default item view constructor.
+ * @type Function
+ */
+ itemView: Mibew.Views.Control,
+
+ /**
+ * DOM element for collection items
+ * @type String
+ */
+ itemViewContainer: '.thread-controls',
+
+ /**
+ * CSS class name for view's DOM element
+ * @type String
+ */
+ className: 'thread',
+
+ /**
+ * Map model events to the view methods
+ * @type Object
+ */
+ modelEvents: {
+ 'change': 'render'
+ },
+
+ /**
+ * UI events hash.
+ * Map UI events on the view methods.
+ * @type Object
+ */
+ events: {
+ 'click .open-dialog': 'openDialog',
+ 'click .view-control': 'viewDialog',
+ 'click .track-control': 'showTrack',
+ 'click .ban-control': 'showBan',
+ 'click .geo-link': 'showGeoInfo',
+ 'click .first-message a': 'showFirstMessage'
+ },
+
+ /**
+ * View initializer
+ */
+ initialize: function() {
+ // Initialize fields and methods of the instance
+
+ /**
+ * Contain list of last styles added to the thread DOM element.
+ * Used by {@link Mibew.Views.ThreadsCollection} view.
+ * @type Array
+ * @fieldOf Mibew.Views.Thread
+ */
+ this.lastStyles = [];
+ },
+
+ /**
+ * Override Backbone.Marionette.ItemView.serializeData to pass some
+ * extra fields to template.
+ * Following additional values available in template:
+ * - 'stateDesc': thread state description
+ * - 'chatting': indicates if thread have STATE_CHATTING
+ * - 'tracked': indicates if tracked system is enabled
+ * - 'firstMessagePreview': first message limited by 30 characters
+ * @returns {Object} Template data
+ */
+ serializeData: function() {
+ var thread = this.model
+ var page = Mibew.Objects.Models.page;
+ var data = thread.toJSON();
+ data.stateDesc = this.stateToDesc(thread.get('state'));
+ data.chatting = (thread.get('state') == thread.STATE_CHATTING);
+ data.tracked = page.get('showVisitors');
+ if (data.firstMessage) {
+ data.firstMessagePreview = data.firstMessage.length > 30
+ ? data.firstMessage.substring(0,30) + '...'
+ : data.firstMessage
+ }
+ return data;
+ },
+
+ /**
+ * Convert numeric thread state code to string description of a
+ * state
+ * @param {Number} state Thread state code
+ * @returns {String} Description of the thread state
+ */
+ stateToDesc: function(state) {
+ var l = Mibew.Localization;
+ if (state == this.model.STATE_QUEUE) {
+ return l.get('chat.thread.state_wait');
+ }
+ if (state == this.model.STATE_WAITING) {
+ return l.get('chat.thread.state_wait_for_another_agent');
+ }
+ if (state == this.model.STATE_CHATTING) {
+ return l.get('chat.thread.state_chatting_with_agent');
+ }
+ if (state == this.model.STATE_CLOSED) {
+ return l.get('chat.thread.state_closed');
+ }
+ if (state == this.model.STATE_LOADING) {
+ return l.get('chat.thread.state_loading');
+ }
+ return "";
+ },
+
+ /**
+ * Open window with geo information
+ */
+ showGeoInfo: function() {
+ var ip = this.model.get('userIp');
+ if (ip) {
+ var page = Mibew.Objects.Models.page;
+ var geoLink = page.get('geoLink')
+ .replace("{ip}", ip);
+ Mibew.Popup.open(
+ geoLink,
+ 'ip' + ip,
+ page.get('geoWindowParams')
+ );
+ }
+ },
+
+ /**
+ * Open chat window in dialog mode
+ */
+ openDialog: function() {
+ // Create some shortcuts
+ var thread = this.model;
+ var viewOnly = (thread.get('state') == thread.STATE_CHATTING)
+ && thread.get('canView');
+
+ // Show dialog window
+ this.showDialogWindow(viewOnly);
+ },
+
+ /**
+ * Open chat window in view mode
+ */
+ viewDialog: function() {
+ this.showDialogWindow(true);
+ },
+
+ /**
+ * Open chat window
+ * @param {Boolean} viewOnly Indicates if chat window should be open
+ * in view mode
+ */
+ showDialogWindow: function(viewOnly) {
+ // Create some shortcuts
+ var thread = this.model;
+ var threadId = thread.id;
+ var page = Mibew.Objects.Models.page;
+
+ // Open chat window
+ Mibew.Popup.open(
+ page.get('agentLink')
+ + '?thread='
+ + threadId
+ + (viewOnly ? '&viewonly=true': ''),
+ 'ImCenter' + threadId,
+ page.get('chatWindowParams')
+ );
+ },
+
+ /**
+ * Open tracked window
+ */
+ showTrack: function() {
+ // Create some shortcuts
+ var threadId = this.model.id;
+ var page = Mibew.Objects.Models.page;
+
+ // Open tracked window
+ Mibew.Popup.open(
+ page.get('trackedLink')
+ + '?thread='
+ + threadId,
+ 'ImTracked' + threadId,
+ page.get('trackedUserWindowParams')
+ );
+ },
+
+ /**
+ * Open ban window
+ */
+ showBan: function() {
+ // Create some shortcuts
+ var thread = this.model;
+ var ban = thread.get('ban');
+ var page = Mibew.Objects.Models.page;
+
+ // Open ban window
+ Mibew.Popup.open(
+ page.get('banLink')
+ + '?'
+ + (ban !== false
+ ? 'id='+ban.id
+ : 'thread='+ thread.id),
+ 'ImBan' + ban.id,
+ page.get('banWindowParams')
+ );
+ },
+
+ /**
+ * Show first message from user to agent
+ */
+ showFirstMessage: function() {
+ var message = this.model.get('firstMessage');
+ if (message) {
+ alert(message);
+ }
+ }
+
+ }
+ );
+
+})(Mibew, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/status_panel.js b/src/messenger/webim/js/source/users/model_views/status_panel.js
new file mode 100644
index 00000000..860a6756
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/status_panel.js
@@ -0,0 +1,74 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Backbone, Handlebars) {
+
+ /**
+ * @class Represents status panel view.
+ */
+ Mibew.Views.StatusPanel = Backbone.Marionette.ItemView.extend(
+ /** @lends Mibew.Views.StatusPanel.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.status_panel,
+
+ /**
+ * Map model events to the view methods
+ * @type Object
+ */
+ modelEvents: {
+ 'change': 'render'
+ },
+
+ /**
+ * Shortcuts for ui elements
+ * @type Object
+ */
+ ui: {
+ changeStatus: '#change-status'
+ },
+
+ /**
+ * Map ui events to view methods
+ * @type Object
+ */
+ events: {
+ 'click #change-status': 'changeAgentStatus'
+ },
+
+ /**
+ * View initializer
+ */
+ initialize: function() {
+ Mibew.Objects.Models.agent.on('change', this.render, this);
+ },
+
+ /**
+ * Changes users status
+ */
+ changeAgentStatus: function() {
+ this.model.changeAgentStatus();
+ },
+
+ /**
+ * Override Backbone.Marionette.ItemView.serializeData to pass some
+ * extra fields to template.
+ * @returns {Object} Template data
+ */
+ serializeData: function() {
+ var data = this.model.toJSON();
+ data.agent = Mibew.Objects.Models.agent.toJSON();
+ return data;
+ }
+ }
+ );
+
+})(Mibew, Backbone, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/model_views/visitor.js b/src/messenger/webim/js/source/users/model_views/visitor.js
new file mode 100644
index 00000000..6f3bfb6f
--- /dev/null
+++ b/src/messenger/webim/js/source/users/model_views/visitor.js
@@ -0,0 +1,117 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, Handlebars) {
+
+ /**
+ * @class Represents visitor view.
+ */
+ Mibew.Views.Visitor = Mibew.Views.CompositeBase.extend(
+ /** @lends Mibew.Views.Visitor.prototype */
+ {
+ /**
+ * Template function
+ * @type Function
+ */
+ template: Handlebars.templates.visitor,
+
+ /**
+ * Default item view constructor.
+ * @type Function
+ */
+ itemView: Mibew.Views.Control,
+
+ /**
+ * DOM element for collection items
+ * @type String
+ */
+ itemViewContainer: '.visitor-controls',
+
+ /**
+ * CSS class name for view's DOM element
+ * @type String
+ */
+ className: 'visitor',
+
+ /**
+ * Map model events to the view methods
+ * @type Object
+ */
+ modelEvents: {
+ 'change': 'render'
+ },
+
+ /**
+ * UI events hash.
+ * Map UI events on the view methods.
+ * @type Object
+ */
+ events: {
+ 'click .invite-link': 'inviteUser',
+ 'click .geo-link': 'showGeoInfo',
+ 'click .track-control': 'showTrack'
+ },
+
+ /**
+ * Invite user to chat
+ */
+ inviteUser: function() {
+ if (! this.model.get('invitationInfo')) {
+ // Create some shortcuts
+ var visitorId = this.model.id;
+ var page = Mibew.Objects.Models.page;
+
+ // Open invite window
+ Mibew.Popup.open(
+ page.get('inviteLink')
+ + '?visitor='
+ + visitorId,
+ 'ImCenter' + visitorId,
+ page.get('inviteWindowParams')
+ );
+ }
+ },
+
+ /**
+ * Open tracked window
+ */
+ showTrack: function() {
+ // Create some shortcuts
+ var visitorId = this.model.id;
+ var page = Mibew.Objects.Models.page;
+
+ // Open tracked window
+ Mibew.Popup.open(
+ page.get('trackedLink')
+ + '?visitor='
+ + visitorId,
+ 'ImTracked' + visitorId,
+ page.get('trackedVisitorWindowParams')
+ );
+ },
+
+ /**
+ * Open window with geo information
+ */
+ showGeoInfo: function() {
+ var ip = this.model.get('userIp');
+ if (ip) {
+ var page = Mibew.Objects.Models.page;
+ var geoLink = page.get('geoLink')
+ .replace("{ip}", ip);
+ Mibew.Popup.open(
+ geoLink,
+ 'ip' + ip,
+ page.get('geoWindowParams')
+ );
+ }
+ }
+ }
+ );
+
+})(Mibew, Handlebars);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/models/agent.js b/src/messenger/webim/js/source/users/models/agent.js
new file mode 100644
index 00000000..daa0e697
--- /dev/null
+++ b/src/messenger/webim/js/source/users/models/agent.js
@@ -0,0 +1,95 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, _){
+
+ /**
+ * @class Represents an agent
+ */
+ Mibew.Models.Agent = Mibew.Models.User.extend(
+ /** @lends Mibew.Models.Agent.prototype */
+ {
+ /**
+ * A list of default model values.
+ * Inherits values from Mibew.Models.User
+ * @type Object
+ */
+ defaults: _.extend(
+ {},
+ Mibew.Models.User.prototype.defaults,
+ {
+ /**
+ * Agent id on the server
+ * @type Number
+ */
+ id: null,
+
+ /**
+ * Indicates that user is agent.
+ * Left only for compatibility with Mibew.Models.User
+ * @type Boolean
+ */
+ isAgent: true,
+
+ /**
+ * Indicates if agent away or available at the moment
+ * @type Boolean
+ */
+ away: false
+ }
+ ),
+
+ /**
+ * Set user status to 'away'
+ * This is a shortcut for setAvailability method
+ */
+ away: function() {
+ this.setAvailability(false);
+ },
+
+ /**
+ * Set user status to 'available'
+ * This is a shortcut for setAvailability method
+ */
+ available: function() {
+ this.setAvailability(true);
+ },
+
+ /**
+ * Set agent status: 'away' or 'available'
+ * @param {Boolean} available true set agent's status to 'available'
+ * and false set agent's status to 'away'
+ */
+ setAvailability: function(available) {
+ var funcName = available?'available':'away';
+ var self = this;
+ Mibew.Objects.server.callFunctions(
+ [
+ {
+ 'function': funcName,
+ 'arguments': {
+ 'agentId': this.id,
+ 'references': {},
+ 'return': {}
+ }
+ }
+ ],
+ function(args){
+ if (args.errorCode == 0) {
+ self.set({'away': !available});
+ }
+ },
+ true
+ );
+ }
+ }
+ );
+
+})(Mibew, _);
+
+
diff --git a/src/messenger/webim/js/source/users/models/queued_thread.js b/src/messenger/webim/js/source/users/models/queued_thread.js
new file mode 100644
index 00000000..15ce2323
--- /dev/null
+++ b/src/messenger/webim/js/source/users/models/queued_thread.js
@@ -0,0 +1,154 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, _){
+
+ /**
+ * Holds thread controls constructors
+ * @type Array
+ */
+ var controlsConstructors = [];
+
+ /**
+ * Prepresent thread in users queue
+ * @class
+ */
+ var QueuedThread = Mibew.Models.QueuedThread = Mibew.Models.Thread.extend(
+ /** @lends Mibew.Models.QueuedThread.prototype */
+ {
+ /**
+ * A list of default model values.
+ * Inherits values from Mibew.Models.Thread
+ * @type Object
+ */
+ defaults: _.extend(
+ {},
+ Mibew.Models.Thread.prototype.defaults,
+ {
+ /**
+ * Collection of thread controls
+ * @type Mibew.Collections.Controls
+ */
+ controls: null,
+
+ /**
+ * Name of the user
+ * @type String
+ */
+ userName: '',
+
+ /**
+ * Ip address of the user
+ * @type String
+ */
+ userIp: '',
+
+ /**
+ * Full remote address returned by web server. Generally
+ * equals to userIp.
+ * @type String
+ */
+ remote: '',
+
+ /**
+ * User agent
+ * @type String
+ */
+ userAgent: '',
+
+ /**
+ * Agent name
+ * @type String
+ */
+ agentName: '',
+
+ /**
+ * Indicates if agent can open thread
+ * @type Boolean
+ */
+ canOpen: false,
+
+ /**
+ * Indicates if agent can view thread
+ * @type Boolean
+ */
+ canView: false,
+
+ /**
+ * Indicates if agent can ban the user
+ * @type Boolean
+ */
+ canBan: false,
+
+ /**
+ * Contains ban info if user already blocked or boolean
+ * false otherwise.
+ * @type Boolean|Object
+ */
+ ban: false,
+
+ /**
+ * Unix timestamp when thread was started
+ * @type Number
+ */
+ totalTime: 0,
+
+ /**
+ * Unix timestamp when user begin wait for agent
+ * @type Number
+ */
+ waitingTime: 0,
+
+ /**
+ * First message from user to operator
+ * @type String
+ */
+ firstMessage: null
+ }
+ ),
+
+ /**
+ * Model initializer.
+ * Create controls collection and store it in the model field.
+ */
+ initialize: function() {
+ var self = this;
+ var controls = [];
+ var constructors = QueuedThread.getControls();
+ for (var i = 0, l = constructors.length; i < l; i++) {
+ controls.push(new constructors[i]({thread: self}));
+ }
+ this.set({
+ controls: new Mibew.Collections.Controls(controls)
+ });
+ }
+ },
+
+
+ /** @lends Mibew.Models.QueuedThread */
+ {
+ /**
+ * Add thread control constructor
+ * @static
+ * @param {Function} Mibew.Models.Control or inherited constructor
+ */
+ addControl: function(control) {
+ controlsConstructors.push(control)
+ },
+
+ /**
+ * Returns list of thread controls constructors
+ * @static
+ * @returns {Array} List of controls constructors
+ */
+ getControls: function() {
+ return controlsConstructors;
+ }
+ }
+ );
+})(Mibew, _);
\ No newline at end of file
diff --git a/src/messenger/webim/js/source/users/models/status_panel.js b/src/messenger/webim/js/source/users/models/status_panel.js
new file mode 100644
index 00000000..ec9ba91e
--- /dev/null
+++ b/src/messenger/webim/js/source/users/models/status_panel.js
@@ -0,0 +1,53 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew){
+
+ /**
+ * @class Represents a status panel
+ */
+ Mibew.Models.StatusPanel = Mibew.Models.Base.extend(
+ /** @lends Mibew.Models.StatusPanel.prototype */
+ {
+ /**
+ * A list of default model values.
+ * @type Object
+ */
+ defaults: {
+ /**
+ * Status message
+ * @type String
+ */
+ message: ''
+ },
+
+ /**
+ * Set status message
+ * @param {String} message New status message
+ */
+ setStatus: function(message) {
+ this.set({'message': message});
+ },
+
+ /**
+ * Changes agent status
+ */
+ changeAgentStatus: function() {
+ var agent = Mibew.Objects.Models.agent;
+ if (agent.get('away')) {
+ agent.available();
+ } else {
+ agent.away();
+ }
+ }
+ }
+ );
+
+})(Mibew);
+
+
diff --git a/src/messenger/webim/js/source/users/models/visitor.js b/src/messenger/webim/js/source/users/models/visitor.js
new file mode 100644
index 00000000..9f226772
--- /dev/null
+++ b/src/messenger/webim/js/source/users/models/visitor.js
@@ -0,0 +1,141 @@
+/**
+ * @preserve This file is part of Mibew Messenger project.
+ * http://mibew.org
+ *
+ * Copyright (c) 2005-2011 Mibew Messenger Community
+ * License: http://mibew.org/license.php
+ */
+
+(function(Mibew, _){
+
+ /**
+ * Holds visitor controls constructors
+ * @type Array
+ */
+ var controlsConstructors = [];
+
+ /**
+ * @class Represents a visitor.
+ */
+ var Visitor = Mibew.Models.Visitor = Mibew.Models.User.extend(
+ /** @lends Mibew.Models.Visitor.prototype */
+ {
+ /**
+ * A list of default model values.
+ * Inherits values from Mibew.Models.User
+ * @type Object
+ */
+ defaults: _.extend(
+ {},
+ Mibew.Models.User.prototype.defaults,
+ {
+ /**
+ * Collection of visitor controls
+ * @type Mibew.Collections.Controls
+ */
+ controls: null,
+
+ /**
+ * Name of the user
+ * @type String
+ */
+ userName: '',
+
+ /**
+ * Ip address of the user
+ * @type String
+ */
+ userIp: '',
+
+ /**
+ * Full remote address returned by web server. Generally
+ * equals to userIp.
+ * @type String
+ */
+ remote: '',
+
+ /**
+ * User agent
+ * @type String
+ */
+ userAgent: '',
+
+ /**
+ * Unix timestamp when visitor was first time observed
+ * on site
+ * @type Number
+ */
+ firstTime: 0,
+
+ /**
+ * Unix timestamp when visitor was first time observed
+ * on site
+ * @type Number
+ */
+ lastTime: 0,
+
+ /**
+ * Total invitations count
+ * @type Number
+ */
+ invitations: 0,
+
+ /**
+ * Total chats count with visitor
+ * @type Number
+ */
+ chats: 0,
+
+ /**
+ * Information about invitation or booean false if there is
+ * no invitation yet.
+ *
+ * Information object contains following keys:
+ * - 'agentName': name of the agent who invited the visitor
+ * - 'time': invitation time
+ * @type Object|Boolean
+ */
+ invitationInfo: false
+ }
+ ),
+
+ /**
+ * Model initializer.
+ * Create controls collection and store it in the model field.
+ */
+ initialize: function() {
+ var self = this;
+ var controls = [];
+ var constructors = Visitor.getControls();
+ for (var i = 0, l = constructors.length; i < l; i++) {
+ controls.push(new constructors[i]({visitor: self}));
+ }
+ this.set({
+ controls: new Mibew.Collections.Controls(controls)
+ });
+ }
+ },
+
+ /** @lends Mibew.Models.Visitor */
+ {
+ /**
+ * Add visitor control constructor
+ * @static
+ * @param {Function} Mibew.Models.Control or inherited constructor
+ */
+ addControl: function(control) {
+ controlsConstructors.push(control)
+ },
+
+ /**
+ * Returns list of visitor controls constructors
+ * @static
+ * @returns {Array} List of controls constructors
+ */
+ getControls: function() {
+ return controlsConstructors;
+ }
+ }
+ );
+
+})(Mibew, _);
diff --git a/src/messenger/webim/js/templates/compiled/users_app.tpl.js b/src/messenger/webim/js/templates/compiled/users_app.tpl.js
new file mode 100644
index 00000000..50b5e699
--- /dev/null
+++ b/src/messenger/webim/js/templates/compiled/users_app.tpl.js
@@ -0,0 +1 @@
+(function(){var a=Handlebars.template,b=Handlebars.templates=Handlebars.templates||{};b.agent=a(function(a,b,c,d,e){function m(a,b){return"away"}function n(a,b){return"online"}function o(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.status.away",{hash:{}}):i.call(a,"L10n","pending.status.away",{hash:{}}),j(d)}function p(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.status.online",{hash:{}}):i.call(a,"L10n","pending.status.online",{hash:{}}),j(d)}function q(a,b){return","}c=c||a.helpers;var f="",g,h,i=c.helperMissing,j=this.escapeExpression,k=this,l="function";f+='',h=c.name,h?g=h.call(b,{hash:{}}):(g=b.name,g=typeof g===l?g():g),f+=j(g),g=b.isLast,g=c.unless.call(b,g,{hash:{},inverse:k.noop,fn:k.program(9,q,e)});if(g||g===0)f+=g;return f}),b.threads_collection=a(function(a,b,c,d,e){c=c||a.helpers;var f="",g,h,i=c.helperMissing,j=this.escapeExpression;return f+='| ',h=c.L10n,g=h?h.call(b,"pending.table.head.name",{hash:{}}):i.call(b,"L10n","pending.table.head.name",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.actions",{hash:{}}):i.call(b,"L10n","pending.table.head.actions",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.contactid",{hash:{}}):i.call(b,"L10n","pending.table.head.contactid",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.state",{hash:{}}):i.call(b,"L10n","pending.table.head.state",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.operator",{hash:{}}):i.call(b,"L10n","pending.table.head.operator",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.total",{hash:{}}):i.call(b,"L10n","pending.table.head.total",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.waittime",{hash:{}}):i.call(b,"L10n","pending.table.head.waittime",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"pending.table.head.etc",{hash:{}}):i.call(b,"L10n","pending.table.head.etc",{hash:{}}),f+=j(g)+' | \n
|---|
\n \n
\n \n',h=c.message,h?g=h.call(b,{hash:{}}):(g=b.message,g=typeof g===k?g():g),f+=j(g),g=b.agent,g=g==null||g===!1?g:g.away,g=c["if"].call(b,g,{hash:{},inverse:l.program(3,n,e),fn:l.program(1,m,e)});if(g||g===0)f+=g;f+='
",f}),b.queued_thread=a(function(a,b,c,d,e){function m(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.table.speak",{hash:{}}):i.call(a,"L10n","pending.table.speak",{hash:{}}),j(d)}function n(a,b){var d,e;return e=c.L10n,d=e?e.call(a,"pending.table.view",{hash:{}}):i.call(a,"L10n","pending.table.view",{hash:{}}),j(d)}function o(a,b){var d="",e,f;return f=c.L10n,e=f?f.call(a,"chat.client.spam.prefix",{hash:{}}):i.call(a,"L10n","chat.client.spam.prefix",{hash:{}}),d+=j(e)+" ",d}function p(a,b){var d="",e,f;return d+='",d}function q(a,b){var d="",e,f;return d+='\n \n ',d}function r(a,b){var d="",e,f;return d+='\n \n ',d}function s(a,b){var d="",e,f;return d+='\n \n ',d}function t(a,b){var d="",e,f;return d+='\n \n ',d}function u(a,b){var d="",e,f;return d+='',f=c.remote,f?e=f.call(a,{hash:{}}):(e=a.remote,e=typeof e===k?e():e),d+=j(e)+"",d}function v(a,b){var d,e;return e=c.remote,e?d=e.call(a,{hash:{}}):(d=a.remote,d=typeof d===k?d():d),j(d)}function w(a,b){var d,e;return d=a.waitingTime,e=c.formatTimeSince,d=e?e.call(a,d,{hash:{}}):i.call(a,"formatTimeSince",d,{hash:{}}),j(d)}function x(a,b){return"-"}function y(a,b){var c;return c=a.ban,c=c==null||c===!1?c:c.reason,c=typeof c===k?c():c,j(c)}function z(a,b){var d,e;return e=c.userAgent,e?d=e.call(a,{hash:{}}):(d=a.userAgent,d=typeof d===k?d():d),j(d)}c=c||a.helpers;var f="",g,h,i=c.helperMissing,j=this.escapeExpression,k="function",l=this;f+='\n ',g=b.canOpen,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(9,q,e)});if(g||g===0)f+=g;f+="\n ",g=b.canView,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(11,r,e)});if(g||g===0)f+=g;f+="\n ",g=b.tracked,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(13,s,e)});if(g||g===0)f+=g;f+="\n ",g=b.canBan,g=c["if"].call(b,g,{hash:{},inverse:l.noop,fn:l.program(15,t,e)});if(g||g===0)f+=g;f+='\n
\n \n| ',h=c.L10n,g=h?h.call(b,"visitors.table.head.name",{hash:{}}):i.call(b,"L10n","visitors.table.head.name",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.actions",{hash:{}}):i.call(b,"L10n","visitors.table.head.actions",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.contactid",{hash:{}}):i.call(b,"L10n","visitors.table.head.contactid",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.firsttimeonsite",{hash:{}}):i.call(b,"L10n","visitors.table.head.firsttimeonsite",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.lasttimeonsite",{hash:{}}):i.call(b,"L10n","visitors.table.head.lasttimeonsite",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invited.by",{hash:{}}):i.call(b,"L10n","visitors.table.head.invited.by",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invitationtime",{hash:{}}):i.call(b,"L10n","visitors.table.head.invitationtime",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.invitations",{hash:{}}):i.call(b,"L10n","visitors.table.head.invitations",{hash:{}}),f+=j(g)+" | \n",h=c.L10n,g=h?h.call(b,"visitors.table.head.etc",{hash:{}}):i.call(b,"L10n","visitors.table.head.etc",{hash:{}}),f+=j(g)+' | \n
|---|
+ {{#if canOpen}}
+
+ {{/if}}
+ {{#if canView}}
+
+ {{/if}}
+ {{#if tracked}}
+
+ {{/if}}
+ {{#if canBan}}
+
+ {{/if}}
+
+
+{{message}}{{#if agent.away}}{{L10n "pending.status.away"}}{{else}}{{L10n "pending.status.online"}}{{/if}}
\ No newline at end of file
diff --git a/src/messenger/webim/js/templates/source/users/threads_collection.handlebars b/src/messenger/webim/js/templates/source/users/threads_collection.handlebars
new file mode 100644
index 00000000..ede4845f
--- /dev/null
+++ b/src/messenger/webim/js/templates/source/users/threads_collection.handlebars
@@ -0,0 +1,17 @@
+| {{L10n "pending.table.head.name"}} | +{{L10n "pending.table.head.actions"}} | +{{L10n "pending.table.head.contactid"}} | +{{L10n "pending.table.head.state"}} | +{{L10n "pending.table.head.operator"}} | +{{L10n "pending.table.head.total"}} | +{{L10n "pending.table.head.waittime"}} | +{{L10n "pending.table.head.etc"}} | +
|---|
+
+
+
+| {{L10n "visitors.table.head.name"}} | +{{L10n "visitors.table.head.actions"}} | +{{L10n "visitors.table.head.contactid"}} | +{{L10n "visitors.table.head.firsttimeonsite"}} | +{{L10n "visitors.table.head.lasttimeonsite"}} | +{{L10n "visitors.table.head.invited.by"}} | +{{L10n "visitors.table.head.invitationtime"}} | +{{L10n "visitors.table.head.invitations"}} | +{{L10n "visitors.table.head.etc"}} | +
|---|
-
| - | - | - | - | - | - | - | - |
|---|---|---|---|---|---|---|---|
| Loading.... | |||||||
-
| - | - | - | - | - | - | - | - |
|---|---|---|---|---|---|---|---|
| Loading.... | |||||||
-
-
-
-
-
-
-
-
-
-
+
+
+