scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/posts: tweak upload appearance and UX

Browse Source
This commit is contained in:
rr-
2017-01-06 14:05:54 +01:00
parent 4cb613a5c9
commit d1bb33ecf0
5 changed files with 244 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
client/js/util/views.js
View File

@ -267,25 +267,26 @@ function showMessage(target, message, className) {
if (!message) {
message = 'Unknown message';
}
const messagesHolder = target.querySelector('.messages');
if (!messagesHolder) {
const messagesHolderNode = target.querySelector('.messages');
if (!messagesHolderNode) {
return false;
}
/* TODO: animate this */
const node = document.createElement('div');
node.innerHTML = message.replace(/\n/g, '<br/>');
node.classList.add('message');
node.classList.add(className);
const wrapper = document.createElement('div');
wrapper.classList.add('message-wrapper');
wrapper.appendChild(node);
messagesHolder.appendChild(wrapper);
const textNode = document.createElement('div');
textNode.innerHTML = message.replace(/\n/g, '<br/>');
textNode.classList.add('message');
textNode.classList.add(className);
const wrapperNode = document.createElement('div');
wrapperNode.classList.add('message-wrapper');
wrapperNode.appendChild(textNode);
messagesHolderNode.appendChild(wrapperNode);
return true;
}
function showError(target, message) {
document.oldTitle = document.title;
document.title = `! ${document.title}`;
if (!document.title.startsWith('!')) {
document.oldTitle = document.title;
document.title = `! ${document.title}`;
}
return showMessage(target, misc.formatInlineMarkdown(message), 'error');
}
@ -302,9 +303,9 @@ function clearMessages(target) {
document.title = document.oldTitle;
document.oldTitle = null;
}
const messagesHolder = target.querySelector('.messages');
/* TODO: animate that */
emptyContent(messagesHolder);
for (let messagesHolderNode of target.querySelectorAll('.messages')) {
emptyContent(messagesHolderNode);
}
}
function htmlToDom(html) {