584f293d05
* Use Promises instead of callbacks * Update to latest (Last Call) version of XEP-0363 * Move non-view specific methods to models instead * Add more tests updates #161
76 lines
2.6 KiB
JavaScript
76 lines
2.6 KiB
JavaScript
/**
|
|
* Adds Support for Http File Upload (XEP-0363)
|
|
*
|
|
*/
|
|
(function (root, factory) {
|
|
define([
|
|
"converse-core",
|
|
"tpl!toolbar_fileupload"
|
|
], factory);
|
|
}(this, function (converse, tpl_toolbar_fileupload) {
|
|
"use strict";
|
|
|
|
const { Promise, Strophe, _ } = converse.env;
|
|
const u = converse.env.utils;
|
|
|
|
Strophe.addNamespace('HTTPUPLOAD', 'urn:xmpp:http:upload:0');
|
|
|
|
converse.plugins.add('converse-http-file-upload', {
|
|
/* Plugin dependencies are other plugins which might be
|
|
* overridden or relied upon, and therefore need to be loaded before
|
|
* this plugin.
|
|
*
|
|
* If the setting "strict_plugin_dependencies" is set to true,
|
|
* an error will be raised if the plugin is not found. By default it's
|
|
* false, which means these plugins are only loaded opportunistically.
|
|
*
|
|
* NB: These plugins need to have already been loaded via require.js.
|
|
*/
|
|
dependencies: ["converse-chatboxes", "converse-chatview", "converse-muc-views"],
|
|
|
|
overrides: {
|
|
ChatBoxView: {
|
|
events: {
|
|
'click .upload-file': 'toggleFileUpload',
|
|
'change input.fileupload': 'onFileSelection'
|
|
},
|
|
|
|
|
|
toggleFileUpload (ev) {
|
|
this.el.querySelector('input.fileupload').click();
|
|
},
|
|
|
|
onFileSelection (evt) {
|
|
this.model.sendFiles(evt.target.files);
|
|
},
|
|
|
|
addFileUploadButton (options) {
|
|
const { __ } = this.__super__._converse;
|
|
this.el.querySelector('.chat-toolbar').insertAdjacentHTML(
|
|
'beforeend',
|
|
tpl_toolbar_fileupload({'tooltip_upload_file': __('Choose a file to send')}));
|
|
},
|
|
|
|
renderToolbar (toolbar, options) {
|
|
const { _converse } = this.__super__;
|
|
const result = this.__super__.renderToolbar.apply(this, arguments);
|
|
_converse.api.disco.supports(Strophe.NS.HTTPUPLOAD, _converse.domain).then((result) => {
|
|
if (result.length) {
|
|
this.addFileUploadButton();
|
|
}
|
|
});
|
|
return result;
|
|
}
|
|
},
|
|
|
|
ChatRoomView: {
|
|
events: {
|
|
'click .upload-file': 'toggleFileUpload',
|
|
'change .input.fileupload': 'onFileSelection'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
return converse;
|
|
}));
|