mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 21:43:21 +00:00
1886f0a015
This is a major change to the /#subscriptions page, converting it to by a side-by-side list of streams and their settings in an overlay. There are no new features added/removed, but it's a huge changeset, because it replaces the old navigation logic and moves the stream creation modal to appear in the right side of this overlay.
475 lines
16 KiB
JavaScript
475 lines
16 KiB
JavaScript
var click_handlers = (function () {
|
|
|
|
// We don't actually export anything yet; this is just for consistency.
|
|
var exports = {};
|
|
|
|
// You won't find every click handler here, but it's a good place to start!
|
|
|
|
$(function () {
|
|
|
|
// MOUSE MOVING DETECTION
|
|
var clicking = false;
|
|
var mouse_moved = false;
|
|
|
|
var meta = {};
|
|
|
|
function mousedown() {
|
|
mouse_moved = false;
|
|
clicking = true;
|
|
}
|
|
|
|
function mousemove() {
|
|
if (clicking) {
|
|
mouse_moved = true;
|
|
}
|
|
}
|
|
|
|
$("#main_div").on("mousedown", ".messagebox", mousedown);
|
|
$("#main_div").on("mousemove", ".messagebox", mousemove);
|
|
|
|
// MESSAGE CLICKING
|
|
|
|
function is_clickable_message_element(target) {
|
|
return target.is("a") || target.is("img.message_inline_image") || target.is("img.twitter-avatar") ||
|
|
target.is("div.message_length_controller") || target.is("textarea") || target.is("input") ||
|
|
target.is("i.edit_content_button");
|
|
}
|
|
|
|
$("#main_div").on("click", ".messagebox", function (e) {
|
|
if (is_clickable_message_element($(e.target))) {
|
|
// If this click came from a hyperlink, don't trigger the
|
|
// reply action. The simple way of doing this is simply
|
|
// to call e.stopPropagation() from within the link's
|
|
// click handler.
|
|
//
|
|
// Unfortunately, on Firefox, this breaks Ctrl-click and
|
|
// Shift-click, because those are (apparently) implemented
|
|
// by adding an event listener on link clicks, and
|
|
// stopPropagation prevents them from being called.
|
|
return;
|
|
}
|
|
if (!(clicking && mouse_moved)) {
|
|
// Was a click (not a click-and-drag).
|
|
var row = $(this).closest(".message_row");
|
|
var id = rows.id(row);
|
|
|
|
if (message_edit.is_editing(id)) {
|
|
// Clicks on a message being edited shouldn't trigger a reply.
|
|
return;
|
|
}
|
|
|
|
current_msg_list.select_id(id);
|
|
compose.respond_to_message({trigger: 'message click'});
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
}
|
|
mouse_moved = false;
|
|
clicking = false;
|
|
});
|
|
|
|
function toggle_star(message_id) {
|
|
// Update the message object pointed to by the various message
|
|
// lists.
|
|
var message = ui.find_message(message_id);
|
|
|
|
unread.mark_message_as_read(message);
|
|
ui.update_starred(message.id, message.starred !== true);
|
|
message_flags.send_starred([message], message.starred);
|
|
}
|
|
|
|
$("#main_div").on("click", ".star", function (e) {
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
toggle_star(rows.id($(this).closest(".message_row")));
|
|
});
|
|
|
|
// MESSAGE EDITING
|
|
|
|
$('body').on('click', '.edit_content_button', function (e) {
|
|
var row = current_msg_list.get_row(rows.id($(this).closest(".message_row")));
|
|
current_msg_list.select_id(rows.id(row));
|
|
message_edit.start(row);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$('body').on('click','.always_visible_topic_edit,.on_hover_topic_edit', function (e) {
|
|
var recipient_row = $(this).closest(".recipient_row");
|
|
message_edit.start_topic_edit(recipient_row);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$("body").on("click", ".topic_edit_save", function (e) {
|
|
var recipient_row = $(this).closest(".recipient_row");
|
|
message_edit.save(recipient_row, true);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$("body").on("click", ".topic_edit_cancel", function (e) {
|
|
var recipient_row = $(this).closest(".recipient_row");
|
|
current_msg_list.hide_edit_topic(recipient_row);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$("body").on("click", ".message_edit_save", function (e) {
|
|
var row = $(this).closest(".message_row");
|
|
message_edit.save(row, false);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$("body").on("click", ".message_edit_cancel", function (e) {
|
|
var row = $(this).closest(".message_row");
|
|
message_edit.end(row);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
$("body").on("click", ".message_edit_close", function (e) {
|
|
var row = $(this).closest(".message_row");
|
|
message_edit.end(row);
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
|
|
$(window).on("focus", function (e) {
|
|
meta.focusing = true;
|
|
});
|
|
|
|
// RECIPIENT BARS
|
|
|
|
function get_row_id_for_narrowing(narrow_link_elem) {
|
|
var group = rows.get_closest_group(narrow_link_elem);
|
|
var msg_id = rows.id_for_recipient_row(group);
|
|
|
|
var nearest = current_msg_list.get(msg_id);
|
|
var selected = current_msg_list.selected_message();
|
|
if (util.same_recipient(nearest, selected)) {
|
|
return selected.id;
|
|
}
|
|
return nearest.id;
|
|
}
|
|
|
|
$("#home").on("click", ".narrows_by_recipient", function (e) {
|
|
if (e.metaKey || e.ctrlKey) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
var row_id = get_row_id_for_narrowing(this);
|
|
narrow.by_recipient(row_id, {trigger: 'message header'});
|
|
});
|
|
|
|
$("#home").on("click", ".narrows_by_subject", function (e) {
|
|
if (e.metaKey || e.ctrlKey) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
var row_id = get_row_id_for_narrowing(this);
|
|
narrow.by_subject(row_id, {trigger: 'message header'});
|
|
});
|
|
|
|
// SIDEBARS
|
|
|
|
$("#userlist-toggle-button").on("click", function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var sidebarHidden = !$(".app-main .column-right").hasClass("expanded");
|
|
popovers.hide_all();
|
|
if (sidebarHidden) {
|
|
popovers.show_userlist_sidebar();
|
|
}
|
|
});
|
|
|
|
$("#streamlist-toggle-button").on("click", function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var sidebarHidden = !$(".app-main .column-left").hasClass("expanded");
|
|
popovers.hide_all();
|
|
if (sidebarHidden) {
|
|
popovers.show_streamlist_sidebar();
|
|
}
|
|
});
|
|
|
|
$('#user_presences').expectOne().on('click', '.selectable_sidebar_block', function (e) {
|
|
var user_id = $(e.target).parents('li').attr('data-user-id');
|
|
var email = people.get_person_from_user_id(user_id).email;
|
|
|
|
narrow.by('pm-with', email, {select_first_unread: true, trigger: 'sidebar'});
|
|
// The preventDefault is necessary so that clicking the
|
|
// link doesn't jump us to the top of the page.
|
|
e.preventDefault();
|
|
// The stopPropagation is necessary so that we don't
|
|
// see the following sequence of events:
|
|
// 1. This click "opens" the composebox
|
|
// 2. This event propagates to the body, which says "oh, hey, the
|
|
// composebox is open and you clicked out of it, you must want to
|
|
// stop composing!"
|
|
e.stopPropagation();
|
|
// Since we're stopping propagation we have to manually close any
|
|
// open popovers.
|
|
popovers.hide_all();
|
|
});
|
|
|
|
$('#group-pms').expectOne().on('click', '.selectable_sidebar_block', function (e) {
|
|
var user_ids_string = $(e.target).parents('li').attr('data-user-ids');
|
|
var emails = people.user_ids_string_to_emails_string(user_ids_string);
|
|
narrow.by('pm-with', emails, {select_first_unread: true, trigger: 'sidebar'});
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
});
|
|
|
|
$("#subscriptions_table").on("click", ".exit, #subscription_overlay", function (e) {
|
|
if (meta.focusing) {
|
|
meta.focusing = false;
|
|
return;
|
|
}
|
|
|
|
if ($(e.target).is(".exit, .exit-sign, #subscription_overlay, #subscription_overlay > .flex")) {
|
|
$("#subscription_overlay").fadeOut(500);
|
|
subs.remove_miscategorized_streams();
|
|
|
|
hashchange.exit_settings();
|
|
}
|
|
});
|
|
// HOME
|
|
|
|
// Capture both the left-sidebar Home click and the tab breadcrumb Home
|
|
$(document).on('click', "li[data-name='home']", function (e) {
|
|
ui.change_tab_to('#home');
|
|
narrow.deactivate();
|
|
// We need to maybe scroll to the selected message
|
|
// once we have the proper viewport set up
|
|
setTimeout(navigate.maybe_scroll_to_selected, 0);
|
|
e.preventDefault();
|
|
});
|
|
|
|
// This is obsolete, I believe.
|
|
$(".brand").on('click', function (e) {
|
|
if (ui.home_tab_obscured()) {
|
|
ui.change_tab_to('#home');
|
|
} else {
|
|
narrow.restore_home_state();
|
|
}
|
|
navigate.maybe_scroll_to_selected();
|
|
e.preventDefault();
|
|
});
|
|
|
|
// MISC
|
|
|
|
(function () {
|
|
var sel = ["#group-pm-list", "#stream_filters", "#global_filters", "#user_presences"].join(", ");
|
|
|
|
$(sel).on("click", "a", function () {
|
|
this.blur();
|
|
});
|
|
}());
|
|
|
|
popovers.register_click_handlers();
|
|
notifications.register_click_handlers();
|
|
|
|
$('.logout_button').click(function (e) {
|
|
$('#logout_form').submit();
|
|
});
|
|
$('.restart_get_events_button').click(function (e) {
|
|
server_events.restart_get_events({dont_block: true});
|
|
});
|
|
|
|
|
|
// COMPOSE
|
|
|
|
// NB: This just binds to current elements, and won't bind to elements
|
|
// created after ready() is called.
|
|
$('#send-status .send-status-close').click(
|
|
function () { $('#send-status').stop(true).fadeOut(500); }
|
|
);
|
|
|
|
|
|
$('.compose_stream_button').click(function (e) {
|
|
compose.start('stream');
|
|
});
|
|
$('.compose_private_button').click(function (e) {
|
|
compose.start('private');
|
|
});
|
|
|
|
$('.empty_feed_compose_stream').click(function (e) {
|
|
compose.start('stream', {trigger: 'empty feed message'});
|
|
e.preventDefault();
|
|
});
|
|
$('.empty_feed_compose_private').click(function (e) {
|
|
compose.start('private', {trigger: 'empty feed message'});
|
|
e.preventDefault();
|
|
});
|
|
|
|
function handle_compose_click(e) {
|
|
// Emoji clicks should be handled by their own click handler in popover.js
|
|
if ($(e.target).is("#emoji_map, .emoji_popover, .emoji_popover.inner, img.emoji, .drag")) {
|
|
return;
|
|
}
|
|
// Don't let clicks in the compose area count as
|
|
// "unfocusing" our compose -- in other words, e.g.
|
|
// clicking "Press enter to send" should not
|
|
// trigger the composebox-closing code above.
|
|
// But do allow our formatting link.
|
|
if (!$(e.target).is("a")) {
|
|
e.stopPropagation();
|
|
}
|
|
// Still hide the popovers, however
|
|
popovers.hide_all();
|
|
}
|
|
|
|
$("#compose_buttons").click(handle_compose_click);
|
|
$(".compose-content").click(handle_compose_click);
|
|
|
|
$("#compose_close").click(function (e) {
|
|
compose.cancel();
|
|
});
|
|
|
|
// FEEDBACK
|
|
|
|
// Keep these 2 feedback bot triggers separate because they have to
|
|
// propagate the event differently.
|
|
$('.feedback').click(function (e) {
|
|
compose.start('private', {private_message_recipient: 'feedback@zulip.com',
|
|
trigger: 'feedback menu item'});
|
|
|
|
});
|
|
$('#feedback_button').click(function (e) {
|
|
e.stopPropagation();
|
|
popovers.hide_all();
|
|
compose.start('private', {private_message_recipient: 'feedback@zulip.com',
|
|
trigger: 'feedback button'});
|
|
|
|
});
|
|
|
|
|
|
// WEBATHENA
|
|
|
|
$('#right-sidebar, #top_navbar').on('click', '.webathena_login', function (e) {
|
|
$("#zephyr-mirror-error").hide();
|
|
var principal = ["zephyr", "zephyr"];
|
|
WinChan.open({
|
|
url: "https://webathena.mit.edu/#!request_ticket_v1",
|
|
relay_url: "https://webathena.mit.edu/relay.html",
|
|
params: {
|
|
realm: "ATHENA.MIT.EDU",
|
|
principal: principal
|
|
}
|
|
}, function (err, r) {
|
|
if (err) {
|
|
blueslip.warn(err);
|
|
return;
|
|
}
|
|
if (r.status !== "OK") {
|
|
blueslip.warn(r);
|
|
return;
|
|
}
|
|
|
|
channel.post({
|
|
url: "/accounts/webathena_kerberos_login/",
|
|
data: {cred: JSON.stringify(r.session)},
|
|
success: function (data, success) {
|
|
$("#zephyr-mirror-error").hide();
|
|
},
|
|
error: function (data, success) {
|
|
$("#zephyr-mirror-error").show();
|
|
}
|
|
});
|
|
});
|
|
$('#settings-dropdown').dropdown("toggle");
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
});
|
|
// End Webathena code
|
|
|
|
// BANKRUPTCY
|
|
|
|
$(".bankruptcy_button").click(function (e) {
|
|
unread.enable();
|
|
});
|
|
|
|
$('#yes-bankrupt').click(function (e) {
|
|
pointer.fast_forward_pointer();
|
|
$("#yes-bankrupt").hide();
|
|
$("#no-bankrupt").hide();
|
|
$(this).after($("<div>").addClass("alert alert-info settings_committed")
|
|
.text("Bringing you to your latest messages…"));
|
|
});
|
|
|
|
(function () {
|
|
$("#main_div").on("click", ".message_inline_image a", function (e) {
|
|
var img = e.target;
|
|
var row = rows.id($(img).closest(".message_row"));
|
|
var user = current_msg_list.get(row).sender_full_name;
|
|
var $target = $(this);
|
|
|
|
// prevent the link from opening in a new page.
|
|
e.preventDefault();
|
|
// prevent the message compose dialog from happening.
|
|
e.stopPropagation();
|
|
|
|
if ($target.parent().hasClass("youtube-video")) {
|
|
ui.lightbox({
|
|
type: "youtube",
|
|
id: $target.data("id")
|
|
});
|
|
} else {
|
|
ui.lightbox({
|
|
type: "photo",
|
|
image: img,
|
|
user: user
|
|
});
|
|
}
|
|
});
|
|
|
|
$("#overlay .exit, #overlay .image-preview").click(function (e) {
|
|
if ($(e.target).is(".exit, .image-preview")) {
|
|
ui.exit_lightbox_photo();
|
|
}
|
|
});
|
|
|
|
$("#overlay .download").click(function (e) {
|
|
this.blur();
|
|
});
|
|
}());
|
|
|
|
// MAIN CLICK HANDLER
|
|
|
|
$(document).on('click', function (e) {
|
|
if (e.button !== 0 || $(e.target).is(".drag")) {
|
|
// Firefox emits right click events on the document, but not on
|
|
// the child nodes, so the #compose stopPropagation doesn't get a
|
|
// chance to capture right clicks.
|
|
return;
|
|
}
|
|
|
|
// Dismiss popovers if the user has clicked outside them
|
|
if ($('.popover-inner').has(e.target).length === 0) {
|
|
popovers.hide_all();
|
|
}
|
|
|
|
// Unfocus our compose area if we click out of it. Don't let exits out
|
|
// of modals or selecting text (for copy+paste) trigger cancelling.
|
|
if (compose.composing() && !$(e.target).is("a") &&
|
|
($(e.target).closest(".modal").length === 0) &&
|
|
window.getSelection().toString() === "" &&
|
|
($(e.target).closest('#emoji_map').length === 0)) {
|
|
compose.cancel();
|
|
}
|
|
});
|
|
|
|
// Workaround for Bootstrap issue #5900, which basically makes dropdowns
|
|
// unclickable on mobile devices.
|
|
// https://github.com/twitter/bootstrap/issues/5900
|
|
$('a.dropdown-toggle, .dropdown-menu a').on('touchstart', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
});
|
|
|
|
return exports;
|
|
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
module.exports = click_handlers;
|
|
}
|