Added error message for unsupported attachment type (issue #419)

background.html

@@ -160,6 +160,9 @@
       Sorry, the selected file exceeds message size
       restrictions. ({{ 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.
+  </script>
   <script type='text/x-tmpl-mustache' id='message-detail'>
     <div class='conversation-header'>
         <button class='back'></button>

js/views/attachment_view.js

@@ -4,6 +4,10 @@
 (function () {
   'use strict';
 
+  Whisper.FileTypeToast = Whisper.ToastView.extend({
+    template: $('#attachment-type-modal').html()
+  });
+
   var ImageView = Backbone.View.extend({
       tagName: 'img',
       initialize: function(dataUrl) {
@@ -20,8 +24,8 @@
         window.open(this.dataUrl, '_blank');
       },
       render: function() {
-          this.$el.attr('src', this.dataUrl);
+        this.$el.attr('src', this.dataUrl);
-          return this;
+        return this;
       }
   });
 
@@ -54,19 +58,33 @@
     className: 'attachment',
     render: function() {
         var View;
+        var isUnsupportedType = false;
         switch(this.model.contentType.split('/')[0]) {
             case 'image': View = ImageView; break;
             case 'audio': View = AudioView; break;
             case 'video': View = VideoView; break;
             default:
-                throw 'Unsupported attachment type';
+              isUnsupportedType = true;
         }
-        var blob = new Blob([this.model.data], {type: this.model.contentType});
+        
-        var view = new View(window.URL.createObjectURL(blob), this.model.contentType);
+        if (isUnsupportedType) {
-        view.$el.appendTo(this.$el);
+            var toast = new Whisper.FileTypeToast({
-        view.render();
+                model: {type: this.model.contentType.split('/')[0]}
-        view.on('update', this.trigger.bind(this, 'update'));
+            });
-        return this;
+            toast.$el.insertAfter(this.$el);
+            toast.render();
+            return toast;
+        } else {
+          var blob = new Blob([this.model.data], {type: this.model.contentType});
+          var view = new View(window.URL.createObjectURL(blob), this.model.contentType);
+          view.$el.appendTo(this.$el);
+          view.render();
+          view.on('update', this.trigger.bind(this, 'update'));
+          return this;
+        }
+    },
+    deleteView: function(e) {
+      if (e) { e.stopPropagation(); }
     }
   });