14a14b7e80
This commit might be a little broken, another is coming to fix things up! The topics list is now paginated. Refactored the error handling system. Added the Trumboyg WYSIWYG editor for Cosora. Moved Delete() out of the TopicStore and into *Topic You can now bulk delete and bulk lock topics on Cosora. h1s are now formatted properly on Firefox. Added more ARIA Labels. SuperModOnly is now a piece of middleware for the Control Panel routes. Refactored and extended the router generator. Improved the SEO for the paginators. Added bits of Microdata to improve SEO further. Wrote benchmarks for users.Get() and users.BypassGet() More errors are caught now. You can now attach pcss files to posts. Improved the error logging for JavaScript. Topic list avatars now link to the associated profiles. Added last poster avatars to the forum list.
243 lines
10 KiB
JavaScript
243 lines
10 KiB
JavaScript
/* ===========================================================
|
|
* trumbowyg.upload.js v1.2
|
|
* Upload plugin for Trumbowyg
|
|
* http://alex-d.github.com/Trumbowyg
|
|
* ===========================================================
|
|
* Author : Alexandre Demode (Alex-D)
|
|
* Twitter : @AlexandreDemode
|
|
* Website : alex-d.fr
|
|
* Mod by : Aleksandr-ru
|
|
* Twitter : @Aleksandr_ru
|
|
* Website : aleksandr.ru
|
|
*/
|
|
|
|
(function ($) {
|
|
'use strict';
|
|
|
|
var defaultOptions = {
|
|
serverPath: '',
|
|
fileFieldName: 'fileToUpload',
|
|
data: [], // Additional data for ajax [{name: 'key', value: 'value'}]
|
|
headers: {}, // Additional headers
|
|
xhrFields: {}, // Additional fields
|
|
urlPropertyName: 'file', // How to get url from the json response (for instance 'url' for {url: ....})
|
|
statusPropertyName: 'success', // How to get status from the json response
|
|
success: undefined, // Success callback: function (data, trumbowyg, $modal, values) {}
|
|
error: undefined // Error callback: function () {}
|
|
};
|
|
|
|
function getDeep(object, propertyParts) {
|
|
var mainProperty = propertyParts.shift(),
|
|
otherProperties = propertyParts;
|
|
|
|
if (object !== null) {
|
|
if (otherProperties.length === 0) {
|
|
return object[mainProperty];
|
|
}
|
|
|
|
if (typeof object === 'object') {
|
|
return getDeep(object[mainProperty], otherProperties);
|
|
}
|
|
}
|
|
return object;
|
|
}
|
|
|
|
addXhrProgressEvent();
|
|
|
|
$.extend(true, $.trumbowyg, {
|
|
langs: {
|
|
// jshint camelcase:false
|
|
en: {
|
|
upload: 'Upload',
|
|
file: 'File',
|
|
uploadError: 'Error'
|
|
},
|
|
sk: {
|
|
upload: 'Nahrať',
|
|
file: 'Súbor',
|
|
uploadError: 'Chyba'
|
|
},
|
|
fr: {
|
|
upload: 'Envoi',
|
|
file: 'Fichier',
|
|
uploadError: 'Erreur'
|
|
},
|
|
cs: {
|
|
upload: 'Nahrát obrázek',
|
|
file: 'Soubor',
|
|
uploadError: 'Chyba'
|
|
},
|
|
zh_cn: {
|
|
upload: '上传',
|
|
file: '文件',
|
|
uploadError: '错误'
|
|
},
|
|
zh_tw: {
|
|
upload: '上傳',
|
|
file: '文件',
|
|
uploadError: '錯誤'
|
|
},
|
|
ru: {
|
|
upload: 'Загрузка',
|
|
file: 'Файл',
|
|
uploadError: 'Ошибка'
|
|
},
|
|
ja: {
|
|
upload: 'アップロード',
|
|
file: 'ファイル',
|
|
uploadError: 'エラー'
|
|
},
|
|
pt_br: {
|
|
upload: 'Enviar do local',
|
|
file: 'Arquivo',
|
|
uploadError: 'Erro'
|
|
},
|
|
},
|
|
// jshint camelcase:true
|
|
|
|
plugins: {
|
|
upload: {
|
|
init: function (trumbowyg) {
|
|
trumbowyg.o.plugins.upload = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.upload || {});
|
|
var btnDef = {
|
|
fn: function () {
|
|
trumbowyg.saveRange();
|
|
|
|
var file,
|
|
prefix = trumbowyg.o.prefix;
|
|
|
|
var $modal = trumbowyg.openModalInsert(
|
|
// Title
|
|
trumbowyg.lang.upload,
|
|
|
|
// Fields
|
|
{
|
|
file: {
|
|
type: 'file',
|
|
required: true,
|
|
attributes: {
|
|
accept: 'image/*'
|
|
}
|
|
},
|
|
alt: {
|
|
label: 'description',
|
|
value: trumbowyg.getRangeText()
|
|
}
|
|
},
|
|
|
|
// Callback
|
|
function (values) {
|
|
var data = new FormData();
|
|
data.append(trumbowyg.o.plugins.upload.fileFieldName, file);
|
|
|
|
trumbowyg.o.plugins.upload.data.map(function (cur) {
|
|
data.append(cur.name, cur.value);
|
|
});
|
|
|
|
$.map(values, function(curr, key){
|
|
if(key !== 'file') {
|
|
data.append(key, curr);
|
|
}
|
|
});
|
|
|
|
if ($('.' + prefix + 'progress', $modal).length === 0) {
|
|
$('.' + prefix + 'modal-title', $modal)
|
|
.after(
|
|
$('<div/>', {
|
|
'class': prefix + 'progress'
|
|
}).append(
|
|
$('<div/>', {
|
|
'class': prefix + 'progress-bar'
|
|
})
|
|
)
|
|
);
|
|
}
|
|
|
|
$.ajax({
|
|
url: trumbowyg.o.plugins.upload.serverPath,
|
|
headers: trumbowyg.o.plugins.upload.headers,
|
|
xhrFields: trumbowyg.o.plugins.upload.xhrFields,
|
|
type: 'POST',
|
|
data: data,
|
|
cache: false,
|
|
dataType: 'json',
|
|
processData: false,
|
|
contentType: false,
|
|
|
|
progressUpload: function (e) {
|
|
$('.' + prefix + 'progress-bar').css('width', Math.round(e.loaded * 100 / e.total) + '%');
|
|
},
|
|
|
|
success: function (data) {
|
|
if (trumbowyg.o.plugins.upload.success) {
|
|
trumbowyg.o.plugins.upload.success(data, trumbowyg, $modal, values);
|
|
} else {
|
|
if (!!getDeep(data, trumbowyg.o.plugins.upload.statusPropertyName.split('.'))) {
|
|
var url = getDeep(data, trumbowyg.o.plugins.upload.urlPropertyName.split('.'));
|
|
trumbowyg.execCmd('insertImage', url);
|
|
$('img[src="' + url + '"]:not([alt])', trumbowyg.$box).attr('alt', values.alt);
|
|
setTimeout(function () {
|
|
trumbowyg.closeModal();
|
|
}, 250);
|
|
trumbowyg.$c.trigger('tbwuploadsuccess', [trumbowyg, data, url]);
|
|
} else {
|
|
trumbowyg.addErrorOnModalField(
|
|
$('input[type=file]', $modal),
|
|
trumbowyg.lang[data.message]
|
|
);
|
|
trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg, data]);
|
|
}
|
|
}
|
|
},
|
|
|
|
error: trumbowyg.o.plugins.upload.error || function () {
|
|
trumbowyg.addErrorOnModalField(
|
|
$('input[type=file]', $modal),
|
|
trumbowyg.lang.uploadError
|
|
);
|
|
trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg]);
|
|
}
|
|
});
|
|
}
|
|
);
|
|
|
|
$('input[type=file]').on('change', function (e) {
|
|
try {
|
|
// If multiple files allowed, we just get the first.
|
|
file = e.target.files[0];
|
|
} catch (err) {
|
|
// In IE8, multiple files not allowed
|
|
file = e.target.value;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
trumbowyg.addBtnDef('upload', btnDef);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
function addXhrProgressEvent() {
|
|
if (!$.trumbowyg.addedXhrProgressEvent) { // Avoid adding progress event multiple times
|
|
var originalXhr = $.ajaxSettings.xhr;
|
|
$.ajaxSetup({
|
|
xhr: function () {
|
|
var req = originalXhr(),
|
|
that = this;
|
|
if (req && typeof req.upload === 'object' && that.progressUpload !== undefined) {
|
|
req.upload.addEventListener('progress', function (e) {
|
|
that.progressUpload(e);
|
|
}, false);
|
|
}
|
|
|
|
return req;
|
|
}
|
|
});
|
|
$.trumbowyg.addedXhrProgressEvent = true;
|
|
}
|
|
}
|
|
})(jQuery);
|