rename info service to toast service

src/public/javascripts/services/toast.js

@@ -0,0 +1,99 @@
+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
+}