zulip/web/src/compose_closed_ui.js

import $ from "jquery";

import * as compose_actions from "./compose_actions";
import {$t} from "./i18n";
import * as message_lists from "./message_lists";
import * as message_store from "./message_store";
import * as narrow_state from "./narrow_state";
import * as people from "./people";

export function get_recipient_label(message) {
    // TODO: This code path is bit of a type-checking disaster; we mix
    // actual message objects with fake objects containing just a
    // couple fields, both those constructed here and potentially
    // passed in.

    if (message === undefined) {
        if (message_lists.current.visibly_empty()) {
            // For empty narrows where there's a clear reply target,
            // i.e. stream+topic or a single PM conversation, we label
            // the button as replying to the thread.
            if (narrow_state.narrowed_to_topic()) {
                message = {
                    stream: narrow_state.stream(),
                    topic: narrow_state.topic(),
                };
            } else if (narrow_state.pm_ids_string()) {
                // TODO: This is a total hack.  Ideally, we'd rework
                // this to not duplicate the actual compose_actions.js
                // logic for what happens when you click the button,
                // and not call into random modules with hacky fake
                // "message" objects.
                const user_ids = people.user_ids_string_to_ids_array(narrow_state.pm_ids_string());
                const user_ids_dicts = user_ids.map((user_id) => ({id: user_id}));
                message = {
                    display_reply_to: message_store.get_pm_full_names({
                        type: "private",
                        display_recipient: user_ids_dicts,
                    }),
                };
            }
        } else {
            message = message_lists.current.selected_message();
        }
    }

    if (message) {
        if (message.stream && message.topic) {
            return "#" + message.stream + " > " + message.topic;
        } else if (message.display_reply_to) {
            return message.display_reply_to;
        }
    }
    return "";
}

function update_reply_button_state(disable = false) {
    $(".compose_reply_button").attr("disabled", disable);
    if (disable) {
        $("#compose_buttons > .reply_button_container").attr(
            "data-tooltip-template-id",
            "compose_reply_button_disabled_tooltip_template",
        );
        return;
    }
    if (narrow_state.is_message_feed_visible()) {
        $("#compose_buttons > .reply_button_container").attr(
            "data-tooltip-template-id",
            "compose_reply_message_button_tooltip_template",
        );
    } else {
        $("#compose_buttons > .reply_button_container").attr(
            "data-tooltip-template-id",
            "compose_reply_selected_topic_button_tooltip_template",
        );
    }
}

function update_stream_button(btn_text) {
    $("#left_bar_compose_stream_button_big").text(btn_text);
}

function update_conversation_button(btn_text) {
    $("#left_bar_compose_private_button_big").text(btn_text);
}

function update_buttons(text_stream, disable_reply) {
    const text_conversation = $t({defaultMessage: "New direct message"});
    update_stream_button(text_stream);
    update_conversation_button(text_conversation);
    update_reply_button_state(disable_reply);
}

export function update_buttons_for_private() {
    const text_stream = $t({defaultMessage: "New stream message"});
    if (
        !narrow_state.pm_ids_string() ||
        people.user_can_direct_message(narrow_state.pm_ids_string())
    ) {
        $("#left_bar_compose_stream_button_big").attr(
            "data-tooltip-template-id",
            "new_stream_message_button_tooltip_template",
        );
        update_buttons(text_stream);
        return;
    }
    // disable the [Message X] button when in a private narrow
    // if the user cannot dm the current recipient
    const disable_reply = true;
    $("#compose_buttons > .reply_button_container").attr(
        "data-tooltip-template-id",
        "disable_reply_compose_reply_button_tooltip_template",
    );
    update_buttons(text_stream, disable_reply);
}

export function update_buttons_for_stream() {
    const text_stream = $t({defaultMessage: "New topic"});
    $("#left_bar_compose_stream_button_big").attr(
        "data-tooltip-template-id",
        "new_topic_message_button_tooltip_template",
    );
    update_buttons(text_stream);
}

export function update_buttons_for_recent_topics() {
    const text_stream = $t({defaultMessage: "New stream message"});
    $("#left_bar_compose_stream_button_big").attr(
        "data-tooltip-template-id",
        "new_stream_message_button_tooltip_template",
    );
    update_buttons(text_stream);
}

function set_reply_button_label(label) {
    $(".compose_reply_button_label").text(label);
}

export function set_standard_text_for_reply_button() {
    set_reply_button_label($t({defaultMessage: "Compose message"}));
}

export function update_reply_recipient_label(message) {
    const recipient_label = get_recipient_label(message);
    if (recipient_label) {
        set_reply_button_label(
            $t({defaultMessage: "Message {recipient_label}"}, {recipient_label}),
        );
    } else {
        set_standard_text_for_reply_button();
    }
}

export function initialize() {
    // When the message selection changes, change the label on the Reply button.
    $(document).on("message_selected.zulip", () => {
        if (narrow_state.is_message_feed_visible()) {
            // message_selected events can occur with recent topics
            // open due to "All messages" loading in the background,
            // so we only update if message feed is visible.
            update_reply_recipient_label();
        }
    });

    // Click handlers for buttons in the compose box.
    $("body").on("click", ".compose_stream_button", () => {
        compose_actions.start("stream", {trigger: "new topic button"});
    });

    $("body").on("click", ".compose_private_button", () => {
        compose_actions.start("private", {trigger: "new private message"});
    });

    $("body").on("click", ".compose_reply_button", () => {
        compose_actions.respond_to_message({trigger: "reply button"});
    });
}