Method notify

static/widgets/alert.ts:98–142

* Notifies the user of something by a popup which can be stacked, auto-dismissed, etc... based on options

(
        body: string,
        {
            group = '',
            collapseSimilar = true,
            alertClass = '',
            autoDismiss = true,
            dismissTime = 5000,
            onBeforeShow = () => {},
        }: AlertNotifyOptions,
    )

     * Notifies the user of something by a popup which can be stacked, auto-dismissed, etc... based on options
     */
    notify(
        body: string,
        {
            group = '',
            collapseSimilar = true,
            alertClass = '',
            autoDismiss = true,
            dismissTime = 5000,
            onBeforeShow = () => {},
        }: AlertNotifyOptions,
    ) {
        const container = $('#notifications');
        const newElement = $(`
            <div class="toast" tabindex="-1" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-header ${alertClass}">
                    <strong class="me-auto">${this.prefixMessage}</strong>
                    <button type="button" class="ms-2 mb-1 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body ${alertClass}">
                    <span id="msg">${body}</span>
               </div>
            </div>
        `);
        container.append(newElement);
        const toastOptions = {
            autohide: autoDismiss,
            delay: dismissTime,
        };

        new Toast(newElement[0], toastOptions);

        if (group !== '') {
            if (collapseSimilar) {
                // Only collapsing if a group has been specified
                const old = container.find(`[data-group="${group}"]`);
                old.each((_, element) => {
                    BootstrapUtils.hideToast(element);
                    $(element).remove();
                });
            }
            newElement.attr('data-group', group);
        }
        onBeforeShow(newElement);
        BootstrapUtils.showToast(newElement);
    }

    /**
     * Asks the user a two choice question, where the title, content and buttons are customizable