From 7bf94c33d56355bd1824818755311f90d2bd9ca5 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Fri, 27 Nov 2015 16:11:42 -0800
Subject: [PATCH] Show all contacts when inbox is empty

---
 background.html                      |  2 +-
 js/models/conversations.js           | 11 +++++++++++
 js/views/conversation_search_view.js | 11 +++++++++--
 js/views/inbox_view.js               |  6 ++++++
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/background.html b/background.html
index a8d9424862..068158ba9d 100644
--- a/background.html
+++ b/background.html
@@ -26,7 +26,7 @@
     </div>
   </script>
   <script type='text/x-tmpl-mustache' id='hint'>
-      <p> Select a contact to start chatting. </p>
+      <p> Select a contact or group to start chatting. </p>
   </script>
   <script type='text/x-tmpl-mustache' id='conversation'>
     <div class='panel'>
diff --git a/js/models/conversations.js b/js/models/conversations.js
index 0af25c16fe..cbb03f1380 100644
--- a/js/models/conversations.js
+++ b/js/models/conversations.js
@@ -395,6 +395,17 @@
         }
     },
 
+    fetchAlphabetical: function() {
+        return new Promise(function(resolve) {
+            this.fetch({
+                index: {
+                    name: 'search', // 'search' index on tokens array
+                },
+                limit: 100
+            }).always(resolve);
+        }.bind(this));
+    },
+
     fetchGroups: function(number) {
         return this.fetch({
             index: {
diff --git a/js/views/conversation_search_view.js b/js/views/conversation_search_view.js
index 8a9cc71307..c26ca2fb75 100644
--- a/js/views/conversation_search_view.js
+++ b/js/views/conversation_search_view.js
@@ -84,8 +84,15 @@
         resetTypeahead: function() {
             this.new_contact_view.$el.hide();
             this.$input.val('').focus();
-            this.typeahead_view.collection.reset([]);
-            this.trigger('hide');
+            if (this.showAllContacts) {
+                this.typeahead.fetchAlphabetical().then(function() {
+                    this.typeahead_view.collection.reset(this.typeahead.models);
+                }.bind(this));
+                this.trigger('show');
+            } else {
+                this.typeahead_view.collection.reset([]);
+                this.trigger('hide');
+            }
         },
 
         maybeNumber: function(number) {
diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 8286071b92..26e6499010 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -106,6 +106,12 @@
                 if (inboxCollection.length === 0) {
                     this.hintView.render();
                     this.hintView.$el.prependTo(this.$('.conversation-stack'));
+                    this.searchView.showAllContacts = true;
+                    this.searchView.reset();
+                    this.listenToOnce(inboxCollection, 'add', function() {
+                        this.searchView.showAllContacts = false;
+                        this.searchView.reset();
+                    }.bind(this));
                 }
 
                 new SocketView().render().$el.appendTo(this.$('.socket-status'));