Make it easier to reference templates

Whisper.Views can now use templateName to reference the id of the
desired template.

js/views/message_detail_view.js

@@ -19,7 +19,7 @@
 
     var ContactView = Whisper.View.extend({
         className: 'contact-detail',
-        template: $('#contact-detail').html(),
+        templateName: 'contact-detail',
         initialize: function(options) {
             this.conflict = options.conflict;
         },

js/views/new_group_update_view.js

@@ -20,7 +20,7 @@
     Whisper.NewGroupUpdateView = Whisper.View.extend({
         tagName:   "div",
         className: "new-group-update-form",
-        template: $('#new-group-update-form').html(),
+        templateName: 'new-group-update',
         initialize: function(options) {
             this.render();
             this.avatarInput = new Whisper.FileInputView({

js/views/recipients_input_view.js

@@ -38,7 +38,7 @@
         events: {
             'click .remove': 'removeModel'
         },
-        template: $('#contact_pill').html(),
+        templateName: 'contact_pill',
         initialize: function() {
             var error = this.model.validate(this.model.attributes);
             if (error) {
@@ -60,7 +60,7 @@
 
     Whisper.RecipientsInputView = Whisper.View.extend({
         className: 'recipients-input',
-        template: $('#recipients-input').html(),
+        templateName: 'recipients-input',
         initialize: function(options) {
             if (options) {
                 this.placeholder = options.placeholder;

js/views/whisper_view.js

@@ -28,6 +28,12 @@
         render_partials: function() {
             return Whisper.View.Templates;
         },
+        template: function() {
+            if (this.templateName) {
+                return Whisper.View.Templates[this.templateName];
+            }
+            return '';
+        },
         render: function() {
             var attrs = _.result(this, 'render_attributes', {});
             var template = _.result(this, 'template', '');
@@ -51,7 +57,7 @@
             var templates = {};
             $('script[type="text/x-tmpl-mustache"]').each(function(i, el) {
                 var $el = $(el);
-                var id = $el.attr('id').replace('-','_');
+                var id = $el.attr('id');
                 templates[id] = $el.html();
             });
             return templates;