i18n FileSizeToast

// FREEBIE

_locales/en/messages.json

@@ -1,4 +1,7 @@
 {
+    "fileSizeWarning": {
+      "message": "Sorry, the selected file exceeds message size restrictions."
+    },
     "disconnected": {
       "message": "Disconnected"
     },

background.html

@@ -157,8 +157,8 @@
       </div>
   </script>
   <script type='text/x-tmpl-mustache' id='file-size-modal'>
-      Sorry, the selected file exceeds message size
+      {{ file-size-warning }}
-      restrictions. ({{ limit }}{{ units }})
+      ({{ limit }}{{ units }})
   </script>
   <script type='text/x-tmpl-mustache' id='attachment-type-modal'>
       Sorry, your attachment has a type, {{type}}, that is not currently supported.

js/views/file_input_view.js

@@ -6,7 +6,14 @@
     window.Whisper = window.Whisper || {};
 
     Whisper.FileSizeToast = Whisper.ToastView.extend({
-        templateName: 'file-size-modal'
+        templateName: 'file-size-modal',
+        render_attributes: function() {
+            return {
+                'file-size-warning': i18n('fileSizeWarning'),
+                limit: this.model.limit,
+                units: this.model.units
+            };
+        }
     });
     Whisper.UnsupportedFileTypeToast = Whisper.ToastView.extend({
         template: "Unsupported file type"

js/views/toast_view.js

@@ -16,7 +16,10 @@
         },
 
         render: function() {
-            this.$el.html(Mustache.render(_.result(this, 'template', ''), this.model));
+            this.$el.html(Mustache.render(
+                _.result(this, 'template', ''),
+                _.result(this, 'render_attributes', '')
+            ));
             this.$el.show();
             setTimeout(this.close.bind(this), 2000);
         }