zulip/static/js/settings_org.js

1230 lines
47 KiB
JavaScript

const render_settings_admin_auth_methods_list = require('../templates/settings/admin_auth_methods_list.hbs');
const render_settings_admin_realm_domains_list = require("../templates/settings/admin_realm_domains_list.hbs");
const render_settings_admin_realm_dropdown_stream_list = require("../templates/settings/admin_realm_dropdown_stream_list.hbs");
const render_settings_organization_settings_tip = require("../templates/settings/organization_settings_tip.hbs");
const meta = {
loaded: false,
};
exports.reset = function () {
meta.loaded = false;
};
exports.maybe_disable_widgets = function () {
if (page_params.is_admin) {
return;
}
$(".organization-box [data-name='organization-profile']")
.find("input, textarea, button, select").attr("disabled", true);
$(".organization-box [data-name='organization-settings']")
.find("input, textarea, button, select").attr("disabled", true);
$(".organization-box [data-name='organization-settings']")
.find(".control-label-disabled").addClass('enabled');
$(".organization-box [data-name='organization-permissions']")
.find("input, textarea, button, select").attr("disabled", true);
$(".organization-box [data-name='organization-permissions']")
.find(".control-label-disabled").addClass('enabled');
$(".organization-box [data-name='auth-methods']")
.find("input, button, select, checked").attr("disabled", true);
};
exports.email_address_visibility_values = {
everyone: {
code: 1,
description: i18n.t("Admins, members, and guests"),
},
//// Backend support for this configuration is not available yet.
// admins_and_members: {
// code: 2,
// description: i18n.t("Members and admins"),
// },
admins_only: {
code: 3,
description: i18n.t("Admins only"),
},
};
exports.create_stream_policy_values = {
by_admins_only: {
order: 1,
code: 2,
description: i18n.t("Admins"),
},
by_full_members: {
order: 2,
code: 3,
description: i18n.t("Admins and full members"),
},
by_members: {
order: 3,
code: 1,
description: i18n.t("Admins and members"),
},
};
exports.invite_to_stream_policy_values = exports.create_stream_policy_values;
exports.user_group_edit_policy_values = {
by_admins_only: {
order: 1,
code: 2,
description: i18n.t("Admins"),
},
by_members: {
order: 2,
code: 1,
description: i18n.t("Admins and members"),
},
};
exports.private_message_policy_values = {
by_anyone: {
order: 1,
code: 1,
description: i18n.t("Admins, members, and guests"),
},
disabled: {
order: 2,
code: 2,
description: i18n.t("Private messages disabled"),
},
};
exports.get_sorted_options_list = function (option_values_object) {
const options_list = Object.keys(option_values_object).map((key) => {
return _.extend(option_values_object[key], {key: key});
});
let comparator = (x, y) => x.order - y.order;
if (!options_list[0].order) {
comparator = (x, y) => {
const key_x = x.key.toUpperCase();
const key_y = y.key.toUpperCase();
if (key_x < key_y) {
return -1;
}
if (key_x > key_y) {
return 1;
}
return 0;
};
}
options_list.sort(comparator);
return options_list;
};
exports.get_organization_settings_options = () => {
const options = {};
options.create_stream_policy_values = exports.get_sorted_options_list(
exports.create_stream_policy_values);
options.invite_to_stream_policy_values = exports.get_sorted_options_list(
exports.invite_to_stream_policy_values);
options.user_group_edit_policy_values = exports.get_sorted_options_list(
exports.user_group_edit_policy_values);
options.private_message_policy_values = exports.get_sorted_options_list(
exports.private_message_policy_values);
return options;
};
exports.show_email = function () {
// TODO: Extend this when we add support for admins_and_members above.
if (page_params.realm_email_address_visibility ===
exports.email_address_visibility_values.everyone.code) {
return true;
}
if (page_params.realm_email_address_visibility ===
exports.email_address_visibility_values.admins_only.code) {
return page_params.is_admin;
}
};
exports.get_realm_time_limits_in_minutes = function (property) {
let val = (page_params[property] / 60).toFixed(1);
if (parseFloat(val, 10) === parseInt(val, 10)) {
val = parseInt(val, 10);
}
return val.toString();
};
function get_property_value(property_name) {
let value;
if (property_name === 'realm_message_content_edit_limit_minutes') {
return exports.get_realm_time_limits_in_minutes('realm_message_content_edit_limit_seconds');
}
if (property_name === 'realm_message_content_delete_limit_minutes') {
return exports.get_realm_time_limits_in_minutes('realm_message_content_delete_limit_seconds');
}
if (property_name === 'realm_waiting_period_setting') {
if (page_params.realm_waiting_period_threshold === 0) {
return "none";
}
if (page_params.realm_waiting_period_threshold === 3) {
return "three_days";
}
return "custom_days";
}
if (property_name === 'realm_add_emoji_by_admins_only') {
if (page_params.realm_add_emoji_by_admins_only) {
return "by_admins_only";
}
return "by_anyone";
}
if (property_name === 'realm_msg_edit_limit_setting') {
if (!page_params.realm_allow_message_editing) {
return "never";
}
value = _.findKey(exports.msg_edit_limit_dropdown_values, function (elem) {
return elem.seconds === page_params.realm_message_content_edit_limit_seconds;
});
if (value === undefined) {
return "custom_limit";
}
return value;
}
if (property_name === 'realm_msg_delete_limit_setting') {
if (!page_params.realm_allow_message_deleting) {
return "never";
}
value = _.findKey(exports.msg_delete_limit_dropdown_values, function (elem) {
return elem.seconds === page_params.realm_message_content_delete_limit_seconds;
});
if (value === undefined) {
return "custom_limit";
}
return value;
}
if (property_name === 'realm_org_join_restrictions') {
if (page_params.realm_emails_restricted_to_domains) {
return "only_selected_domain";
}
if (page_params.realm_disallow_disposable_email_addresses) {
return "no_disposable_email";
}
return "no_restriction";
}
if (property_name === 'realm_user_invite_restriction') {
if (!page_params.realm_invite_required) {
return "no_invite_required";
}
if (page_params.realm_invite_by_admins_only) {
return "by_admins_only";
}
return "by_anyone";
}
if (property_name === 'realm_default_twenty_four_hour_time') {
return JSON.stringify(page_params[property_name]);
}
if (property_name === 'realm_notifications_stream') {
return page_params.realm_notifications_stream_id;
}
if (property_name === 'realm_signup_notifications_stream') {
return page_params.realm_signup_notifications_stream_id;
}
return page_params[property_name];
}
exports.extract_property_name = function (elem) {
return elem.attr('id').split('-').join('_').replace("id_", "");
};
function get_subsection_property_elements(element) {
const subsection = $(element).closest('.org-subsection-parent');
return subsection.find('.prop-element');
}
function set_realm_waiting_period_dropdown() {
const value = get_property_value("realm_waiting_period_setting");
$("#id_realm_waiting_period_setting").val(value);
if (value === "custom_days") {
$("#id_realm_waiting_period_threshold").parent().show();
} else {
$("#id_realm_waiting_period_threshold").parent().hide();
}
}
function set_create_stream_policy_dropdown() {
const value = get_property_value("realm_create_stream_policy");
$("#id_realm_create_stream_policy").val(value);
}
function set_invite_to_stream_policy_dropdown() {
const value = get_property_value("realm_invite_to_stream_policy");
$("#id_realm_invite_to_stream_policy").val(value);
}
function set_user_group_edit_policy_dropdown() {
const value = get_property_value("realm_user_group_edit_policy");
$("#id_realm_user_group_edit_policy").val(value);
}
function set_private_message_policy_dropdown() {
const value = get_property_value("realm_private_message_policy");
$("#id_realm_private_message_policy").val(value);
}
function set_add_emoji_permission_dropdown() {
$("#id_realm_add_emoji_by_admins_only").val(get_property_value("realm_add_emoji_by_admins_only"));
}
function set_video_chat_provider_dropdown() {
const chat_provider_id = page_params.realm_video_chat_provider;
const available_providers = page_params.realm_available_video_chat_providers;
$("#id_realm_video_chat_provider").val(chat_provider_id);
if (chat_provider_id === available_providers.google_hangouts.id) {
$("#google_hangouts_domain").show();
$(".zoom_credentials").hide();
$("#id_realm_google_hangouts_domain").val(page_params.realm_google_hangouts_domain);
} else if (chat_provider_id === available_providers.zoom.id) {
$("#google_hangouts_domain").hide();
$(".zoom_credentials").show();
$("#id_realm_zoom_user_id").val(page_params.realm_zoom_user_id);
$("#id_realm_zoom_api_key").val(page_params.realm_zoom_api_key);
$("#id_realm_zoom_api_secret").val(page_params.realm_zoom_api_secret);
} else {
$("#google_hangouts_domain").hide();
$(".zoom_credentials").hide();
}
}
const time_limit_dropdown_values = {
any_time: {
text: i18n.t("Any time"),
seconds: 0,
},
never: {
text: i18n.t("Never"),
},
upto_two_min: {
text: i18n.t("Up to __time_limit__ after posting", {time_limit: i18n.t("2 minutes")}),
seconds: 2 * 60,
},
upto_ten_min: {
text: i18n.t("Up to __time_limit__ after posting", {time_limit: i18n.t("10 minutes")}),
seconds: 10 * 60,
},
upto_one_hour: {
text: i18n.t("Up to __time_limit__ after posting", {time_limit: i18n.t("1 hour")}),
seconds: 60 * 60,
},
upto_one_day: {
text: i18n.t("Up to __time_limit__ after posting", {time_limit: i18n.t("1 day")}),
seconds: 24 * 60 * 60,
},
upto_one_week: {
text: i18n.t("Up to __time_limit__ after posting", {time_limit: i18n.t("1 week")}),
seconds: 7 * 24 * 60 * 60,
},
custom_limit: {
text: i18n.t("Up to N minutes after posting"),
},
};
exports.msg_edit_limit_dropdown_values = time_limit_dropdown_values;
exports.msg_delete_limit_dropdown_values = time_limit_dropdown_values;
function set_msg_edit_limit_dropdown() {
const value = get_property_value("realm_msg_edit_limit_setting");
$("#id_realm_msg_edit_limit_setting").val(value);
if (value === "custom_limit") {
$("#id_realm_message_content_edit_limit_minutes").parent().show();
} else {
$("#id_realm_message_content_edit_limit_minutes").parent().hide();
}
settings_ui.disable_sub_setting_onchange(value !== "never",
"id_realm_allow_community_topic_editing", true);
}
function set_msg_delete_limit_dropdown() {
const value = get_property_value("realm_msg_delete_limit_setting");
$("#id_realm_msg_delete_limit_setting").val(value);
if (value === "custom_limit") {
$("#id_realm_message_content_delete_limit_minutes").parent().show();
} else {
$("#id_realm_message_content_delete_limit_minutes").parent().hide();
}
}
function set_user_invite_restriction_dropdown() {
$("#id_realm_user_invite_restriction").val(get_property_value("realm_user_invite_restriction"));
}
function set_org_join_restrictions_dropdown() {
const value = get_property_value("realm_org_join_restrictions");
$("#id_realm_org_join_restrictions").val(value);
const node = $("#allowed_domains_label").parent();
if (value === 'only_selected_domain') {
node.show();
} else {
node.hide();
}
}
function set_message_content_in_email_notifications_visiblity() {
if (page_params.realm_message_content_allowed_in_email_notifications) {
$('#message_content_in_email_notifications_label').parent().show();
} else {
$('#message_content_in_email_notifications_label').parent().hide();
}
}
function set_digest_emails_weekday_visibility() {
if (page_params.realm_digest_emails_enabled) {
$('#id_realm_digest_weekday').parent().show();
} else {
$('#id_realm_digest_weekday').parent().hide();
}
}
exports.populate_realm_domains = function (realm_domains) {
if (!meta.loaded) {
return;
}
const domains_list = _.map(realm_domains, function (realm_domain) {
return realm_domain.allow_subdomains ? "*." + realm_domain.domain : realm_domain.domain;
});
let domains = domains_list.join(', ');
if (domains.length === 0) {
domains = i18n.t("None");
}
$("#allowed_domains_label").text(i18n.t("Allowed domains: __domains__", {domains: domains}));
const realm_domains_table_body = $("#realm_domains_table tbody").expectOne();
realm_domains_table_body.find("tr").remove();
_.each(realm_domains, function (realm_domain) {
realm_domains_table_body.append(
render_settings_admin_realm_domains_list({
realm_domain: realm_domain,
})
);
});
};
function sort_object_by_key(obj) {
const keys = _.keys(obj).sort();
const new_obj = {};
_.each(keys, function (key) {
new_obj[key] = obj[key];
});
return new_obj;
}
exports.populate_auth_methods = function (auth_methods) {
if (!meta.loaded) {
return;
}
const auth_methods_table = $("#id_realm_authentication_methods").expectOne();
auth_methods = sort_object_by_key(auth_methods);
let rendered_auth_method_rows = "";
_.each(auth_methods, function (value, auth_method) {
rendered_auth_method_rows += render_settings_admin_auth_methods_list({
method: auth_method,
enabled: value,
is_admin: page_params.is_admin,
});
});
auth_methods_table.html(rendered_auth_method_rows);
};
function insert_tip_box() {
if (page_params.is_admin) {
return;
}
const tip_box = render_settings_organization_settings_tip({is_admin: page_params.is_admin});
$(".organization-box").find(".settings-section:not(.can-edit)")
.not("#emoji-settings")
.not("#user-groups-admin")
.prepend(tip_box);
}
exports.render_notifications_stream_ui = function (stream_id, notification_type) {
const name = stream_data.maybe_get_stream_name(stream_id);
$(`#id_realm_${notification_type}_stream`).data("stream-id", stream_id);
const elem = $(`#realm_${notification_type}_stream_name`);
if (!name) {
elem.text(i18n.t("Disabled"));
elem.addClass("text-warning");
elem.closest('.input-group').find('.notification-disable').hide();
return;
}
// Happy path
elem.text('#' + name);
elem.removeClass('text-warning');
elem.closest('.input-group').find('.notification-disable').show();
};
exports.populate_notifications_stream_dropdown = function (stream_list) {
const dropdown_list_body = $("#id_realm_notifications_stream .dropdown-list-body").expectOne();
const search_input = $("#id_realm_notifications_stream .dropdown-search > input[type=text]");
list_render.create(dropdown_list_body, stream_list, {
name: "admin-realm-notifications-stream-dropdown-list",
modifier: function (item) {
return render_settings_admin_realm_dropdown_stream_list({ stream: item });
},
filter: {
element: search_input,
predicate: function (item, value) {
return item.name.toLowerCase().indexOf(value) >= 0;
},
onupdate: function () {
ui.reset_scrollbar(dropdown_list_body);
},
},
}).init();
$("#id_realm_notifications_stream .dropdown-search").click(function (e) {
e.stopPropagation();
});
$("#id_realm_notifications_stream .dropdown-toggle").click(function () {
search_input.val("").trigger("input");
});
};
exports.populate_signup_notifications_stream_dropdown = function (stream_list) {
const dropdown_list_body = $("#id_realm_signup_notifications_stream .dropdown-list-body").expectOne();
const search_input = $("#id_realm_signup_notifications_stream .dropdown-search > input[type=text]");
list_render.create(dropdown_list_body, stream_list, {
name: "admin-realm-signup-notifications-stream-dropdown-list",
modifier: function (item) {
return render_settings_admin_realm_dropdown_stream_list({ stream: item });
},
filter: {
element: search_input,
predicate: function (item, value) {
return item.name.toLowerCase().indexOf(value) >= 0;
},
},
}).init();
$("#id_realm_signup_notifications_stream .dropdown-search").click(function (e) {
e.stopPropagation();
});
$("#id_realm_signup_notifications_stream .dropdown-toggle").click(function () {
search_input.val("").trigger("input");
});
};
function update_dependent_subsettings(property_name) {
if (property_name === 'realm_waiting_period_threshold') {
set_realm_waiting_period_dropdown();
} else if (property_name === 'realm_create_stream_policy') {
set_create_stream_policy_dropdown();
} else if (property_name === 'realm_invite_to_stream_policy') {
set_invite_to_stream_policy_dropdown();
} else if (property_name === 'realm_user_group_edit_policy') {
set_user_group_edit_policy_dropdown();
} else if (property_name === 'realm_video_chat_provider' ||
property_name === 'realm_google_hangouts_domain' ||
property_name.startsWith('realm_zoom')) {
set_video_chat_provider_dropdown();
} else if (property_name === 'realm_msg_edit_limit_setting' ||
property_name === 'realm_message_content_edit_limit_minutes') {
set_msg_edit_limit_dropdown();
} else if (property_name === 'realm_msg_delete_limit_setting' ||
property_name === 'realm_message_content_delete_limit_minutes') {
set_msg_delete_limit_dropdown();
} else if (property_name === 'realm_org_join_restrictions') {
set_org_join_restrictions_dropdown();
} else if (property_name === 'realm_user_invite_restriction') {
set_user_invite_restriction_dropdown();
} else if (property_name === 'realm_message_content_allowed_in_email_notifications') {
set_message_content_in_email_notifications_visiblity();
} else if (property_name === 'realm_digest_emails_enabled') {
settings_notifications.set_enable_digest_emails_visibility();
set_digest_emails_weekday_visibility();
}
}
function discard_property_element_changes(elem) {
elem = $(elem);
const property_name = exports.extract_property_name(elem);
const property_value = get_property_value(property_name);
if (property_name === 'realm_authentication_methods') {
exports.populate_auth_methods(property_value);
} else if (property_name === 'realm_notifications_stream') {
exports.render_notifications_stream_ui(property_value, "notifications");
} else if (property_name === 'realm_signup_notifications_stream') {
exports.render_notifications_stream_ui(property_value, "signup_notifications");
} else if (typeof property_value === 'boolean') {
elem.prop('checked', property_value);
} else if (typeof property_value === 'string' || typeof property_value === 'number') {
elem.val(property_value);
} else {
blueslip.error('Element refers to unknown property ' + property_name);
}
update_dependent_subsettings(property_name);
}
exports.sync_realm_settings = function (property) {
if (!overlays.settings_open()) {
return;
}
if (property === 'message_content_edit_limit_seconds') {
property = 'message_content_edit_limit_minutes';
} else if (property === 'allow_message_editing') {
property = 'msg_edit_limit_setting';
} else if (property === 'emails_restricted_to_domains' || property === 'disallow_disposable_email_addresses') {
property = 'org_join_restrictions';
} else if (property === 'message_content_delete_limit_seconds') {
property = 'message_content_delete_limit_minutes';
} else if (property === 'allow_message_deleting') {
property = 'msg_delete_limit_setting';
} else if (property === 'invite_required' || property === 'invite_by_admins_only') {
property = 'user_invite_restriction';
}
const element = $('#id_realm_' + property);
if (element.length) {
discard_property_element_changes(element);
}
};
exports.change_save_button_state = function ($element, state) {
function show_hide_element($element, show, fadeout_delay) {
if (show) {
$element.removeClass('hide').addClass('.show').fadeIn(300);
return;
}
setTimeout(function () {
$element.fadeOut(300);
}, fadeout_delay);
}
const $saveBtn = $element.find('.save-button');
const $textEl = $saveBtn.find('.icon-button-text');
if (state !== "saving") {
$saveBtn.removeClass('saving');
}
if (state === "discarded") {
show_hide_element($element, false, 0);
return;
}
let button_text;
let data_status;
let is_show;
if (state === "unsaved") {
button_text = i18n.t("Save changes");
data_status = "unsaved";
is_show = true;
$element.find('.discard-button').show();
} else if (state === "saved") {
button_text = i18n.t("Save changes");
data_status = "";
is_show = false;
} else if (state === "saving") {
button_text = i18n.t("Saving");
data_status = "saving";
is_show = true;
$element.find('.discard-button').hide();
$saveBtn.addClass('saving');
} else if (state === "failed") {
button_text = i18n.t("Save changes");
data_status = "failed";
is_show = true;
} else if (state === 'succeeded') {
button_text = i18n.t("Saved");
data_status = "saved";
is_show = false;
}
$textEl.text(button_text);
$saveBtn.attr("data-status", data_status);
show_hide_element($element, is_show, 800);
};
exports.set_up = function () {
exports.build_page();
exports.maybe_disable_widgets();
};
exports.build_page = function () {
meta.loaded = true;
loading.make_indicator($('#admin_page_auth_methods_loading_indicator'));
// Populate notifications stream modal
if (page_params.is_admin) {
const streams = stream_data.get_streams_for_settings_page();
exports.populate_notifications_stream_dropdown(streams);
exports.populate_signup_notifications_stream_dropdown(streams);
}
exports.render_notifications_stream_ui(page_params.realm_notifications_stream_id, 'notifications');
exports.render_notifications_stream_ui(page_params.realm_signup_notifications_stream_id, 'signup_notifications');
// Populate realm domains
exports.populate_realm_domains(page_params.realm_domains);
// Populate authentication methods table
exports.populate_auth_methods(page_params.realm_authentication_methods);
insert_tip_box();
set_realm_waiting_period_dropdown();
set_create_stream_policy_dropdown();
set_invite_to_stream_policy_dropdown();
set_add_emoji_permission_dropdown();
set_video_chat_provider_dropdown();
set_msg_edit_limit_dropdown();
set_msg_delete_limit_dropdown();
set_org_join_restrictions_dropdown();
set_user_invite_restriction_dropdown();
set_message_content_in_email_notifications_visiblity();
set_digest_emails_weekday_visibility();
set_user_group_edit_policy_dropdown();
set_private_message_policy_dropdown();
function get_auth_method_table_data() {
const new_auth_methods = {};
const auth_method_rows = $("#id_realm_authentication_methods").find('tr.method_row');
_.each(auth_method_rows, function (method_row) {
new_auth_methods[$(method_row).data('method')] = $(method_row).find('input').prop('checked');
});
return new_auth_methods;
}
function check_property_changed(elem) {
elem = $(elem);
const property_name = exports.extract_property_name(elem);
let changed_val;
let current_val = get_property_value(property_name);
if (property_name === 'realm_authentication_methods') {
current_val = sort_object_by_key(current_val);
current_val = JSON.stringify(current_val);
changed_val = get_auth_method_table_data();
changed_val = JSON.stringify(changed_val);
} else if (property_name === 'realm_notifications_stream') {
changed_val = parseInt($("#id_realm_notifications_stream").data('stream-id'), 10);
} else if (property_name === 'realm_signup_notifications_stream') {
changed_val = parseInt($("#id_realm_signup_notifications_stream").data('stream-id'), 10);
} else if (typeof current_val === 'boolean') {
changed_val = elem.prop('checked');
} else if (typeof current_val === 'string') {
changed_val = elem.val().trim();
} else if (typeof current_val === 'number') {
current_val = current_val.toString();
changed_val = elem.val().trim();
} else {
blueslip.error('Element refers to unknown property ' + property_name);
}
return current_val !== changed_val;
}
function save_discard_widget_status_handler(subsection) {
subsection.find('.subsection-failed-status p').hide();
subsection.find('.save-button').show();
const properties_elements = get_subsection_property_elements(subsection);
let show_change_process_button = false;
_.each(properties_elements, function (elem) {
if (check_property_changed(elem)) {
show_change_process_button = true;
}
});
const save_btn_controls = subsection.find('.subsection-header .save-button-controls');
const button_state = show_change_process_button ? "unsaved" : "discarded";
exports.change_save_button_state(save_btn_controls, button_state);
}
$('.admin-realm-form').on('change input', 'input, select, textarea', function (e) {
e.preventDefault();
e.stopPropagation();
// This event handler detects whether after these input
// changes, any fields have different values from the current
// official values stored in the database and page_params. If
// they do, we transition to the "unsaved" state showing the
// save/discard widget; otherwise, we hide that widget (the
// "discarded" state).
if ($(e.target).hasClass("no-input-change-detection")) {
// This is to prevent input changes detection in elements
// within a subsection whose changes should not affect the
// visibility of the discard button
return false;
}
const subsection = $(e.target).closest('.org-subsection-parent');
save_discard_widget_status_handler(subsection);
});
$('.organization').on('click', '.subsection-header .subsection-changes-discard .button', function (e) {
e.preventDefault();
e.stopPropagation();
_.each(get_subsection_property_elements(e.target), discard_property_element_changes);
const save_btn_controls = $(e.target).closest('.save-button-controls');
exports.change_save_button_state(save_btn_controls, "discarded");
});
exports.save_organization_settings = function (data, save_button) {
const subsection_parent = save_button.closest('.org-subsection-parent');
const save_btn_container = subsection_parent.find('.save-button-controls');
const failed_alert_elem = subsection_parent.find('.subsection-failed-status p');
exports.change_save_button_state(save_btn_container, "saving");
channel.patch({
url: "/json/realm",
data: data,
success: function () {
failed_alert_elem.hide();
exports.change_save_button_state(save_btn_container, "succeeded");
},
error: function (xhr) {
exports.change_save_button_state(save_btn_container, "failed");
save_button.hide();
ui_report.error(i18n.t("Save failed"), xhr, failed_alert_elem);
},
});
};
exports.parse_time_limit = function parse_time_limit(elem) {
return Math.floor(parseFloat(elem.val(), 10).toFixed(1) * 60);
};
function get_complete_data_for_subsection(subsection) {
let data = {};
if (subsection === 'msg_editing') {
const edit_limit_setting_value = $("#id_realm_msg_edit_limit_setting").val();
if (edit_limit_setting_value === 'never') {
data.allow_message_editing = false;
} else if (edit_limit_setting_value === 'custom_limit') {
data.message_content_edit_limit_seconds = exports.parse_time_limit($('#id_realm_message_content_edit_limit_minutes'));
// Disable editing if the parsed time limit is 0 seconds
data.allow_message_editing = !!data.message_content_edit_limit_seconds;
} else {
data.allow_message_editing = true;
data.message_content_edit_limit_seconds =
exports.msg_edit_limit_dropdown_values[edit_limit_setting_value].seconds;
}
const delete_limit_setting_value = $("#id_realm_msg_delete_limit_setting").val();
if (delete_limit_setting_value === 'never') {
data.allow_message_deleting = false;
} else if (delete_limit_setting_value === 'custom_limit') {
data.message_content_delete_limit_seconds = exports.parse_time_limit($('#id_realm_message_content_delete_limit_minutes'));
// Disable deleting if the parsed time limit is 0 seconds
data.allow_message_deleting = !!data.message_content_delete_limit_seconds;
} else {
data.allow_message_deleting = true;
data.message_content_delete_limit_seconds =
exports.msg_delete_limit_dropdown_values[delete_limit_setting_value].seconds;
}
} else if (subsection === 'notifications') {
data.notifications_stream_id = JSON.stringify(
parseInt($('#id_realm_notifications_stream').data('stream-id'), 10));
data.signup_notifications_stream_id = JSON.stringify(
parseInt($('#id_realm_signup_notifications_stream').data('stream-id'), 10));
} else if (subsection === 'other_settings') {
let new_message_retention_days = $("#id_realm_message_retention_days").val();
if (parseInt(new_message_retention_days, 10).toString() !== new_message_retention_days
&& new_message_retention_days !== "") {
new_message_retention_days = "";
}
data.message_retention_days = new_message_retention_days !== "" ?
JSON.stringify(parseInt(new_message_retention_days, 10)) : null;
} else if (subsection === 'other_permissions') {
const waiting_period_threshold = $("#id_realm_waiting_period_setting").val();
const add_emoji_permission = $("#id_realm_add_emoji_by_admins_only").val();
if (add_emoji_permission === "by_admins_only") {
data.add_emoji_by_admins_only = true;
} else if (add_emoji_permission === "by_anyone") {
data.add_emoji_by_admins_only = false;
}
if (waiting_period_threshold === "none") {
data.waiting_period_threshold = 0;
} else if (waiting_period_threshold === "three_days") {
data.waiting_period_threshold = 3;
} else if (waiting_period_threshold === "custom_days") {
data.waiting_period_threshold = $("#id_realm_waiting_period_threshold").val();
}
} else if (subsection === 'org_join') {
const org_join_restrictions = $('#id_realm_org_join_restrictions').val();
if (org_join_restrictions === "only_selected_domain") {
data.emails_restricted_to_domains = true;
data.disallow_disposable_email_addresses = false;
} else if (org_join_restrictions === "no_disposable_email") {
data.emails_restricted_to_domains = false;
data.disallow_disposable_email_addresses = true;
} else if (org_join_restrictions === "no_restriction") {
data.disallow_disposable_email_addresses = false;
data.emails_restricted_to_domains = false;
}
const user_invite_restriction = $('#id_realm_user_invite_restriction').val();
if (user_invite_restriction === 'no_invite_required') {
data.invite_required = false;
data.invite_by_admins_only = false;
} else if (user_invite_restriction === 'by_admins_only') {
data.invite_required = true;
data.invite_by_admins_only = true;
} else {
data.invite_required = true;
data.invite_by_admins_only = false;
}
} else if (subsection === 'auth_settings') {
data = {};
data.authentication_methods = JSON.stringify(get_auth_method_table_data());
} else if (subsection === 'user_defaults') {
const realm_default_twenty_four_hour_time = $('#id_realm_default_twenty_four_hour_time').val();
data.default_twenty_four_hour_time = realm_default_twenty_four_hour_time;
}
return data;
}
function populate_data_for_request(subsection) {
const data = {};
const properties_elements = get_subsection_property_elements(subsection);
_.each(properties_elements, function (input_elem) {
input_elem = $(input_elem);
if (check_property_changed(input_elem)) {
const input_type = input_elem.data("setting-widget-type");
if (input_type) {
const property_name = input_elem.attr('id').replace("id_realm_", "");
if (input_type === 'bool') {
data[property_name] = JSON.stringify(input_elem.prop('checked'));
return;
}
if (input_type === 'text') {
data[property_name] = JSON.stringify(input_elem.val().trim());
return;
}
if (input_type === 'integer') {
data[property_name] = JSON.stringify(parseInt(input_elem.val().trim(), 10));
}
}
}
});
return data;
}
$(".organization").on("click", ".subsection-header .subsection-changes-save .button", function (e) {
e.preventDefault();
e.stopPropagation();
const save_button = $(e.currentTarget);
const subsection_id = save_button.attr('id').replace("org-submit-", "");
const subsection = subsection_id.split('-').join('_');
const subsection_elem = save_button.closest('.org-subsection-parent');
let data = populate_data_for_request(subsection_elem);
data = _.extend(data, get_complete_data_for_subsection(subsection));
exports.save_organization_settings(data, save_button);
});
$(".org-subsection-parent").on("keydown", "input", function (e) {
e.stopPropagation();
if (e.keyCode === 13) {
e.preventDefault();
$(e.target).closest('.org-subsection-parent').find('.subsection-changes-save button').click();
}
});
$("#id_realm_msg_edit_limit_setting").change(function (e) {
const msg_edit_limit_dropdown_value = e.target.value;
const node = $("#id_realm_message_content_edit_limit_minutes").parent();
if (msg_edit_limit_dropdown_value === 'custom_limit') {
node.show();
} else {
node.hide();
}
});
$("#id_realm_msg_delete_limit_setting").change(function (e) {
const msg_delete_limit_dropdown_value = e.target.value;
const node = $("#id_realm_message_content_delete_limit_minutes").parent();
if (msg_delete_limit_dropdown_value === 'custom_limit') {
node.show();
} else {
node.hide();
}
});
$("#id_realm_waiting_period_setting").change(function () {
const waiting_period_threshold = this.value;
const node = $("#id_realm_waiting_period_threshold").parent();
if (waiting_period_threshold === 'custom_days') {
node.show();
} else {
node.hide();
}
});
$("#id_realm_video_chat_provider").change(function (e) {
const available_providers = page_params.realm_available_video_chat_providers;
const video_chat_provider_id = parseInt(e.target.value, 10);
if (video_chat_provider_id === available_providers.google_hangouts.id) {
$("#google_hangouts_domain").show();
$(".zoom_credentials").hide();
} else if (video_chat_provider_id === available_providers.zoom.id) {
$("#google_hangouts_domain").hide();
$(".zoom_credentials").show();
} else {
$("#google_hangouts_domain").hide();
$(".zoom_credentials").hide();
}
});
$("#id_realm_org_join_restrictions").change(function (e) {
const org_join_restrictions = e.target.value;
const node = $("#allowed_domains_label").parent();
if (org_join_restrictions === 'only_selected_domain') {
node.show();
if (_.isEmpty(page_params.realm_domains)) {
overlays.open_modal('realm_domains_modal');
}
} else {
node.hide();
}
});
$("#id_realm_org_join_restrictions").click(function (e) {
// This prevents the disappearance of modal when there are
// no allowed domains otherwise it gets closed due to
// the click event handler attached to `#settings_overlay_container`
e.stopPropagation();
});
function fade_status_element(elem) {
setTimeout(function () {
elem.fadeOut(500);
}, 1000);
}
$("#realm_domains_table").on("click", ".delete_realm_domain", function () {
const domain = $(this).parents("tr").find(".domain").text();
const url = "/json/realm/domains/" + domain;
const realm_domains_info = $(".realm_domains_info");
channel.del({
url: url,
success: function () {
ui_report.success(i18n.t("Deleted successfully!"), realm_domains_info);
fade_status_element(realm_domains_info);
},
error: function (xhr) {
ui_report.error(i18n.t("Failed"), xhr, realm_domains_info);
fade_status_element(realm_domains_info);
},
});
});
$("#submit-add-realm-domain").click(function () {
const realm_domains_info = $(".realm_domains_info");
const widget = $("#add-realm-domain-widget");
const domain = widget.find(".new-realm-domain").val();
const allow_subdomains = widget.find(".new-realm-domain-allow-subdomains").prop("checked");
const data = {
domain: JSON.stringify(domain),
allow_subdomains: JSON.stringify(allow_subdomains),
};
channel.post({
url: "/json/realm/domains",
data: data,
success: function () {
$("#add-realm-domain-widget .new-realm-domain").val("");
$("#add-realm-domain-widget .new-realm-domain-allow-subdomains").prop("checked", false);
ui_report.success(i18n.t("Added successfully!"), realm_domains_info);
fade_status_element(realm_domains_info);
},
error: function (xhr) {
ui_report.error(i18n.t("Failed"), xhr, realm_domains_info);
fade_status_element(realm_domains_info);
},
});
});
$("#realm_domains_table").on("change", ".allow-subdomains", function (e) {
e.stopPropagation();
const realm_domains_info = $(".realm_domains_info");
const domain = $(this).parents("tr").find(".domain").text();
const allow_subdomains = $(this).prop('checked');
const url = '/json/realm/domains/' + domain;
const data = {
allow_subdomains: JSON.stringify(allow_subdomains),
};
channel.patch({
url: url,
data: data,
success: function () {
if (allow_subdomains) {
ui_report.success(i18n.t("Update successful: Subdomains allowed for __domain__",
{domain: domain}), realm_domains_info);
} else {
ui_report.success(i18n.t("Update successful: Subdomains no longer allowed for __domain__",
{domain: domain}), realm_domains_info);
}
fade_status_element(realm_domains_info);
},
error: function (xhr) {
ui_report.error(i18n.t("Failed"), xhr, realm_domains_info);
fade_status_element(realm_domains_info);
},
});
});
function notification_stream_update(stream_id, notification_type) {
exports.render_notifications_stream_ui(stream_id, notification_type);
save_discard_widget_status_handler($('#org-notifications'));
}
$(".notifications-stream-setting .dropdown-list-body").on("click keypress", ".stream_name", function (e) {
const notifications_stream_setting_elem = $(this).closest(".notifications-stream-setting");
if (e.type === "keypress") {
if (e.which === 13) {
notifications_stream_setting_elem.find(".dropdown-menu").dropdown("toggle");
} else {
return;
}
}
const stream_id = parseInt($(this).attr('data-stream-id'), 10);
notification_stream_update(stream_id, notifications_stream_setting_elem.data("notifications-type"));
});
$(".notification-disable").click(function (e) {
notification_stream_update(-1, e.target.id.replace("_stream_disable", ""));
});
function upload_realm_icon(file_input) {
const form_data = new FormData();
form_data.append('csrfmiddlewaretoken', csrf_token);
jQuery.each(file_input[0].files, function (i, file) {
form_data.append('file-' + i, file);
});
const error_field = $("#realm_icon_file_input_error");
error_field.hide();
const spinner = $("#upload_icon_spinner").expectOne();
loading.make_indicator(spinner, {text: i18n.t("Uploading profile picture.")});
$("#upload_icon_button_text").expectOne().hide();
channel.post({
url: '/json/realm/icon',
data: form_data,
cache: false,
processData: false,
contentType: false,
success: function () {
loading.destroy_indicator($("#upload_icon_spinner"));
$("#upload_icon_button_text").expectOne().show();
},
error: function (xhr) {
loading.destroy_indicator($("#upload_icon_spinner"));
$("#upload_icon_button_text").expectOne().show();
ui_report.error("", xhr, error_field);
},
});
}
realm_icon.build_realm_icon_widget(upload_realm_icon);
function upload_realm_logo(file_input, night) {
const form_data = new FormData();
let spinner;
let error_field;
let button_text;
form_data.append('csrfmiddlewaretoken', csrf_token);
jQuery.each(file_input[0].files, function (i, file) {
form_data.append('file-' + i, file);
});
if (night) {
error_field = $("#night-logo-section .realm-logo-file-input-error");
spinner = $("#night-logo-section .upload-logo-spinner");
button_text = $("#night-logo-section .upload-logo-button-text");
} else {
error_field = $("#day-logo-section .realm-logo-file-input-error");
spinner = $("#day-logo-section .upload-logo-spinner");
button_text = $("#day-logo-section .upload-logo-button-text");
}
spinner.expectOne();
error_field.hide();
button_text.expectOne().hide();
loading.make_indicator(spinner, {text: i18n.t("Uploading logo.")});
form_data.append('night', JSON.stringify(night));
channel.post({
url: '/json/realm/logo',
data: form_data,
cache: false,
processData: false,
contentType: false,
success: function () {
loading.destroy_indicator(spinner);
button_text.expectOne().show();
},
error: function (xhr) {
loading.destroy_indicator(spinner);
button_text.expectOne().show();
ui_report.error("", xhr, error_field);
},
});
}
if (page_params.plan_includes_wide_organization_logo) {
realm_logo.build_realm_logo_widget(upload_realm_logo, false);
realm_logo.build_realm_logo_widget(upload_realm_logo, true);
}
$('#deactivate_realm_button').on('click', function (e) {
if (!overlays.is_modal_open()) {
e.preventDefault();
e.stopPropagation();
overlays.open_modal('deactivate-realm-modal');
}
});
$('#do_deactivate_realm_button').on('click', function () {
if (overlays.is_modal_open()) {
overlays.close_modal('deactivate-realm-modal');
}
channel.post({
url: '/json/realm/deactivate',
error: function (xhr) {
ui_report.error(
i18n.t("Failed"), xhr, $('#admin-realm-deactivation-status').expectOne()
);
},
});
});
};
window.settings_org = exports;