75 lines
2.7 KiB
JavaScript
75 lines
2.7 KiB
JavaScript
import ModalBodyView from "discourse/views/modal-body";
|
|
|
|
function uploadTranslate(key, options) {
|
|
const opts = options || {};
|
|
if (Discourse.Utilities.allowsAttachments()) { key += "_with_attachments"; }
|
|
return I18n.t("upload_selector." + key, opts);
|
|
}
|
|
|
|
export default ModalBodyView.extend({
|
|
templateName: 'modal/upload_selector',
|
|
classNames: ['upload-selector'],
|
|
|
|
// cf. http://stackoverflow.com/a/9851769/11983
|
|
isOpera: !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0,
|
|
isFirefox: typeof InstallTrigger !== 'undefined',
|
|
isSafari: Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0,
|
|
isChrome: !!window.chrome && !this.isOpera,
|
|
|
|
title: function() { return uploadTranslate("title"); }.property(),
|
|
uploadIcon: function() { return Discourse.Utilities.allowsAttachments() ? "fa-upload" : "fa-picture-o"; }.property(),
|
|
|
|
touchStart: function(evt) {
|
|
// HACK: workaround Safari iOS being really weird and not shipping click events
|
|
if (this.isSafari && evt.target.id === "filename-input") {
|
|
this.$('#filename-input').click();
|
|
}
|
|
},
|
|
|
|
tip: function() {
|
|
const source = this.get("controller.local") ? "local" : "remote";
|
|
const authorized_extensions = Discourse.Utilities.authorizesAllExtensions() ? "" : `(${Discourse.Utilities.authorizedExtensions()})`;
|
|
return uploadTranslate(source + "_tip", { authorized_extensions });
|
|
}.property("controller.local"),
|
|
|
|
hint: function() {
|
|
const isSupported = this.isChrome || this.isFirefox;
|
|
// chrome is the only browser that support copy & paste of images.
|
|
return I18n.t("upload_selector.hint" + (isSupported ? "_for_supported_browsers" : ""));
|
|
}.property(),
|
|
|
|
_selectOnInsert: function() {
|
|
this.selectedChanged();
|
|
}.on('didInsertElement'),
|
|
|
|
selectedChanged: function() {
|
|
const self = this;
|
|
Em.run.next(function() {
|
|
// *HACK* to select the proper radio button
|
|
var value = self.get('controller.local') ? 'local' : 'remote';
|
|
$('input:radio[name="upload"]').val([value]);
|
|
// focus the input
|
|
$('.inputs input:first').focus();
|
|
});
|
|
}.observes('controller.local'),
|
|
|
|
actions: {
|
|
upload: function() {
|
|
if (this.get("controller.local")) {
|
|
$('#reply-control').fileupload('add', { fileInput: $('#filename-input') });
|
|
} else {
|
|
const imageUrl = $('#fileurl-input').val(),
|
|
imageLink = $('#link-input').val(),
|
|
composerView = this.get('controller.composerView');
|
|
if (this.get("controller.showMore") && imageLink.length > 3) {
|
|
composerView.addMarkdown("[![](" + imageUrl +")](" + imageLink + ")");
|
|
} else {
|
|
composerView.addMarkdown(imageUrl);
|
|
}
|
|
this.get('controller').send('closeModal');
|
|
}
|
|
}
|
|
}
|
|
|
|
});
|