Start on support for messaging a brand new contact

js/views/new_conversation_view.js

@@ -56,9 +56,17 @@ var Whisper = Whisper || {};
 
       this.typeahead_view.$el.appendTo(this.$el.find('.contacts'));
       this.typeahead_collection.fetch();
+
+      this.new_contact = new Whisper.ConversationListItemView({
+          model: new Whisper.Conversation({
+              active_at: null
+          })
+      }).render();
+      this.$el.find('.new-contact').append(this.new_contact.el);
     },
 
     filterContacts: function(query) {
+        this.new_contact.model.set('name', query);
         if (query.length) {
             this.typeahead_view.collection.reset(
                 this.typeahead_collection.typeahead(query)

stylesheets/index.scss

@@ -6,6 +6,7 @@
   display: none;
 }
 
+.new-contact,
 .typeahead {
   .last-message, .last-timestamp {
     display: none;
@@ -15,3 +16,7 @@
     display: inline-block;
   }
 }
+
+.new-contact .contact::before {
+  content: 'New contact'
+}

stylesheets/manifest.css

@@ -4,11 +4,17 @@
 .contact .checkbox {
   display: none; }
 
-.typeahead .last-message, .typeahead .last-timestamp {
+.new-contact .last-message, .new-contact .last-timestamp,
+.typeahead .last-message,
+.typeahead .last-timestamp {
   display: none; }
+.new-contact .contact .checkbox,
 .typeahead .contact .checkbox {
   display: inline-block; }
 
+.new-contact .contact::before {
+  content: "New contact"; }
+
 @font-face {
   font-family: 'Roboto';
   src: url("/fonts/Roboto-Regular.ttf") format("truetype"); }