Sinewave animation for pending requests

Tryin it on for size.

// FREEBIE
This commit is contained in:
lilia 2015-10-28 13:57:32 -07:00
parent 1065502770
commit c77391b3f2
5 changed files with 45 additions and 0 deletions

View file

@ -14,6 +14,8 @@
this.listenTo(this.model, 'change', this.renderSent);
this.listenTo(this.model, 'change:flags change:group_update', this.renderControl);
this.listenTo(this.model, 'destroy', this.remove);
this.listenTo(this.model, 'pending', this.renderPending);
this.listenTo(this.model, 'done', this.renderDone);
},
events: {
'click .timestamp': 'select',
@ -26,6 +28,12 @@
className: function() {
return ["entry", this.model.get('type')].join(' ');
},
renderPending: function() {
this.$el.addClass('pending');
},
renderDone: function() {
this.$el.removeClass('pending');
},
renderSent: function() {
if (this.model.isOutgoing()) {
this.$el.toggleClass('sent', !!this.model.get('sent'));