zulip/static/js/ui_util.js

import $ from "jquery";

// Add functions to this that have no non-trivial
// dependencies other than jQuery.

export function change_tab_to(tabname) {
    $(`#gear-menu a[href="${CSS.escape(tabname)}"]`).tab("show");
}

// https://stackoverflow.com/questions/4233265/contenteditable-set-caret-at-the-end-of-the-text-cross-browser
export function place_caret_at_end(el) {
    el.focus();

    const range = document.createRange();
    range.selectNodeContents(el);
    range.collapse(false);
    const sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
}

export function blur_active_element() {
    // this blurs anything that may perhaps be actively focused on.
    document.activeElement.blur();
}

export function convert_enter_to_click(e) {
    if (e.key === "Enter") {
        e.preventDefault();
        e.stopPropagation();
        $(e.currentTarget).trigger("click");
    }
}

export function update_unread_count_in_dom(unread_count_elem, count) {
    // This function is used to update unread count in top left corner
    // elements.
    const unread_count_span = unread_count_elem.find(".unread_count");

    if (count === 0) {
        unread_count_span.hide();
        unread_count_span.text("");
        return;
    }

    unread_count_span.show();
    unread_count_span.text(count);
}