You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.6 KiB
JavaScript
95 lines
2.6 KiB
JavaScript
'use strict';
|
|
|
|
define('topicThumbs', ['api', 'bootbox', 'uploader', 'benchpress', 'translator'], function (api, bootbox, uploader, Benchpress, translator) {
|
|
const Thumbs = {};
|
|
|
|
Thumbs.get = id => api.get(`/topics/${id}/thumbs`, {});
|
|
|
|
Thumbs.getByPid = pid => fetch(`${config.relative_path}/api/post/pid/${pid}`).then(res => res.json()).then(res => Thumbs.get(res.tid));
|
|
|
|
Thumbs.delete = (id, path) => api.del(`/topics/${id}/thumbs`, {
|
|
path: path,
|
|
});
|
|
|
|
Thumbs.deleteAll = (id) => {
|
|
Thumbs.get(id).then((thumbs) => {
|
|
Promise.all(thumbs.map(thumb => Thumbs.delete(id, thumb.url)));
|
|
});
|
|
};
|
|
|
|
Thumbs.upload = id => new Promise((resolve) => {
|
|
uploader.show({
|
|
title: '[[topic:composer.thumb_title]]',
|
|
method: 'put',
|
|
route: config.relative_path + `/api/v3/topics/${id}/thumbs`,
|
|
}, function (url) {
|
|
resolve(url);
|
|
});
|
|
});
|
|
|
|
Thumbs.modal = {};
|
|
|
|
Thumbs.modal.open = function (payload) {
|
|
const { id, pid } = payload;
|
|
let { modal } = payload;
|
|
|
|
return new Promise((resolve) => {
|
|
Promise.all([
|
|
Thumbs.get(id),
|
|
pid ? Thumbs.getByPid(pid) : [],
|
|
]).then(results => new Promise((resolve) => {
|
|
resolve(results.reduce((memo, cur) => memo.concat(cur)));
|
|
})).then(thumbs => Benchpress.render('modals/topic-thumbs', { thumbs })).then((html) => {
|
|
if (modal) {
|
|
translator.translate(html, function (translated) {
|
|
modal.find('.bootbox-body').html(translated);
|
|
});
|
|
} else {
|
|
modal = bootbox.dialog({
|
|
title: '[[modules:thumbs.modal.title]]',
|
|
message: html,
|
|
buttons: {
|
|
add: {
|
|
label: '<i class="fa fa-plus"></i> [[modules:thumbs.modal.add]]',
|
|
className: 'btn-primary',
|
|
callback: () => {
|
|
Thumbs.upload(id).then(() => {
|
|
Thumbs.modal.open({ ...payload, modal });
|
|
resolve();
|
|
});
|
|
return false;
|
|
},
|
|
},
|
|
},
|
|
});
|
|
Thumbs.modal.handleDelete({ ...payload, modal });
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
Thumbs.modal.handleDelete = (payload) => {
|
|
const modalEl = payload.modal.get(0);
|
|
|
|
modalEl.addEventListener('click', (ev) => {
|
|
if (ev.target.closest('button[data-action="remove"]')) {
|
|
bootbox.confirm('[[modules:thumbs.modal.confirm-remove]]', (ok) => {
|
|
if (!ok) {
|
|
return;
|
|
}
|
|
|
|
const id = ev.target.closest('.media[data-id]').getAttribute('data-id');
|
|
const path = ev.target.closest('.media[data-path]').getAttribute('data-path');
|
|
api.del(`/topics/${id}/thumbs`, {
|
|
path: path,
|
|
}).then(() => {
|
|
Thumbs.modal.open(payload);
|
|
}).catch(app.alertError);
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
return Thumbs;
|
|
});
|