zulip/web/src/settings_realm_user_setting...

95 lines
3.4 KiB
JavaScript

import $ from "jquery";
import * as audible_notifications from "./audible_notifications";
import * as overlays from "./overlays";
import {realm_user_settings_defaults} from "./realm_user_settings_defaults";
import * as settings_components from "./settings_components";
import * as settings_notifications from "./settings_notifications";
import * as settings_org from "./settings_org";
import * as settings_preferences from "./settings_preferences";
import {current_user} from "./state_data";
export const realm_default_settings_panel = {};
export function maybe_disable_widgets() {
if (!current_user.is_admin) {
$(".organization-box [data-name='organization-level-user-defaults']")
.find("input, select")
.prop("disabled", true);
$(".organization-box [data-name='organization-level-user-defaults']")
.find(".play_notification_sound")
.addClass("control-label-disabled");
}
}
export function update_page(property) {
if (!overlays.settings_open()) {
return;
}
const $container = $(realm_default_settings_panel.container);
let value = realm_user_settings_defaults[property];
// settings_org.set_input_element_value doesn't support radio
// button widgets like these.
if (property === "emojiset" || property === "user_list_style") {
$container.find(`input[value=${CSS.escape(value)}]`).prop("checked", true);
return;
}
if (property === "email_notifications_batching_period_seconds") {
settings_notifications.set_notification_batching_ui($container, value);
return;
}
// The twenty_four_hour_time setting is represented as a boolean
// in the API, but a dropdown with "true"/"false" as strings in
// the UI, so we need to convert its format here.
if (property === "twenty_four_hour_time") {
value = value.toString();
}
const $input_elem = $container.find(`[name=${CSS.escape(property)}]`);
settings_components.set_input_element_value($input_elem, value);
}
export function set_up() {
const $container = $(realm_default_settings_panel.container);
const $notification_sound_elem = $("audio#realm-default-notification-sound-audio");
const $notification_sound_dropdown = $container.find(".setting_notification_sound");
settings_preferences.set_up(realm_default_settings_panel);
audible_notifications.update_notification_sound_source(
$notification_sound_elem,
realm_default_settings_panel.settings_object,
);
$notification_sound_dropdown.on("change", () => {
const sound = $notification_sound_dropdown.val().toLowerCase();
audible_notifications.update_notification_sound_source($notification_sound_elem, {
notification_sound: sound,
});
});
settings_notifications.set_up(realm_default_settings_panel);
$("#realm_email_address_visibility").val(realm_user_settings_defaults.email_address_visibility);
settings_org.register_save_discard_widget_handlers(
$container,
"/json/realm/user_settings_defaults",
true,
);
maybe_disable_widgets();
}
export function initialize() {
realm_default_settings_panel.container = "#realm-user-default-settings";
realm_default_settings_panel.settings_object = realm_user_settings_defaults;
realm_default_settings_panel.notification_sound_elem =
"#realm-default-notification-sound-audio";
realm_default_settings_panel.for_realm_settings = true;
}