New layout/design
Two column layout and style tweaks. Templatized conversation views. Generalized list view.
This commit is contained in:
parent
6d5e32bca8
commit
def32f42d4
9 changed files with 203 additions and 91 deletions
29
js/views/conversation_list_view.js
Normal file
29
js/views/conversation_list_view.js
Normal file
|
@ -0,0 +1,29 @@
|
|||
var Whisper = Whisper || {};
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
Whisper.ConversationListView = Whisper.ListView.extend({
|
||||
tagName: 'ul',
|
||||
id: 'contacts',
|
||||
itemView: Whisper.ConversationView,
|
||||
collection: Whisper.Threads,
|
||||
|
||||
events: {
|
||||
'select .conversation': 'select',
|
||||
'deselect': 'deselect'
|
||||
},
|
||||
|
||||
select: function(e) {
|
||||
var target = $(e.target).closest('.conversation');
|
||||
target.siblings().addClass('closed');
|
||||
target.addClass('selected').trigger('open');
|
||||
return false;
|
||||
},
|
||||
|
||||
deselect: function() {
|
||||
this.$el.find('.selected').removeClass('selected').trigger('close');
|
||||
this.$el.find('.conversation').show();
|
||||
}
|
||||
});
|
||||
})();
|
Loading…
Add table
Add a link
Reference in a new issue