From 8c93101989096c9471eb968a226dd7d02dcce207 Mon Sep 17 00:00:00 2001 From: lilia Date: Thu, 18 Dec 2014 19:42:37 -0800 Subject: [PATCH] Don't store conversationType on messages This was used to conditionally render messages in the group style, but it's actually unnecessary. We can render the same markup in both cases and change the appearance with css. --- js/models/conversations.js | 14 ++++++-------- js/views/conversation_view.js | 4 ++++ js/views/message_view.js | 2 +- stylesheets/index.css | 6 ++++++ 4 files changed, 17 insertions(+), 9 deletions(-) diff --git a/js/models/conversations.js b/js/models/conversations.js index d48608044..a30de0c48 100644 --- a/js/models/conversations.js +++ b/js/models/conversations.js @@ -47,7 +47,6 @@ body : message, timestamp : timestamp, conversationId : this.id, - conversationType : this.get('type'), type : 'outgoing', attachments : attachments, }).save(); @@ -68,13 +67,12 @@ var conversation = this; var timestamp = decrypted.pushMessage.timestamp.toNumber(); var m = this.messageCollection.add({ - body: decrypted.message.body, - timestamp: timestamp, - conversationId: this.id, - conversationType: this.get('type'), - attachments: decrypted.message.attachments, - type: 'incoming', - sender: decrypted.pushMessage.source + body : decrypted.message.body, + timestamp : timestamp, + conversationId : this.id, + attachments : decrypted.message.attachments, + type : 'incoming', + sender : decrypted.pushMessage.source }); if (timestamp > this.get('timestamp')) { diff --git a/js/views/conversation_view.js b/js/views/conversation_view.js index a3ad0b6c5..fff899c0b 100644 --- a/js/views/conversation_view.js +++ b/js/views/conversation_view.js @@ -35,6 +35,10 @@ this.$el.find('.discussion-container').append(this.view.el); this.model.fetchMessages({reset: true}); + + if (this.model.get('type') === 'group') { + this.$el.addClass('group'); + } }, events: { diff --git a/js/views/message_view.js b/js/views/message_view.js index b5e5390ed..edafe6fd3 100644 --- a/js/views/message_view.js +++ b/js/views/message_view.js @@ -61,7 +61,7 @@ message: this.model.get('body'), timestamp: moment(this.model.get('timestamp')).fromNow(), bubble_class: this.model.get('type') === 'outgoing' ? 'sent' : 'incoming', - sender: this.model.get('conversationType') === 'group' ? this.model.get('sender') : '' + sender: this.model.get('sender') }) ); diff --git a/stylesheets/index.css b/stylesheets/index.css index 71708e04d..d018ab526 100644 --- a/stylesheets/index.css +++ b/stylesheets/index.css @@ -43,10 +43,16 @@ ul.discussion { } li.entry .sender { + display: none; font-size: 0.75em; opacity: 0.54; } +.group.conversation li.entry .sender { + display: block; +} + + li.entry .avatar { height:32px; width:32px;