i18n KeyConflictView

Also refactor generic error view to make this simpler.

// FREEBIE

_locales/en/messages.json

@@ -1,4 +1,10 @@
 {
+    "outgoingKeyConflict": {
+      "message": "This contact's identity key has changed. Click to process and display."
+    },
+    "incomingKeyConflict": {
+      "message": "Received message with unknown identity key. Click to process and display."
+    },
     "unsupportedAttachment": {
       "message": "Unsupported attachment type. Click to save.",
       "description": "Displayed for incoming unsupported attachment"

background.html

@@ -269,18 +269,6 @@
         <div class='contacts'></div>
       </div>
   </script>
-  <script type='text/x-tmpl-mustache' id='incoming-key-conflict'>
-    <p>
-      Received message with unknown identity key.
-      Click to process and display.
-    </p>
-  </script>
-  <script type='text/x-tmpl-mustache' id='outgoing-key-conflict'>
-    <p>
-      This contact's identity key has changed.
-      Click to process and display.
-    </p>
-  </script>
   <script type='text/x-tmpl-mustache' id='generic-error'>
     <p>{{ message }}</p>
   </script>

js/views/error_view.js

@@ -6,32 +6,32 @@
 
     window.Whisper = window.Whisper || {};
 
-    var ErrorView = Backbone.View.extend({
+    var ErrorView = Whisper.View.extend({
         className: 'error',
-        initialize: function() {
-            this.template = $('#generic-error').html();
-            Mustache.parse(this.template);
-        },
-        render: function() {
-            this.$el.html(Mustache.render(this.template, this.model));
-            return this;
+        templateName: 'generic-error',
+        render_attributes: function() {
+            return this.model;
         }
     });
 
     var KeyConflictView = ErrorView.extend({
         className: 'key-conflict',
+        templateName: 'key-conflict',
         initialize: function(options) {
             this.message = options.message;
-            if (this.message.isIncoming()) {
-                this.template = $('#incoming-key-conflict').html();
-            } else if (this.message.isOutgoing()) {
-                this.template = $('#outgoing-key-conflict').html();
-            }
-            Mustache.parse(this.template);
         },
         events: {
             'click': 'select'
         },
+        render_attributes: function() {
+            var errorMessage;
+            if (this.message.isIncoming()) {
+                errorMessage = 'incomingKeyConflict';
+            } else {
+                errorMessage = 'outgoingKeyConflict';
+            }
+            return { message: i18n(errorMessage) };
+        },
         select: function() {
             this.$el.trigger('select', {message: this.message});
         },