83 lines
2.6 KiB
JavaScript
83 lines
2.6 KiB
JavaScript
/* vim: ts=4:sw=4:expandtab
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Lesser General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Lesser General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Lesser General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
|
|
var ImageView = Backbone.View.extend({
|
|
tagName: 'img',
|
|
render: function(dataUrl) {
|
|
this.$el.attr('src', dataUrl);
|
|
return this;
|
|
}
|
|
});
|
|
|
|
var AudioView = Backbone.View.extend({
|
|
tagName: 'audio',
|
|
initialize: function() {
|
|
this.$el.attr('controls', '');
|
|
},
|
|
render: function(dataUrl) {
|
|
this.$el.attr('src', dataUrl);
|
|
return this;
|
|
}
|
|
});
|
|
|
|
var VideoView = Backbone.View.extend({
|
|
tagName: 'video',
|
|
initialize: function() {
|
|
this.$el.attr('controls', '');
|
|
},
|
|
render: function(dataUrl, contentType) {
|
|
var $el = $('<source>');
|
|
$el.attr('src', dataUrl);
|
|
$el.attr('type', contentType);
|
|
this.$el.append($el);
|
|
return this;
|
|
}
|
|
});
|
|
|
|
Whisper.AttachmentView = Backbone.View.extend({
|
|
className: 'attachment',
|
|
encodeAsDataUrl: function () {
|
|
return new Promise(function(resolve, reject) {
|
|
var blob = new Blob([this.model.data], { type: this.model.contentType });
|
|
var FR = new FileReader();
|
|
FR.onload = function(e) {
|
|
resolve(e.target.result);
|
|
};
|
|
FR.onerror = reject;
|
|
FR.readAsDataURL(blob);
|
|
}.bind(this));
|
|
},
|
|
render: function() {
|
|
var view;
|
|
switch(this.model.contentType.split('/')[0]) {
|
|
case 'image': view = new ImageView(); break;
|
|
case 'audio': view = new AudioView(); break;
|
|
case 'video': view = new VideoView(); break;
|
|
default:
|
|
throw 'Unsupported attachment type';
|
|
}
|
|
this.encodeAsDataUrl().then(function(base64) {
|
|
view.render(base64, this.model.contentType);
|
|
view.$el.appendTo(this.$el);
|
|
this.$el.trigger('update');
|
|
}.bind(this));
|
|
return this;
|
|
}
|
|
});
|
|
|
|
})();
|