From c6a19afd29f1844cf913b12b9ba5a0b1a9298889 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Sun, 25 Jan 2015 00:19:28 -1000
Subject: [PATCH] Tweak contact style in typeahead

Remove message snippets and dates.
Add checkboxes.
---
 index.html                              |  1 +
 js/views/conversation_list_item_view.js |  5 +++++
 js/views/inbox_view.js                  |  3 ++-
 stylesheets/index.scss                  | 14 ++++++++++++++
 stylesheets/manifest.css                |  8 ++++++++
 5 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 28da4f7a..12c619b5 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
             </div>
         </script>
         <script type='text/x-tmpl-mustache' id='contact'>
+            <input type='checkbox' class='checkbox'></span>
             <span class='avatar'></span>
             <div class='contact-details'>
                 <h3 class='contact-name'>
diff --git a/js/views/conversation_list_item_view.js b/js/views/conversation_list_item_view.js
index ecadcd84..d380a34d 100644
--- a/js/views/conversation_list_item_view.js
+++ b/js/views/conversation_list_item_view.js
@@ -27,6 +27,7 @@ var Whisper = Whisper || {};
 
     events: {
       'click': 'open',
+      'click .checkbox': 'stopPropagation'
     },
     initialize: function() {
       this.template = $('#contact').html();
@@ -42,6 +43,10 @@ var Whisper = Whisper || {};
       bg.openConversation(this.model.id);
     },
 
+    stopPropagation: function(e) {
+        e.stopPropagation();
+    },
+
     render: function() {
       this.$el.html(
         Mustache.render(this.template, {
diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 9582707b..ef799fa7 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -36,7 +36,8 @@
 
             this.typeahead_collection = new typeahead();
             this.typeahead_view = new Whisper.ConversationListView({
-                collection : new Whisper.ConversationCollection()
+                collection : new Whisper.ConversationCollection(),
+                className: 'typeahead'
             });
             this.typeahead_view.$el.hide().insertAfter(this.contacts);
             this.typeahead_collection.fetch();
diff --git a/stylesheets/index.scss b/stylesheets/index.scss
index 5228bee0..df686da4 100644
--- a/stylesheets/index.scss
+++ b/stylesheets/index.scss
@@ -1,3 +1,17 @@
 .gutter {
   margin-top: 36px;
 }
+
+.contact .checkbox {
+  display: none;
+}
+
+.typeahead {
+  .last-message, .last-timestamp {
+    display: none;
+  }
+
+  .contact .checkbox {
+    display: inline-block;
+  }
+}
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index aaffcd27..2ddb5d1c 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1,6 +1,14 @@
 .gutter {
   margin-top: 36px; }
 
+.contact .checkbox {
+  display: none; }
+
+.typeahead .last-message, .typeahead .last-timestamp {
+  display: none; }
+.typeahead .contact .checkbox {
+  display: inline-block; }
+
 @font-face {
   font-family: 'Roboto';
   src: url("/fonts/Roboto-Regular.ttf") format("truetype"); }