Support custom placeholder on recipients input

background.html

@@ -194,7 +194,7 @@
   <script type='text/x-tmpl-mustache' id='recipients-input'>
       <div class='recipients-container'>
         <span class='recipients'></span>
-        <input type='text' class='search' placeholder="Name or phone number" />
+        <input type='text' class='search' placeholder="{{ placeholder }}" />
       </div>
       <div class='results'>
         <div class='new-contact contact hide'></div>

js/views/new_group_update_view.js

@@ -28,7 +28,9 @@
                 window: options.window
             });
 
-            this.recipients_view = new Whisper.RecipientsInputView();
+            this.recipients_view = new Whisper.RecipientsInputView({
+                placeholder: "Add member"
+            });
             this.$('.scrollable').append(this.recipients_view.el);
             this.$('.avatar').addClass('default');
         },

js/views/recipients_input_view.js

@@ -58,7 +58,10 @@
     Whisper.RecipientsInputView = Whisper.View.extend({
         className: 'recipients-input',
         template: $('#recipients-input').html(),
-        initialize: function() {
+        initialize: function(options) {
+            if (options) {
+                this.placeholder = options.placeholder;
+            }
             this.render();
             this.$input = this.$('input.search');
             this.$new_contact = this.$('.new-contact');
@@ -89,6 +92,10 @@
             this.initNewContact();
         },
 
+        render_attributes: function() {
+            return { placeholder: this.placeholder || "Name or phone number" };
+        },
+
         events: {
             'change input.search': 'filterContacts',
             'keyup input.search': 'filterContacts',