discourse/plugins/chat/assets/javascripts/discourse/components/chat-channel-settings-view.js

import Component from "@ember/component";
import { action, computed } from "@ember/object";
import { inject as service } from "@ember/service";
import showModal from "discourse/lib/show-modal";
import I18n from "I18n";
import { Promise } from "rsvp";
import { reads } from "@ember/object/computed";

const NOTIFICATION_LEVELS = [
  { name: I18n.t("chat.notification_levels.never"), value: "never" },
  { name: I18n.t("chat.notification_levels.mention"), value: "mention" },
  { name: I18n.t("chat.notification_levels.always"), value: "always" },
];

const MUTED_OPTIONS = [
  { name: I18n.t("chat.settings.muted_on"), value: true },
  { name: I18n.t("chat.settings.muted_off"), value: false },
];

const AUTO_ADD_USERS_OPTIONS = [
  { name: I18n.t("yes_value"), value: true },
  { name: I18n.t("no_value"), value: false },
];

const CHANNEL_WIDE_MENTIONS_OPTIONS = [
  { name: I18n.t("yes_value"), value: true },
  {
    name: I18n.t("no_value"),
    value: false,
  },
];

export default class ChatChannelSettingsView extends Component {
  @service chat;
  @service chatApi;
  @service chatGuardian;
  @service router;
  @service dialog;
  tagName = "";
  channel = null;

  notificationLevels = NOTIFICATION_LEVELS;
  mutedOptions = MUTED_OPTIONS;
  autoAddUsersOptions = AUTO_ADD_USERS_OPTIONS;
  channelWideMentionsOptions = CHANNEL_WIDE_MENTIONS_OPTIONS;
  isSavingNotificationSetting = false;
  savedDesktopNotificationLevel = false;
  savedMobileNotificationLevel = false;
  savedMuted = false;

  @reads("channel.isCategoryChannel") togglingChannelWideMentionsAvailable;

  @computed("channel.isCategoryChannel")
  get autoJoinAvailable() {
    return (
      this.siteSettings.max_chat_auto_joined_users > 0 &&
      this.channel.isCategoryChannel
    );
  }

  @computed("autoJoinAvailable", "togglingChannelWideMentionsAvailable")
  get adminSectionAvailable() {
    return (
      this.chatGuardian.canEditChatChannel() &&
      (this.autoJoinAvailable || this.togglingChannelWideMentionsAvailable)
    );
  }

  @computed(
    "siteSettings.chat_allow_archiving_channels",
    "channel.{isArchived,isReadOnly}"
  )
  get canArchiveChannel() {
    return (
      this.siteSettings.chat_allow_archiving_channels &&
      !this.channel.isArchived &&
      !this.channel.isReadOnly
    );
  }

  @action
  saveNotificationSettings(key, value) {
    if (this.channel[key] === value) {
      return;
    }

    const settings = {};
    settings[key] = value;
    return this.chatApi
      .updateCurrentUserChannelNotificationsSettings(this.channel.id, settings)
      .then((result) => {
        [
          "muted",
          "desktop_notification_level",
          "mobile_notification_level",
        ].forEach((property) => {
          if (
            result.membership[property] !==
            this.channel.currentUserMembership[property]
          ) {
            this.channel.currentUserMembership[property] =
              result.membership[property];
          }
        });
      });
  }

  @action
  onArchiveChannel() {
    const controller = showModal("chat-channel-archive-modal");
    controller.set("chatChannel", this.channel);
  }

  @action
  onDeleteChannel() {
    const controller = showModal("chat-channel-delete-modal");
    controller.set("chatChannel", this.channel);
  }

  @action
  onToggleChannelState() {
    const controller = showModal("chat-channel-toggle");
    controller.set("chatChannel", this.channel);
  }

  @action
  onToggleAutoJoinUsers() {
    if (!this.channel.auto_join_users) {
      this.onEnableAutoJoinUsers();
    } else {
      this.onDisableAutoJoinUsers();
    }
  }

  @action
  onToggleChannelWideMentions() {
    return this._updateChannelProperty(
      this.channel,
      "allow_channel_wide_mentions",
      !this.channel.allow_channel_wide_mentions
    );
  }

  onDisableAutoJoinUsers() {
    return this._updateChannelProperty(this.channel, "auto_join_users", false);
  }

  onEnableAutoJoinUsers() {
    this.dialog.confirm({
      message: I18n.t("chat.settings.auto_join_users_warning", {
        category: this.channel.chatable.name,
      }),
      didConfirm: () =>
        this._updateChannelProperty(this.channel, "auto_join_users", true),
    });
  }

  _updateChannelProperty(channel, property, value) {
    if (channel[property] === value) {
      return Promise.resolve();
    }

    const payload = {};
    payload[property] = value;
    return this.chatApi
      .updateChannel(channel.id, payload)
      .then((result) => {
        channel.set(property, result.channel[property]);
      })
      .catch((event) => {
        if (event.jqXHR?.responseJSON?.errors) {
          this.flash(event.jqXHR.responseJSON.errors.join("\n"), "error");
        }
      });
  }
}