i18n MessageDetailView

// FREEBIE

_locales/en/messages.json

@@ -1,4 +1,24 @@
 {
+    "failedToSend": {
+      "message": "Failed to send to some recipients."
+    },
+    "error": {
+      "message": "Error"
+    },
+    "resend": {
+      "message": "Resend"
+    },
+    "messageDetail": {
+        "message": "Message Detail"
+    },
+    "sent": {
+        "message": "Sent",
+        "description": "Label for the time a message was sent"
+    },
+    "received": {
+        "message": "Received",
+        "description": "Label for the time a message was received"
+    },
     "sendMessage": {
         "message": "Send a message",
         "description": "Placeholder text in the message entry field"

_locales/it/messages.json

@@ -1,4 +1,13 @@
 {
+    "messageDetail": {
+        "message": "Dettagli Messaggio"
+    },
+    "sent": {
+        "message": "Inviato"
+    },
+    "received": {
+        "message": "Ricevuto"
+    },
     "sendMessage": {
         "message": "Invia messaggio"
     },

background.html

@@ -166,25 +166,31 @@
   <script type='text/x-tmpl-mustache' id='message-detail'>
     <div class='conversation-header'>
         <button class='back'></button>
-        <span class='conversation-title'>Message Detail</span>
+        <span class='conversation-title'>{{ title }}</span>
     </div>
     <div class='container'>
       <div class='message-container'></div>
       <div class='info'>
         {{ #hasRetry }}
           <h3 class='hasRetry clearfix'>
-            <button class='retry'>Resend</button>
-            <span>Failed to send to some recipients.</span>
+            <button class='retry'>{{ resend }}</button>
+            <span>{{ failedToSend }}</span>
           </h3>
         {{ /hasRetry }}
         <table>
-          <tr><td class='label'>Sent</td><td> {{ sent_at }}</td></tr>
+          <tr>
+            <td class='label'>{{ sent }}</td>
+            <td> {{ sent_at }}</td>
+          </tr>
           {{ #received_at }}
-            <tr><td class='label'>Received</td><td> {{ received_at }}</td></tr>
+            <tr>
+              <td class='label'>{{ received }}</td>
+              <td> {{ received_at }}</td>
+            </tr>
           {{ /received_at }}
           {{ #errors }}
             <tr>
-              <td class='label'>Error</td>
+              <td class='label'>{{ error-label }}</td>
               <td> <span class='error-message'>{{message}}</span> </td>
             </tr>
           {{ /errors }}

js/views/message_detail_view.js

@@ -112,6 +112,12 @@
                 received_at : this.model.isIncoming() ? moment(this.model.get('received_at')).toString() : null,
                 tofrom      : this.model.isIncoming() ? 'From' : 'To',
                 errors      : this.errors['undefined'],
+                title       : i18n('messageDetail'),
+                sent        : i18n('sent'),
+                received    : i18n('received'),
+                resend      : i18n('resend'),
+                failedToSend: i18n('failedToSend'),
+                'error-label': i18n('error'),
                 hasRetry    : hasRetry
             }));
             this.view.$el.prependTo(this.$('.message-container'));