trilium/src/public/javascripts/services/info.js
2019-10-17 20:44:51 +02:00

99 lines
No EOL
2.1 KiB
JavaScript

import ws from "./ws.js";
import utils from "./utils.js";
function toast(options) {
const $toast = $(`<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<strong class="mr-auto"><span class="jam jam-${options.icon}"></span> ${options.title}</strong>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="toast-body">
${options.message}
</div>
</div>`);
if (options.id) {
$toast.attr("id", "toast-" + options.id);
}
$("#toast-container").append($toast);
$toast.toast({
delay: options.delay || 3000,
autohide: !!options.autohide
});
$toast.on('hidden.bs.toast', e => e.target.remove());
$toast.toast("show");
return $toast;
}
function showPersistent(options) {
let $toast = $("#toast-" + options.id);
if ($toast.length > 0) {
$toast.find('.toast-body').html(options.message);
}
else {
options.autohide = false;
$toast = toast(options);
}
if (options.closeAfter) {
setTimeout(() => $toast.toast('dispose'), options.closeAfter);
}
}
function closePersistent(id) {
$("#toast-persistent-" + id).toast("dispose");
}
function showMessage(message, delay = 3000) {
console.debug(utils.now(), "message: ", message);
toast({
title: "Info",
icon: "check",
message: message,
autohide: true,
delay
});
}
function showAndLogError(message, delay = 10000) {
showError(message, delay);
ws.logError(message);
}
function showError(message, delay = 10000) {
console.log(utils.now(), "error: ", message);
toast({
title: "Error",
icon: 'alert',
message: message,
autohide: true,
delay
});
}
function throwError(message) {
ws.logError(message);
throw new Error(message);
}
export default {
showMessage,
showError,
showAndLogError,
throwError,
showPersistent,
closePersistent
}