64:aaa5db265e44
Anton Shestakov <av6@dwimlabs.net>, Mon, 28 Mar 2016 15:49:49 +0800
css: display incoming call messages in a distinct color The color is not chosen very carefully yet.

next change 72:249e458f53ec
previous change 61:fbdf2a0985d1

js/contacts.js

Permissions: -rw-r--r--

Other formats: Feeds:
// Generated by CoffeeScript 1.10.0
(function() {
var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
hasProp = {}.hasOwnProperty,
bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
Tram.Contact = (function(superClass) {
extend(Contact, superClass);
function Contact() {
return Contact.__super__.constructor.apply(this, arguments);
}
Contact.prototype.idAttribute = 'jid';
Contact.prototype.defaults = {
presence: 'unavailable',
show: 'offline'
};
Contact.prototype.initialize = function() {
this.on('add change:avatar', function() {
var avatar;
avatar = this.get('avatar');
if ((avatar != null ? avatar.mime : void 0) && (avatar != null ? avatar.data : void 0)) {
return this.set('d/avatar', "data:" + avatar.mime + ";base64," + avatar.data);
} else {
return this.unset('d/avatar');
}
});
this.on('add change:fullname change:nickname change:bjid', function() {
return this.set('d/handle', this.get('fullname') || this.get('nickname') || this.get('bjid'));
});
return this.on('add change:type change:presence change:callstate', function() {
var actions;
if (this.get('type') === 'self') {
return this.unset('d/actions');
}
if (this.get('presence') === 'subscribe') {
return this.set('d/actions', ['authorize', 'unauthorize']);
}
actions = ['remove'];
if (this.get('presence') !== 'unavailable') {
switch (this.get('callstate')) {
case 'established':
actions.push('hang-up');
break;
case 'outgoing':
actions.push('wait', 'hang-up');
break;
case 'incoming':
actions.push('accept', 'decline');
break;
default:
actions.push('call');
}
}
return this.set('d/actions', actions);
});
};
return Contact;
})(Backbone.Model);
Tram.Contacts = (function(superClass) {
extend(Contacts, superClass);
function Contacts() {
return Contacts.__super__.constructor.apply(this, arguments);
}
Contacts.prototype.model = Tram.Contact;
Contacts.prototype.comparator = function(model) {
if (model.get('presence') === 'unavailable') {
return 1;
} else if (model.get('type') === 'self') {
return -1;
} else {
return 0;
}
};
Contacts.prototype.initialize = function() {
return this.on('change:presence change:type', this.sort);
};
return Contacts;
})(Backbone.Collection);
Tram.AvatarView = (function(superClass) {
extend(AvatarView, superClass);
function AvatarView() {
this.getColors = bind(this.getColors, this);
return AvatarView.__super__.constructor.apply(this, arguments);
}
AvatarView.prototype.tagName = 'div';
AvatarView.prototype.className = 'vignette';
AvatarView.prototype.colors = Tram.colors.avatar;
AvatarView.prototype.template = $('#avatar-template').html();
AvatarView.prototype.getColors = function(hash) {
var ci;
ci = hash % this.colors.length;
return "color: white; background: " + this.colors[ci] + ";";
};
AvatarView.prototype.render = function() {
this.$el.html(this.template);
this.rivet = rivets.bind(this.el, {
model: this.model,
view: this
});
return this;
};
AvatarView.prototype.remove = function() {
this.rivet.unbind();
return AvatarView.__super__.remove.apply(this, arguments);
};
return AvatarView;
})(Backbone.View);
Tram.ContactView = (function(superClass) {
extend(ContactView, superClass);
function ContactView() {
this.getPipColor = bind(this.getPipColor, this);
return ContactView.__super__.constructor.apply(this, arguments);
}
ContactView.prototype.tagName = 'li';
ContactView.prototype.className = 'contact';
ContactView.prototype.template = $('#contact-template').html();
ContactView.prototype.colors = Tram.colors.show;
ContactView.prototype.events = {
'click [data-authorize]': function() {
return this.model.trigger('authorize');
},
'click [data-unauthorize]': function() {
return this.model.trigger('unauthorize');
},
'click [data-call]': function(event) {
return this.model.trigger('call', event.currentTarget.getAttribute('data-call'));
},
'click [data-accept]': function(event) {
return this.model.trigger('accept', event.currentTarget.getAttribute('data-accept'));
},
'click [data-decline]': function() {
return this.model.trigger('decline');
},
'click [data-hang-up]': function() {
return this.model.trigger('hangup');
},
'click [data-remove]': function() {
return this.model.trigger('remove');
}
};
ContactView.prototype.initialize = function() {
this.$el.attr('data-jid', this.model.get('jid'));
this.$el.html(this.template);
this.$avatarColumn = this.$('.avatar-column');
return this.bind();
};
ContactView.prototype.bind = function() {};
ContactView.prototype.getPipColor = function(show) {
return "background: " + (this.colors[show] || this.colors['default']) + ";";
};
ContactView.prototype.render = function() {
var av;
this.rivet = rivets.bind(this.el, {
model: this.model,
view: this
});
av = new Tram.AvatarView({
model: this.model
});
this.$avatarColumn.prepend(av.render().el);
return this;
};
ContactView.prototype.remove = function() {
this.rivet.unbind();
return ContactView.__super__.remove.apply(this, arguments);
};
return ContactView;
})(Backbone.View);
Tram.ContactsApp = (function(superClass) {
extend(ContactsApp, superClass);
function ContactsApp() {
return ContactsApp.__super__.constructor.apply(this, arguments);
}
ContactsApp.prototype.initialize = function() {
this.listenTo(this.collection, 'add', this.onAdd);
this.listenTo(this.collection, 'remove', this.onRemove);
return this.listenTo(this.collection, 'sort', this.onSort);
};
ContactsApp.prototype.onAdd = function(model, collection) {
var el, mi;
mi = collection.indexOf(model);
model.view = new Tram.ContactView({
model: model
});
el = model.view.render().el;
if (mi === 0) {
return this.$el.prepend(el);
} else {
return this.$el.children().eq(mi - 1).after(el);
}
};
ContactsApp.prototype.onRemove = function(model) {
var ref;
return (ref = model.view) != null ? ref.remove() : void 0;
};
ContactsApp.prototype.onSort = function(collection, options) {
if (!options.add) {
return collection.each((function(_this) {
return function(model) {
model.view.$el.detach();
return _this.$el.append(model.view.el);
};
})(this));
}
};
return ContactsApp;
})(Backbone.View);
}).call(this);
//# sourceMappingURL=contacts.js.map