324:da4b66c14a44
Anton Shestakov <av6@dwimlabs.net>, Sat, 14 Jul 2018 20:46:28 +0800
contacts: prepare actions-populating code for more features

previous change 291:923afdc60aaf

js/contacts.js

Permissions: -rw-r--r--

Other formats: Feeds:
// Generated by CoffeeScript 1.12.7
(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,
indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
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() {
return this.on('add change:type change:presence change:callstate change:features', function() {
var actions, ref, ref1;
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') {
if (ref = Tram.NS.WEBRTC, indexOf.call((ref1 = this.get('features')) != null ? ref1 : [], ref) >= 0) {
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.Profile = (function(superClass) {
extend(Profile, superClass);
function Profile() {
return Profile.__super__.constructor.apply(this, arguments);
}
Profile.prototype.idAttribute = 'bjid';
Profile.prototype.optimizeSide = 96;
Profile.prototype.optimizeThreshold = 10000;
Profile.prototype.initialize = function() {
this.on('add change:avatar', this.optimizeAvatar);
return this.on('add change:fullname change:nickname', function() {
return this.set('d/handle', this.get('fullname') || this.get('nickname') || this.get('bjid'));
});
};
Profile.prototype.optimizeAvatar = function() {
var avatar, data, img;
avatar = this.get('avatar');
if (!((avatar != null ? avatar.mime : void 0) && (avatar != null ? avatar.data : void 0))) {
return this.unset('avatar/url');
}
data = "data:" + avatar.mime + ";base64," + avatar.data;
if (data.length < this.optimizeThreshold) {
return this.set('avatar/url', data);
}
img = new Image();
img.addEventListener('load', (function(_this) {
return function() {
var canvas, ctx, mime, optimized, ratio;
if (img.width < _this.optimizeSide && img.height < _this.optimizeSide) {
return _this.set('avatar/url', data);
}
ratio = Math.min(_this.optimizeSide / img.width, _this.optimizeSide / img.height);
canvas = document.createElement('canvas');
canvas.height = Math.round(img.height * ratio);
canvas.width = Math.round(img.width * ratio);
ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
mime = 'image/png';
if (avatar.mime === 'image/jpeg') {
mime = avatar.mime;
}
optimized = canvas.toDataURL(mime);
if (img.src.length < optimized.length) {
return _this.set('avatar/url', data);
} else {
return _this.set('avatar/url', optimized);
}
};
})(this));
return img.src = data;
};
return Profile;
})(Backbone.Model);
Tram.Profiles = (function(superClass) {
extend(Profiles, superClass);
function Profiles() {
return Profiles.__super__.constructor.apply(this, arguments);
}
Profiles.prototype.model = Tram.Profile;
return Profiles;
})(Backbone.Collection);
Tram.Entity = (function(superClass) {
extend(Entity, superClass);
function Entity() {
return Entity.__super__.constructor.apply(this, arguments);
}
Entity.prototype.defaults = {
identities: [],
features: []
};
return Entity;
})(Backbone.Model);
Tram.Entities = (function(superClass) {
extend(Entities, superClass);
function Entities() {
return Entities.__super__.constructor.apply(this, arguments);
}
Entities.prototype.model = Tram.Entity;
return Entities;
})(Backbone.Collection);
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 2;
} else if (model.get('presence') === 'subscribe') {
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.templateEl = $($('#avatar-template').html());
AvatarView.prototype.colors = Tram.colors.avatar;
AvatarView.prototype.initialize = function() {
return this.setElement(this.templateEl.clone());
};
AvatarView.prototype.getColors = function(hash) {
var ci;
ci = hash % this.colors.length;
return "color: white; background: " + this.colors[ci] + ";";
};
AvatarView.prototype.render = function() {
this.rivet = rivets.bind(this.el, {
contact: 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);
this.getBorderColor = bind(this.getBorderColor, this);
return ContactView.__super__.constructor.apply(this, arguments);
}
ContactView.prototype.templateEl = $($('#contact-template').html());
ContactView.prototype.colors = Tram.colors.show;
ContactView.prototype.events = {
'click [data-chat]': function() {
return this.model.trigger('action/chat');
},
'click [data-authorize]': function() {
return this.model.trigger('action/authorize');
},
'click [data-unauthorize]': function() {
return this.model.trigger('action/unauthorize');
},
'click [data-call]': function(event) {
return this.model.trigger('action/call', event.currentTarget.getAttribute('data-call'));
},
'click [data-accept]': function(event) {
return this.model.trigger('action/accept', event.currentTarget.getAttribute('data-accept'));
},
'click [data-decline]': function() {
return this.model.trigger('action/decline');
},
'click [data-hang-up]': function() {
return this.model.trigger('action/hangup');
},
'click [data-remove]': function() {
return this.model.trigger('action/remove');
}
};
ContactView.prototype.initialize = function() {
this.setElement(this.templateEl.clone());
this.$avatarColumn = this.$('.avatar-column');
return this.bind();
};
ContactView.prototype.bind = function() {
return this.listenTo(this.model, 'remove', this.remove);
};
ContactView.prototype.getBorderColor = function(show) {
return "border-left-color: " + (this.colors[show] || this.colors['default']) + ";";
};
ContactView.prototype.getPipColor = function(show) {
return "background: " + (this.colors[show] || this.colors['default']) + ";";
};
ContactView.prototype.render = function() {
this.rivet = rivets.bind(this.el, {
contact: this.model,
view: this
});
this.av = new Tram.AvatarView({
model: this.model
});
this.$avatarColumn.prepend(this.av.render().el);
return this;
};
ContactView.prototype.remove = function() {
this.av.remove();
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);
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.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