mirror of
https://github.com/zulip/zulip.git
synced 2025-11-07 15:33:30 +00:00
971729a338
Note that we do not include the situation when no one has read the message yet. Though the ICU MessageFormat has the capability to do that, that case has already been handled in the if block. Fixes #22830. Signed-off-by: Zixuan James Li <p359101898@gmail.com>
70 lines
2.9 KiB
JavaScript
70 lines
2.9 KiB
JavaScript
import $ from "jquery";
|
|
import SimpleBar from "simplebar";
|
|
|
|
import render_read_receipts from "../templates/read_receipts.hbs";
|
|
import render_read_receipts_modal from "../templates/read_receipts_modal.hbs";
|
|
|
|
import * as channel from "./channel";
|
|
import {$t} from "./i18n";
|
|
import * as loading from "./loading";
|
|
import * as overlays from "./overlays";
|
|
import * as people from "./people";
|
|
import * as popovers from "./popovers";
|
|
import * as ui_report from "./ui_report";
|
|
|
|
export function show_user_list(message_id) {
|
|
$("body").append(render_read_receipts_modal());
|
|
overlays.open_modal("read_receipts_modal", {
|
|
autoremove: true,
|
|
on_show: () => {
|
|
loading.make_indicator($("#read_receipts_modal .loading_indicator"));
|
|
channel.get({
|
|
url: `/json/messages/${message_id}/read_receipts`,
|
|
success(data) {
|
|
const users = data.user_ids.map((id) => {
|
|
const user = people.get_by_user_id(id);
|
|
return {
|
|
user_id: user.user_id,
|
|
full_name: user.full_name,
|
|
avatar_url: people.small_avatar_url_for_person(user),
|
|
};
|
|
});
|
|
users.sort(people.compare_by_name);
|
|
|
|
loading.destroy_indicator($("#read_receipts_modal .loading_indicator"));
|
|
if (users.length === 0) {
|
|
$("#read_receipts_modal .read_receipts_info").text(
|
|
$t({defaultMessage: "No one has read this message yet."}),
|
|
);
|
|
} else {
|
|
$("#read_receipts_modal .read_receipts_info").text(
|
|
$t(
|
|
{
|
|
defaultMessage:
|
|
"This message has been read by {num_of_people, plural, one {1 person} other {# people}}:",
|
|
},
|
|
{num_of_people: users.length},
|
|
),
|
|
);
|
|
$("#read_receipts_modal .modal__container").addClass(
|
|
"showing_read_receipts_list",
|
|
);
|
|
$("#read_receipts_modal .modal__content").append(
|
|
render_read_receipts({users}),
|
|
);
|
|
new SimpleBar($("#read_receipts_modal .modal__content")[0]);
|
|
}
|
|
},
|
|
error(xhr) {
|
|
ui_report.error("", xhr, $("#read_receipts_error"));
|
|
loading.destroy_indicator($("#read_receipts_modal .loading_indicator"));
|
|
},
|
|
});
|
|
},
|
|
on_hide: () => {
|
|
// Ensure any user info popovers are closed
|
|
popovers.hide_all();
|
|
},
|
|
});
|
|
}
|