var subs = (function () { var exports = {}; function get_color() { var used_colors = stream_data.get_colors(); var color = stream_color.pick_color(used_colors); return color; } function selectText(element) { var range, sel; if (window.getSelection) { sel = window.getSelection(); range = document.createRange(); range.selectNodeContents(element); sel.removeAllRanges(); sel.addRange(range); } else if (document.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } } function should_list_all_streams() { return !page_params.is_zephyr_mirror_realm; } function set_stream_property(stream_name, property, value) { var sub_data = {stream: stream_name, property: property, value: value}; return channel.post({ url: '/json/subscriptions/property', data: {"subscription_data": JSON.stringify([sub_data])}, timeout: 10*1000 }); } function set_notification_setting_for_all_streams(notification_type, new_setting) { _.each(stream_data.subscribed_subs(), function (sub) { if (sub[notification_type] !== new_setting) { set_stream_property(sub.name, notification_type, new_setting); } }); } exports.set_all_stream_desktop_notifications_to = function (new_setting) { set_notification_setting_for_all_streams("desktop_notifications", new_setting); }; exports.set_all_stream_audible_notifications_to = function (new_setting) { set_notification_setting_for_all_streams("audible_notifications", new_setting); }; function stream_home_view_clicked(e) { var sub_row = $(e.target).closest('.subscription_row'); var stream = sub_row.find('.subscription_name').text(); var sub = stream_data.get_sub(stream); var notification_checkboxes = sub_row.find(".sub_notification_setting"); subs.toggle_home(stream); if (sub.in_home_view) { sub_row.find(".mute-note").addClass("hide-mute-note"); notification_checkboxes.removeClass("muted-sub"); notification_checkboxes.find("input[type='checkbox']").removeAttr("disabled"); } else { sub_row.find(".mute-note").removeClass("hide-mute-note"); notification_checkboxes.addClass("muted-sub"); notification_checkboxes.find("input[type='checkbox']").attr("disabled", true); } } function update_in_home_view(sub, value) { sub.in_home_view = value; setTimeout(function () { var msg_offset, saved_ypos; // Save our current scroll position if (ui.home_tab_obscured()) { saved_ypos = viewport.scrollTop(); } else if (home_msg_list === current_msg_list && current_msg_list.selected_row().offset() !== null) { msg_offset = current_msg_list.selected_row().offset().top; } home_msg_list.clear({clear_selected_id: false}); // Recreate the home_msg_list with the newly filtered message_list.all message_store.add_messages(message_list.all.all_messages(), home_msg_list); // Ensure we're still at the same scroll position if (ui.home_tab_obscured()) { viewport.scrollTop(saved_ypos); } else if (home_msg_list === current_msg_list) { // We pass use_closest to handle the case where the // currently selected message is being hidden from the // home view home_msg_list.select_id(home_msg_list.selected_id(), {use_closest: true, empty_ok: true}); if (current_msg_list.selected_id() !== -1) { viewport.set_message_offset(msg_offset); } } // In case we added messages to what's visible in the home view, we need to re-scroll to make // sure the pointer is still visible. We don't want the auto-scroll handler to move our pointer // to the old scroll location before we have a chance to update it. pointer.recenter_pointer_on_display = true; pointer.suppress_scroll_pointer_update = true; if (! home_msg_list.empty()) { process_loaded_for_unread(home_msg_list.all_messages()); } }, 0); stream_list.set_in_home_view(sub.name, sub.in_home_view); var not_in_home_view_checkbox = $("#subscription_" + sub.stream_id + " #sub_setting_not_in_home_view .sub_setting_control"); not_in_home_view_checkbox.prop('checked', !value); } exports.toggle_home = function (stream_name) { var sub = stream_data.get_sub(stream_name); update_in_home_view(sub, ! sub.in_home_view); set_stream_property(stream_name, 'in_home_view', sub.in_home_view); }; exports.toggle_pin_to_top_stream = function (stream_name) { var sub = stream_data.get_sub(stream_name); set_stream_property(stream_name, 'pin_to_top', !sub.pin_to_top); }; function update_stream_desktop_notifications(sub, value) { var desktop_notifications_checkbox = $("#subscription_" + sub.stream_id + " #sub_desktop_notifications_setting .sub_setting_control"); desktop_notifications_checkbox.prop('checked', value); sub.desktop_notifications = value; } function update_stream_audible_notifications(sub, value) { var audible_notifications_checkbox = $("#subscription_" + sub.stream_id + " #sub_audible_notifications_setting .sub_setting_control"); audible_notifications_checkbox.prop('checked', value); sub.audible_notifications = value; } function update_stream_pin(sub, value) { var pin_checkbox = $('#pinstream-' + sub.stream_id); pin_checkbox.prop('checked', value); sub.pin_to_top = value; } function update_stream_name(sub, new_name) { // Rename the stream internally. var old_name = sub.name; stream_data.delete_sub(old_name); sub.name = new_name; stream_data.add_sub(new_name, sub); // Update the left sidebar. stream_list.rename_stream(sub); // Update the message feed. _.each([home_msg_list, current_msg_list, message_list.all], function (list) { list.change_display_recipient(old_name, new_name); }); } function update_stream_description(sub, description) { sub.description = description; var sub_settings_selector = '.subscription_row[data-subscription-id=' + sub.stream_id + ']'; $(sub_settings_selector + ' .subscription_description').text(description); $(sub_settings_selector + ' input.description').val(description); } function stream_desktop_notifications_clicked(e) { var sub_row = $(e.target).closest('.subscription_row'); var stream = sub_row.find('.subscription_name').text(); var sub = stream_data.get_sub(stream); sub.desktop_notifications = ! sub.desktop_notifications; set_stream_property(stream, 'desktop_notifications', sub.desktop_notifications); } function stream_audible_notifications_clicked(e) { var sub_row = $(e.target).closest('.subscription_row'); var stream = sub_row.find('.subscription_name').text(); var sub = stream_data.get_sub(stream); sub.audible_notifications = ! sub.audible_notifications; set_stream_property(stream, 'audible_notifications', sub.audible_notifications); } function stream_pin_clicked(e) { var sub_row = $(e.target).closest('.subscription_row'); var stream = sub_row.find('.subscription_name').text(); var sub = stream_data.get_sub(stream); exports.toggle_pin_to_top_stream(stream); } exports.set_color = function (stream_name, color) { var sub = stream_data.get_sub(stream_name); stream_color.update_stream_color(sub, stream_name, color, {update_historical: true}); set_stream_property(stream_name, 'color', color); }; function create_sub(stream_name, attrs) { var sub = stream_data.create_sub_from_server_data(stream_name, attrs); $(document).trigger($.Event('sub_obj_created.zulip', {sub: sub})); return sub; } function button_for_sub(sub) { var id = parseInt(sub.stream_id, 10); return $("#subscription_" + id + " .sub_unsub_button"); } function settings_for_sub(sub) { var id = parseInt(sub.stream_id, 10); return $("#subscription_settings_" + id); } exports.rerender_subscribers_count = function (sub) { var id = parseInt(sub.stream_id, 10); stream_data.update_subscribers_count(sub); $("#subscription_" + id + " .subscriber_count").text(sub.subscriber_count); }; exports.show_settings_for = function (stream_name) { settings_for_sub(stream_data.get_sub(stream_name)).collapse('show'); }; function add_email_hint(row, email_address_hint_content) { // Add a popover explaining stream e-mail addresses on hover. var hint_id = "#email-address-hint-" + row.stream_id; var email_address_hint = $(hint_id); email_address_hint.popover({"placement": "bottom", "title": "Email integration", "content": email_address_hint_content, "trigger": "manual"}); $("body").on("mouseover", hint_id, function (e) { email_address_hint.popover('show'); e.stopPropagation(); }); $("body").on("mouseout", hint_id, function (e) { email_address_hint.popover('hide'); e.stopPropagation(); }); } function add_sub_to_table(sub) { sub = stream_data.add_admin_options(sub); stream_data.update_subscribers_count(sub); var html = templates.render('subscription', sub); $('#create_or_filter_stream_row').after(html); settings_for_sub(sub).collapse('show'); var email_address_hint_content = templates.render('email_address_hint', { page_params: page_params }); add_email_hint(sub, email_address_hint_content); } function format_member_list_elem(email) { var person = people.get_by_email(email); return templates.render('stream_member_list_entry', {name: person.full_name, email: email, displaying_for_admin: page_params.is_admin}); } function get_subscriber_list(sub_row) { return sub_row.find('.subscriber_list_container .subscriber-list'); } function prepend_subscriber(sub_row, email) { var list = get_subscriber_list(sub_row); list.prepend(format_member_list_elem(email)); } function show_subscription_settings(sub_row) { var sub_arrow = sub_row.find('.sub_arrow i'); sub_arrow.removeClass('icon-vector-chevron-down'); sub_arrow.addClass('icon-vector-chevron-up'); var stream = sub_row.find('.subscription_name').text(); var warning_elem = sub_row.find('.subscriber_list_container .alert-warning'); var error_elem = sub_row.find('.subscriber_list_container .alert-error'); var list = get_subscriber_list(sub_row); var indicator_elem = sub_row.find('.subscriber_list_loading_indicator'); if (!stream_data.get_sub(stream).render_subscribers) { return; } warning_elem.addClass('hide'); error_elem.addClass('hide'); list.empty(); loading.make_indicator(indicator_elem); channel.post({ url: "/json/get_subscribers", idempotent: true, data: {stream: stream}, success: function (data) { loading.destroy_indicator(indicator_elem); var subscribers = _.map(data.subscribers, function (elem) { var person = people.get_by_email(elem); if (person === undefined) { return elem; } return format_member_list_elem(elem); }); _.each(subscribers.sort(), function (elem) { list.append(elem); }); }, error: function (xhr) { loading.destroy_indicator(indicator_elem); error_elem.removeClass("hide").text("Could not fetch subscriber list"); } }); sub_row.find('input[name="principal"]').typeahead({ source: page_params.people_list, items: 5, highlighter: function (item) { var item_formatted = typeahead_helper.render_person(item); return typeahead_helper.highlight_with_escaping(this.query, item_formatted); }, matcher: function (item) { var query = $.trim(this.query.toLowerCase()); if (query === '' || query === item.email) { return false; } // Case-insensitive. return (item.email.toLowerCase().indexOf(query) !== -1) || (item.full_name.toLowerCase().indexOf(query) !== -1); }, sorter: typeahead_helper.sort_recipientbox_typeahead, updater: function (item) { return item.email; } }); var colorpicker = sub_row.find('.colorpicker'); var color = stream_data.get_color(sub_row.find('.subscription_name').text()); stream_color.set_colorpicker_color(colorpicker, color); // To figure out the worst case for an expanded row's height, we do some math: // .subscriber_list_container max-height, // .subscriber_list_settings, // .regular_subscription_settings // .subscription_header line-height, // .subscription_header padding var expanded_row_size = 200 + 30 + 100 + 30 + 5; var cover = sub_row.offset().top + expanded_row_size - viewport.height() + viewport.scrollTop(); if (cover > 0) { $('.app').animate({ scrollTop: viewport.scrollTop() + cover + 5 }); } // Make all inputs have a default tabindex sub_row.find('.subscription_settings :input').removeAttr('tabindex'); } exports.mark_subscribed = function (stream_name, attrs) { var sub = stream_data.get_sub(stream_name); if (sub === undefined) { // Create a new stream. sub = create_sub(stream_name, attrs); add_sub_to_table(sub); } else if (! sub.subscribed) { // Add yourself to a stream we already know about client-side. var color = get_color(); exports.set_color(stream_name, color); sub.subscribed = true; sub.subscribers = Dict.from_array(attrs.subscribers); var settings = settings_for_sub(sub); var button = button_for_sub(sub); if (button.length !== 0) { exports.rerender_subscribers_count(sub); button.text(i18n.t("Subscribed")).addClass("subscribed-button").addClass("btn-success"); button.parent().children(".preview-stream").text(i18n.t("Narrow")); // Add the user to the member list if they're currently // viewing the members of this stream if (sub.render_subscribers && settings.hasClass('in')) { prepend_subscriber(settings, page_params.email); } } else { add_sub_to_table(sub); } // Display the swatch and subscription settings var sub_row = settings.closest('.subscription_row'); sub_row.find(".color_swatch").addClass('in'); sub_row.find(".regular_subscription_settings").collapse('show'); } else { // Already subscribed return; } if (current_msg_list.narrowed) { current_msg_list.update_trailing_bookend(); } // Update unread counts as the new stream in sidebar might // need its unread counts re-calculated process_loaded_for_unread(message_list.all.all_messages()); $(document).trigger($.Event('subscription_add_done.zulip', {sub: sub})); }; exports.mark_unsubscribed = function (stream_name) { var sub = stream_data.get_sub(stream_name); exports.mark_sub_unsubscribed(sub); }; exports.mark_sub_unsubscribed = function (sub) { if (sub === undefined) { // We don't know about this stream return; } else if (sub.subscribed) { stream_list.remove_narrow_filter(sub.name, 'stream'); // Remove user from subscriber's list stream_data.remove_subscriber(sub.name, page_params.email); sub.subscribed = false; var button = button_for_sub(sub); button.removeClass("subscribed-button").removeClass("btn-success").removeClass("btn-danger").text(i18n.t("Subscribe")); button.parent().children(".preview-stream").text(i18n.t("Preview")); var settings = settings_for_sub(sub); if (settings.hasClass('in')) { settings.collapse('hide'); } exports.rerender_subscribers_count(sub); // Hide the swatch and subscription settings var sub_row = settings.closest('.subscription_row'); sub_row.find(".color_swatch").removeClass('in'); if (sub.render_subscribers) { // TODO: having a completely empty settings div messes // with Bootstrap's collapser. We currently just ensure // that it's not empty for Zephyr mirror realms, even though it // looks weird sub_row.find(".regular_subscription_settings").collapse('hide'); } } else { // Already unsubscribed return; } if (current_msg_list.narrowed) { current_msg_list.update_trailing_bookend(); } $(document).trigger($.Event('subscription_remove_done.zulip', {sub: sub})); }; exports.filter_table = function (query) { var sub_name_elements = $('#subscriptions_table .subscription_name'); if (query === '') { _.each(sub_name_elements, function (sub_name_elem) { $(sub_name_elem).parents('.subscription_row').removeClass("notdisplayed"); }); return; } var search_terms = query.toLowerCase().split(","); search_terms = _.map(search_terms, function (s) { return s.trim(); }); _.each(sub_name_elements, function (sub_name_elem) { var sub_name = $(sub_name_elem).text(); var matches = _.any(search_terms, function (search_term) { var lower_sub_name = sub_name.toLowerCase(); var idx = lower_sub_name.indexOf(search_term); if (idx === 0) { // matched at beginning of the string return true; } // we know now that idx === -1 or idx > 0 if (idx !== -1 && lower_sub_name.charAt(idx - 1) === ' ') { // matched with a space immediately preceding return true; } return false; }); if (matches) { $(sub_name_elem).parents('.subscription_row').removeClass("notdisplayed"); } else { $(sub_name_elem).parents('.subscription_row').addClass("notdisplayed"); } }); }; function actually_filter_streams() { var search_box = $("#create_or_filter_stream_row input[type='text']"); var query = search_box.expectOne().val().trim(); exports.filter_table(query); } var filter_streams = _.throttle(actually_filter_streams, 50); exports.setup_page = function () { loading.make_indicator($('#subs_page_loading_indicator')); function _populate_and_fill(public_streams) { var sub_rows = stream_data.get_streams_for_settings_page(public_streams); $('#subscriptions_table').empty(); var template_data = { can_create_streams: page_params.can_create_streams, subscriptions: sub_rows, hide_all_streams: !should_list_all_streams() }; var rendered = templates.render('subscription_table_body', template_data); $('#subscriptions_table').append(rendered); var email_address_hint_content = templates.render('email_address_hint', { page_params: page_params }); _.each(sub_rows, function (row) { add_email_hint(row, email_address_hint_content); }); loading.destroy_indicator($('#subs_page_loading_indicator')); $("#create_or_filter_stream_row input[type='text']").on("input", filter_streams); $(document).trigger($.Event('subs_page_loaded.zulip')); } function populate_and_fill(public_streams) { i18n.ensure_i18n(function () { _populate_and_fill(public_streams); }); } function failed_listing(xhr, error) { loading.destroy_indicator($('#subs_page_loading_indicator')); ui.report_error(i18n.t("Error listing streams or subscriptions"), xhr, $("#subscriptions-status"), 'subscriptions-status'); } if (should_list_all_streams()) { var req = channel.get({ url: '/json/streams', data: {"include_subscribed": false}, idempotent: true, timeout: 10*1000, success: populate_and_fill, error: failed_listing }); } else { populate_and_fill({streams: []}); $('#create_stream_button').val(i18n.t("Subscribe")); } }; exports.update_subscription_properties = function (stream_name, property, value) { var sub = stream_data.get_sub(stream_name); if (sub === undefined) { // This isn't a stream we know about, so ignore it. blueslip.warn("Update for an unknown subscription", {stream_name: stream_name, property: property, value: value}); return; } switch(property) { case 'color': stream_color.update_stream_color(sub, stream_name, value, {update_historical: true}); break; case 'in_home_view': update_in_home_view(sub, value); break; case 'desktop_notifications': update_stream_desktop_notifications(sub, value); break; case 'audible_notifications': update_stream_audible_notifications(sub, value); break; case 'name': update_stream_name(sub, value); break; case 'description': update_stream_description(sub, value); break; case 'email_address': sub.email_address = value; break; case 'pin_to_top': update_stream_pin(sub, value); stream_list.refresh_pinned_or_unpinned_stream(sub); break; default: blueslip.warn("Unexpected subscription property type", {property: property, value: value}); } }; function ajaxSubscribe(stream) { // Subscribe yourself to a single stream. var true_stream_name; return channel.post({ url: "/json/users/me/subscriptions", data: {"subscriptions": JSON.stringify([{"name": stream}]) }, success: function (resp, statusText, xhr, form) { $("#create_stream_name").val(""); exports.filter_table(""); var res = JSON.parse(xhr.responseText); if (!$.isEmptyObject(res.already_subscribed)) { // Display the canonical stream capitalization. true_stream_name = res.already_subscribed[page_params.email][0]; ui.report_success(i18n.t("Already subscribed to __stream__", {'stream': true_stream_name}), $("#subscriptions-status"), 'subscriptions-status'); } // The rest of the work is done via the subscribe event we will get }, error: function (xhr) { ui.report_error(i18n.t("Error adding subscription"), xhr, $("#subscriptions-status"), 'subscriptions-status'); } }); } function ajaxUnsubscribe(stream) { return channel.post({ url: "/json/subscriptions/remove", data: {"subscriptions": JSON.stringify([stream]) }, success: function (resp, statusText, xhr, form) { var name, res = JSON.parse(xhr.responseText); $("#subscriptions-status").hide(); // The rest of the work is done via the unsubscribe event we will get }, error: function (xhr) { ui.report_error(i18n.t("Error removing subscription"), xhr, $("#subscriptions-status"), 'subscriptions-status'); } }); } function hide_new_stream_modal() { $('#stream-creation').modal("hide"); } function ajaxSubscribeForCreation(stream, principals, invite_only, announce) { // Subscribe yourself and possible other people to a new stream. return channel.post({ url: "/json/users/me/subscriptions", data: {"subscriptions": JSON.stringify([{"name": stream}]), "principals": JSON.stringify(principals), "invite_only": JSON.stringify(invite_only), "announce": JSON.stringify(announce) }, success: function (data) { $("#create_stream_name").val(""); $("#subscriptions-status").hide(); hide_new_stream_modal(); // The rest of the work is done via the subscribe event we will get }, error: function (xhr) { ui.report_error(i18n.t("Error creating stream"), xhr, $("#subscriptions-status"), 'subscriptions-status'); hide_new_stream_modal(); } }); } // Within the new stream modal... function update_announce_stream_state() { // If the stream is invite only, or everyone's added, disable // the "Announce stream" option. Otherwise enable it. var announce_stream_checkbox = $('#announce-new-stream input'); var disable_it = false; var is_invite_only = $('input:radio[name=privacy]:checked').val() === 'invite-only'; if (is_invite_only) { disable_it = true; announce_stream_checkbox.prop('checked', false); } else { disable_it = $('#user-checkboxes input').length === $('#user-checkboxes input:checked').length; } announce_stream_checkbox.prop('disabled', disable_it); } function show_new_stream_modal() { $('#people_to_add').html(templates.render('new_stream_users', { users: people.get_rest_of_realm() })); // Make the options default to the same each time: // public, "announce stream" on. $('#make-invite-only input:radio[value=public]').prop('checked', true); $('#announce-new-stream input').prop('disabled', false); $('#announce-new-stream input').prop('checked', true); $("#stream_name_error").hide(); $('#stream-creation').modal("show"); } exports.invite_user_to_stream = function (user_email, stream_name, success, failure) { return channel.post({ url: "/json/users/me/subscriptions", data: {"subscriptions": JSON.stringify([{"name": stream_name}]), "principals": JSON.stringify([user_email])}, success: success, error: failure }); }; exports.remove_user_from_stream = function (user_email, stream_name, success, failure) { return channel.post({ url: "/json/subscriptions/remove", data: {"subscriptions": JSON.stringify([stream_name]), "principals": JSON.stringify([user_email])}, success: success, error: failure }); }; $(function () { var i; stream_data.initialize_from_page_params(); stream_list.create_initial_sidebar_rows(); // We build the stream_list now. It may get re-built again very shortly // when new messages come in, but it's fairly quick. stream_list.build_stream_list(); $("#subscriptions_table").on("submit", "#add_new_subscription", function (e) { e.preventDefault(); if (!should_list_all_streams()) { ajaxSubscribe($("#search_stream_name").val()); return; } var stream = $.trim($("#search_stream_name").val()); var stream_status = compose.check_stream_existence(stream); if (stream_status === "does-not-exist" || !stream) { $('#create_stream_name').val(stream); show_new_stream_modal(); $('#create_stream_name').focus(); } else { ajaxSubscribe(stream); } }); $('#stream_creation_form').on('change', '#user-checkboxes input, #make-invite-only input', update_announce_stream_state); // 'Check all' and 'Uncheck all' links $(document).on('click', '.subs_set_all_users', function (e) { $('#people_to_add :checkbox').prop('checked', true); e.preventDefault(); update_announce_stream_state(); }); $(document).on('click', '.subs_unset_all_users', function (e) { $('#people_to_add :checkbox').prop('checked', false); e.preventDefault(); update_announce_stream_state(); }); // Search People $(document).on('input', '.add-user-list-filter', function (e) { var users = people.get_rest_of_realm(); var user_list = $(".add-user-list-filter"); if (user_list === 0) { return; } var search_term = user_list.expectOne().val().trim(); var search_terms = search_term.toLowerCase().split(","); var filtered_users = people.filter_people_by_search_terms(users, search_terms); // Hide users which aren't in filtered users _.each(users, function (user) { var display_type = filtered_users.hasOwnProperty(user.email)? "block" : "none"; $("label[data-name='" + user.email + "']").css({"display":display_type}); }); update_announce_stream_state(); e.preventDefault(); }); var announce_stream_docs = $("#announce-stream-docs"); announce_stream_docs.popover({"placement": "right", "content": templates.render('announce_stream_docs'), "trigger": "manual"}); $("body").on("mouseover", "#announce-stream-docs", function (e) { announce_stream_docs.popover('show'); announce_stream_docs.data('popover').tip().css('z-index', 2000); e.stopPropagation(); }); $("body").on("mouseout", "#announce-stream-docs", function (e) { announce_stream_docs.popover('hide'); e.stopPropagation(); }); $("#create_stream_name").on("focusout", function () { var stream = $.trim($("#create_stream_name").val()); var stream_status = compose.check_stream_existence(stream); if (stream.length < 1) { $("#stream_name_error").text(i18n.t("A stream needs to have a name")); $("#stream_name_error").show(); } else if (stream_status !== "does-not-exist") { $("#stream_name_error").text(i18n.t("A stream with this name already exists")); $("#stream_name_error").show(); } else { $("#stream_name_error").hide(); } }); $("#stream_creation_form").on("submit", function (e) { e.preventDefault(); var stream = $.trim($("#create_stream_name").val()); if (!$("#stream_name_error").is(":visible")) { var principals = _.map( $("#stream_creation_form input:checkbox[name=user]:checked"), function (elem) { return $(elem).val(); } ); // You are always subscribed to streams you create. principals.push(page_params.email); ajaxSubscribeForCreation(stream, principals, $('#stream_creation_form input[name=privacy]:checked').val() === "invite-only", $('#announce-new-stream input').prop('checked') ); } }); $("body").on("mouseover", ".subscribed-button", function (e) { $(e.target).addClass("btn-danger").text(i18n.t("Unsubscribe")); }).on("mouseout", ".subscribed-button", function (e) { $(e.target).removeClass("btn-danger").text(i18n.t("Subscribed")); }); $("#subscriptions-status").on("click", "#close-subscriptions-status", function (e) { $("#subscriptions-status").hide(); }); $("#subscriptions_table").on("click", ".email-address", function (e) { selectText(this); }); function sub_or_unsub (stream_name) { var sub = stream_data.get_sub(stream_name); if (sub.subscribed) { ajaxUnsubscribe(stream_name); } else { ajaxSubscribe(stream_name); } } $("#subscriptions_table").on("click", ".sub_unsub_button", function (e) { var stream_name = $(e.target).closest('.subscription_row').find('.subscription_name').text(); sub_or_unsub(stream_name); e.preventDefault(); e.stopPropagation(); }); $("body").on("click", ".popover_sub_unsub_button", function (e) { $(this).toggleClass("unsub"); $(this).closest(".popover").fadeOut(500).delay(500).remove(); var stream_name = $(e.target).data("name"); sub_or_unsub(stream_name); e.preventDefault(); e.stopPropagation(); }); $("#zfilt").on("click", ".stream_sub_unsub_button", function (e) { e.preventDefault(); e.stopPropagation(); var stream_name = narrow.stream(); if (stream_name === undefined) { return; } var sub = stream_data.get_sub(stream_name); if (sub.subscribed) { ajaxUnsubscribe(stream_name); } else { ajaxSubscribe(stream_name); } }); $('.empty_feed_sub_unsub').click(function (e) { e.preventDefault(); $('#subscription-status').hide(); var stream_name = narrow.stream(); if (stream_name === undefined) { return; } var sub = stream_data.get_sub(stream_name); if (sub.subscribed) { ajaxUnsubscribe(stream_name); } else { ajaxSubscribe(stream_name); } $('.empty_feed_notice').hide(); $('#empty_narrow_message').show(); }); $("#subscriptions_table").on("hide", ".subscription_settings", function (e) { var sub_row = $(e.target).closest('.subscription_row'); // Remove all inputs from the tabindex sub_row.find('.subscription_settings :input').attr('tabindex', '-1'); }); $("#subscriptions_table").on("click", ".sub_setting_checkbox", function (e) { var control = $(e.target).closest('.sub_setting_checkbox').find('.sub_setting_control'); // A hack. Don't change the state of the checkbox if we // clicked on the checkbox itself. if (control[0] !== e.target) { control.prop("checked", ! control.prop("checked")); } }); $("#subscriptions_table").on("click", "#sub_setting_not_in_home_view", stream_home_view_clicked); $("#subscriptions_table").on("click", "#sub_desktop_notifications_setting", stream_desktop_notifications_clicked); $("#subscriptions_table").on("click", "#sub_audible_notifications_setting", stream_audible_notifications_clicked); $("#subscriptions_table").on("click", "#sub_pin_setting", stream_pin_clicked); $("#subscriptions_table").on("submit", ".subscriber_list_add form", function (e) { e.preventDefault(); var sub_row = $(e.target).closest('.subscription_row'); var stream = sub_row.find('.subscription_name').text(); var text_box = sub_row.find('input[name="principal"]'); var principal = $.trim(text_box.val()); // TODO: clean up this error handling var error_elem = sub_row.find('.subscriber_list_container .alert-error'); var warning_elem = sub_row.find('.subscriber_list_container .alert-warning'); function invite_success(data) { text_box.val(''); if (data.subscribed.hasOwnProperty(principal)) { error_elem.addClass("hide"); warning_elem.addClass("hide"); if (util.is_current_user(principal)) { // mark_subscribed adds the user to the member list exports.mark_subscribed(stream); } else { prepend_subscriber(sub_row, principal); } } else { error_elem.addClass("hide"); warning_elem.removeClass("hide").text("User already subscribed"); } } function invite_failure(xhr) { warning_elem.addClass("hide"); error_elem.removeClass("hide").text("Could not add user to this stream"); } exports.invite_user_to_stream(principal, stream, invite_success, invite_failure); }); $("#subscriptions_table").on("submit", ".subscriber_list_remove form", function (e) { e.preventDefault(); var list_entry = $(e.target).closest("tr"); var principal = list_entry.children(".subscriber-email").text(); var sub_row = $(e.target).closest('.subscription_row'); var stream_name = sub_row.find('.subscription_name').text(); var error_elem = sub_row.find('.subscriber_list_container .alert-error'); var warning_elem = sub_row.find('.subscriber_list_container .alert-warning'); function removal_success(data) { if (data.removed.length > 0) { error_elem.addClass("hide"); warning_elem.addClass("hide"); // Remove the user from the subscriber list. list_entry.remove(); if (util.is_current_user(principal)) { // If you're unsubscribing yourself, mark whole // stream entry as you being unsubscribed. exports.mark_unsubscribed(stream_name); } } else { error_elem.addClass("hide"); warning_elem.removeClass("hide").text("User already not subscribed"); } } function removal_failure(xhr) { warning_elem.addClass("hide"); error_elem.removeClass("hide").text("Could not remove user from this stream"); } exports.remove_user_from_stream(principal, stream_name, removal_success, removal_failure); }); $("#subscriptions_table").on("submit", ".rename-stream form", function (e) { e.preventDefault(); var sub_row = $(e.target).closest('.subscription_row'); var old_name_box = sub_row.find('.subscription_name'); var old_name = old_name_box.text(); var new_name_box = sub_row.find('input[name="new-name"]'); var new_name = $.trim(new_name_box.val()); $("#subscriptions-status").hide(); channel.patch({ // Stream names might contain unsafe characters so we must encode it first. url: "/json/streams/" + encodeURIComponent(old_name), data: {"new_name": JSON.stringify(new_name)}, success: function (data) { new_name_box.val(''); // Update all visible instances of the old name to the new name. old_name_box.text(new_name); sub_row.find(".email-address").text(data.email_address); ui.report_success(i18n.t("The stream has been renamed!"), $("#subscriptions-status "), 'subscriptions-status'); }, error: function (xhr) { ui.report_error(i18n.t("Error renaming stream"), xhr, $("#subscriptions-status"), 'subscriptions-status'); } }); }); $('#subscriptions_table').on('submit', '.change-stream-description form', function (e) { e.preventDefault(); var $form = $(e.target); var $sub_row = $(e.target).closest('.subscription_row'); var stream_name = $sub_row.find('.subscription_name').text(); var description = $sub_row.find('input[name="description"]').val(); $('#subscriptions-status').hide(); channel.patch({ // Stream names might contain unsafe characters so we must encode it first. url: '/json/streams/' + encodeURIComponent(stream_name), data: { 'description': JSON.stringify(description) }, success: function () { // The event from the server will update the rest of the UI ui.report_success(i18n.t("The stream description has been updated!"), $("#subscriptions-status"), 'subscriptions-status'); }, error: function (xhr) { ui.report_error(i18n.t("Error updating the stream description"), xhr, $("#subscriptions-status"), 'subscriptions-status'); } }); }); function redraw_privacy_related_stuff(sub_row, sub) { var html; sub = stream_data.add_admin_options(sub); html = templates.render('subscription_setting_icon', sub); sub_row.find('.subscription-setting-icon').expectOne().html(html); html = templates.render('subscription_type', sub); sub_row.find('.subscription-type').expectOne().html(html); html = templates.render('change_stream_privacy', sub); sub_row.find('.change-stream-privacy').expectOne().html(html); stream_list.redraw_stream_privacy(sub.name); } function change_stream_privacy(e, url, success_message, error_message, invite_only) { e.preventDefault(); var stream_name = $(e.target).attr("data-stream-name"); var sub_row = $(e.target).closest('.subscription_row'); $("#subscriptions-status").hide(); var data = {"stream_name": stream_name}; channel.post({ url: url, data: data, success: function (data) { var sub = stream_data.get_sub(stream_name); sub.invite_only = invite_only; redraw_privacy_related_stuff(sub_row, sub); var feedback_div = sub_row.find(".change-stream-privacy-feedback").expectOne(); ui.report_success(success_message, feedback_div); }, error: function (xhr) { var feedback_div = sub_row.find(".change-stream-privacy-feedback").expectOne(); ui.report_error(error_message, xhr, feedback_div); } }); } $("#subscriptions_table").on("click", ".make-stream-public-button", function (e) { change_stream_privacy( e, "/json/make_stream_public", "The stream has been made public!", "Error making stream public", false ); }); $("#subscriptions_table").on("click", ".make-stream-private-button", function (e) { change_stream_privacy( e, "/json/make_stream_private", "The stream has been made private!", "Error making stream private", true ); }); $("#subscriptions_table").on("show", ".regular_subscription_settings", function (e) { // We want 'show' events that originate from // 'regular_subscription_settings' divs not to trigger the // handler for the entire subscription_settings div e.stopPropagation(); }); $("#subscriptions_table").on("show", ".subscription_settings", function (e) { var sub_row = $(e.target).closest('.subscription_row'); show_subscription_settings(sub_row); }); $("#subscriptions_table").on("hide", ".subscription_settings", function (e) { var sub_arrow = $(e.target).closest('.subscription_row').find('.sub_arrow i'); sub_arrow.removeClass('icon-vector-chevron-up'); sub_arrow.addClass('icon-vector-chevron-down'); }); $(document).on('peer_subscribe.zulip', function (e, data) { var sub = stream_data.get_sub(data.stream_name); exports.rerender_subscribers_count(sub); var sub_row = settings_for_sub(sub); prepend_subscriber(sub_row, data.user_email); }); $(document).on('peer_unsubscribe.zulip', function (e, data) { var sub = stream_data.get_sub(data.stream_name); exports.rerender_subscribers_count(sub); var sub_row = settings_for_sub(sub); var tr = sub_row.find("tr[data-subscriber-email='" + data.user_email + "']"); tr.remove(); }); }); function focus_on_narrowed_stream() { var stream_name = narrow.stream(); if (stream_name === undefined) { return; } var sub = stream_data.get_sub(stream_name); if (sub !== undefined) { // This stream is in the list, so focus on it. $('html, body').animate({ scrollTop: settings_for_sub(sub).offset().top }); } else { // This stream doesn't exist, so prep for creating it. $("#create_stream_name").val(stream_name); } } exports.show_and_focus_on_narrow = function () { $(document).one('subs_page_loaded.zulip', focus_on_narrowed_stream); ui.change_tab_to("#subscriptions"); }; return exports; }()); if (typeof module !== 'undefined') { module.exports = subs; }