Anton Shestakov <av6@dwimlabs.net>, Sun, 27 Mar 2016 23:32:42 +0800
contacts: dropdown with a remove button
coffee/contacts.coffee
Permissions: -rw-r--r--
class Tram.Contact extends Backbone.Model @on 'add change:avatar', -> if avatar?.mime and avatar?.data @set('d/avatar', "data:#{ avatar.mime };base64,#{ avatar.data }") @on 'add change:fullname change:nickname change:bjid', -> @set('d/handle', @get('fullname') or @get('nickname') or @get('bjid')) @on 'add change:type change:presence', -> if @get('type') is 'self' then return @unset('d/actions') if @get('presence') is 'subscribe' then return @set('d/actions', ['authorize', 'unauthorize']) @set('d/actions', ['remove']) class Tram.Contacts extends Backbone.Collection if model.get('presence') is 'unavailable' else if model.get('type') is 'self' @on('change:presence change:type', @sort) class Tram.AvatarView extends Backbone.View colors: Tram.colors.avatar template: $('#avatar-template').html() ci = hash % @colors.length "color: white; background: #{ @colors[ci] };" @rivet = rivets.bind(@el, model: @model, view: this) class Tram.ContactView extends Backbone.View template: $('#contact-template').html() 'click [data-authorize]': -> @model.trigger('authorize') 'click [data-unauthorize]': -> @model.trigger('unauthorize') 'click [data-remove]': -> @model.trigger('remove') @$el.attr('data-jid', @model.get('jid')) @$avatarColumn = @$('.avatar-column') "background: #{ @colors[show] || @colors['default'] };" @rivet = rivets.bind(@el, model: @model, view: this) av = new Tram.AvatarView(model: @model) @$avatarColumn.prepend av.render().el class Tram.ContactsApp extends Backbone.View @listenTo(@collection, 'add', @onAdd) @listenTo(@collection, 'sort', @onSort) onAdd: (model, collection) -> mi = collection.indexOf model model.view = new Tram.ContactView(model: model) el = model.view.render().el @$el.children().eq(mi - 1).after(el) onSort: (collection, options) -> collection.each (model) => @$el.append(model.view.el)