discourse/app/assets/javascripts/admin/addon/controllers/admin-user-index.js

import Controller from "@ember/controller";
import { action } from "@ember/object";
import { and, notEmpty } from "@ember/object/computed";
import { service } from "@ember/service";
import { htmlSafe } from "@ember/template";
import { ajax } from "discourse/lib/ajax";
import { popupAjaxError } from "discourse/lib/ajax-error";
import { fmt, propertyNotEqual, setting } from "discourse/lib/computed";
import DiscourseURL, { userPath } from "discourse/lib/url";
import CanCheckEmails from "discourse/mixins/can-check-emails";
import getURL from "discourse-common/lib/get-url";
import discourseComputed from "discourse-common/utils/decorators";
import I18n from "discourse-i18n";
import AdminUser from "admin/models/admin-user";
import DeletePostsConfirmationModal from "../components/modal/delete-posts-confirmation";
import DeleteUserPostsProgressModal from "../components/modal/delete-user-posts-progress";
import MergeUsersConfirmationModal from "../components/modal/merge-users-confirmation";
import MergeUsersProgressModal from "../components/modal/merge-users-progress";
import MergeUsersPromptModal from "../components/modal/merge-users-prompt";

export default class AdminUserIndexController extends Controller.extend(
  CanCheckEmails
) {
  @service router;
  @service dialog;
  @service adminTools;
  @service modal;

  originalPrimaryGroupId = null;
  customGroupIdsBuffer = null;
  availableGroups = null;
  userTitleValue = null;
  ssoExternalEmail = null;
  ssoLastPayload = null;

  @setting("enable_badges") showBadges;
  @notEmpty("model.manual_locked_trust_level") hasLockedTrustLevel;

  @propertyNotEqual("originalPrimaryGroupId", "model.primary_group_id")
  primaryGroupDirty;

  @and("model.second_factor_enabled", "model.can_disable_second_factor")
  canDisableSecondFactor;

  @fmt("model.username_lower", userPath("%@/preferences")) preferencesPath;

  @discourseComputed("model.customGroups")
  customGroupIds(customGroups) {
    return customGroups.mapBy("id");
  }

  @discourseComputed("customGroupIdsBuffer", "customGroupIds")
  customGroupsDirty(buffer, original) {
    if (buffer === null) {
      return false;
    }

    return buffer.length === original.length
      ? buffer.any((id) => !original.includes(id))
      : true;
  }

  @discourseComputed("model.automaticGroups")
  automaticGroups(automaticGroups) {
    return automaticGroups
      .map((group) => {
        const name = htmlSafe(group.name);
        return `<a href="/g/${name}">${name}</a>`;
      })
      .join(", ");
  }

  @discourseComputed("model.associated_accounts")
  associatedAccountsLoaded(associatedAccounts) {
    return typeof associatedAccounts !== "undefined";
  }

  @discourseComputed("model.associated_accounts")
  associatedAccounts(associatedAccounts) {
    return associatedAccounts
      ?.map((provider) => `${provider.name} (${provider.description})`)
      ?.join(", ");
  }

  @discourseComputed("model.user_fields.[]")
  userFields(userFields) {
    return this.site.collectUserFields(userFields);
  }

  @discourseComputed(
    "model.can_delete_all_posts",
    "model.staff",
    "model.post_count"
  )
  deleteAllPostsExplanation(canDeleteAllPosts, staff, postCount) {
    if (canDeleteAllPosts) {
      return null;
    }

    if (staff) {
      return I18n.t("admin.user.delete_posts_forbidden_because_staff");
    }
    if (postCount > this.siteSettings.delete_all_posts_max) {
      return I18n.t("admin.user.cant_delete_all_too_many_posts", {
        count: this.siteSettings.delete_all_posts_max,
      });
    } else {
      return I18n.t("admin.user.cant_delete_all_posts", {
        count: this.siteSettings.delete_user_max_post_age,
      });
    }
  }

  @discourseComputed("model.canBeDeleted", "model.staff")
  deleteExplanation(canBeDeleted, staff) {
    if (canBeDeleted) {
      return null;
    }

    if (staff) {
      return I18n.t("admin.user.delete_forbidden_because_staff");
    } else {
      return I18n.t("admin.user.delete_forbidden", {
        count: this.siteSettings.delete_user_max_post_age,
      });
    }
  }

  @discourseComputed("model.username")
  postEditsByEditorFilter(username) {
    return { editor: username };
  }

  groupAdded(added) {
    this.model
      .groupAdded(added)
      .catch(() => this.dialog.alert(I18n.t("generic_error")));
  }

  groupRemoved(groupId) {
    this.model
      .groupRemoved(groupId)
      .then(() => {
        if (groupId === this.originalPrimaryGroupId) {
          this.set("originalPrimaryGroupId", null);
        }
      })
      .catch(() => this.dialog.alert(I18n.t("generic_error")));
  }

  @discourseComputed("ssoLastPayload")
  ssoPayload(lastPayload) {
    return lastPayload.split("&");
  }

  @action
  impersonate() {
    return this.model
      .impersonate()
      .then(() => DiscourseURL.redirectTo("/"))
      .catch((e) => {
        if (e.status === 404) {
          this.dialog.alert(I18n.t("admin.impersonate.not_found"));
        } else {
          this.dialog.alert(I18n.t("admin.impersonate.invalid"));
        }
      });
  }

  @action
  logOut() {
    return this.model
      .logOut()
      .then(() => this.dialog.alert(I18n.t("admin.user.logged_out")));
  }

  @action
  resetBounceScore() {
    return this.model.resetBounceScore();
  }

  @action
  approve() {
    return this.model.approve(this.currentUser);
  }

  @action
  _formatError(event) {
    return `http: ${event.status} - ${event.body}`;
  }

  @action
  deactivate() {
    return this.model
      .deactivate()
      .then(() =>
        this.model.setProperties({ active: false, can_activate: true })
      )
      .catch((e) => {
        const error = I18n.t("admin.user.deactivate_failed", {
          error: this._formatError(e),
        });
        this.dialog.alert(error);
      });
  }

  @action
  sendActivationEmail() {
    return this.model
      .sendActivationEmail()
      .then(() => this.dialog.alert(I18n.t("admin.user.activation_email_sent")))
      .catch(popupAjaxError);
  }

  @action
  activate() {
    return this.model
      .activate()
      .then(() =>
        this.model.setProperties({
          active: true,
          can_deactivate: !this.model.staff,
        })
      )
      .catch((e) => {
        const error = I18n.t("admin.user.activate_failed", {
          error: this._formatError(e),
        });
        this.dialog.alert(error);
      });
  }

  @action
  revokeAdmin() {
    return this.model.revokeAdmin();
  }

  @action
  grantAdmin() {
    return this.model
      .grantAdmin()
      .then((result) => {
        if (result.email_confirmation_required) {
          this.dialog.alert(I18n.t("admin.user.grant_admin_confirm"));
        }
      })
      .catch((error) => {
        const nonce = error.jqXHR?.responseJSON.second_factor_challenge_nonce;
        if (nonce) {
          this.router.transitionTo("second-factor-auth", {
            queryParams: { nonce },
          });
        } else {
          popupAjaxError(error);
        }
      });
  }

  @action
  revokeModeration() {
    return this.model.revokeModeration();
  }

  @action
  grantModeration() {
    return this.model.grantModeration();
  }

  @action
  saveTrustLevel() {
    return this.model
      .saveTrustLevel()
      .then(() => window.location.reload())
      .catch((e) => {
        let error;
        if (e.jqXHR.responseJSON && e.jqXHR.responseJSON.errors) {
          error = e.jqXHR.responseJSON.errors[0];
        }
        error =
          error ||
          I18n.t("admin.user.trust_level_change_failed", {
            error: this._formatError(e),
          });
        this.dialog.alert(error);
      });
  }

  @action
  restoreTrustLevel() {
    return this.model.restoreTrustLevel();
  }

  @action
  lockTrustLevel(locked) {
    return this.model
      .lockTrustLevel(locked)
      .then(() => window.location.reload())
      .catch((e) => {
        let error;
        if (e.jqXHR.responseJSON && e.jqXHR.responseJSON.errors) {
          error = e.jqXHR.responseJSON.errors[0];
        }
        error =
          error ||
          I18n.t("admin.user.trust_level_change_failed", {
            error: this._formatError(e),
          });
        this.dialog.alert(error);
      });
  }

  @action
  unsilence() {
    return this.model.unsilence();
  }

  @action
  silence() {
    return this.model.silence();
  }

  @action
  deleteAssociatedAccounts() {
    this.dialog.yesNoConfirm({
      message: I18n.t("admin.user.delete_associated_accounts_confirm"),
      didConfirm: () => {
        this.model.deleteAssociatedAccounts().catch(popupAjaxError);
      },
    });
  }

  @action
  anonymize() {
    const user = this.model;

    const performAnonymize = () => {
      this.model
        .anonymize()
        .then((data) => {
          if (data.success) {
            if (data.username) {
              document.location = getURL(
                `/admin/users/${user.get("id")}/${data.username}`
              );
            } else {
              document.location = getURL("/admin/users/list/active");
            }
          } else {
            this.dialog.alert(I18n.t("admin.user.anonymize_failed"));
            if (data.user) {
              user.setProperties(data.user);
            }
          }
        })
        .catch(() => this.dialog.alert(I18n.t("admin.user.anonymize_failed")));
    };

    this.dialog.alert({
      message: I18n.t("admin.user.anonymize_confirm"),
      class: "delete-user-modal",
      buttons: [
        {
          icon: "triangle-exclamation",
          label: I18n.t("admin.user.anonymize_yes"),
          class: "btn-danger",
          action: () => performAnonymize(),
        },
        {
          label: I18n.t("composer.cancel"),
        },
      ],
    });
  }

  @action
  disableSecondFactor() {
    return this.model.disableSecondFactor();
  }

  @action
  clearPenaltyHistory() {
    const user = this.model;
    const path = `/admin/users/${user.get("id")}/penalty_history`;

    return ajax(path, { type: "DELETE" })
      .then(() => user.set("tl3_requirements.penalty_counts.total", 0))
      .catch(popupAjaxError);
  }

  @action
  destroyUser() {
    const postCount = this.get("model.post_count");
    const maxPostCount = this.siteSettings.delete_all_posts_max;
    const location = document.location.pathname;

    const performDestroy = (block) => {
      this.dialog.notice(I18n.t("admin.user.deleting_user"));
      let formData = { context: location };
      if (block) {
        formData["block_email"] = true;
        formData["block_urls"] = true;
        formData["block_ip"] = true;
      }
      if (postCount <= maxPostCount) {
        formData["delete_posts"] = true;
      }
      this.model
        .destroy(formData)
        .then((data) => {
          if (data.deleted) {
            if (/^\/admin\/users\/list\//.test(location)) {
              document.location = location;
            } else {
              document.location = getURL("/admin/users/list/active");
            }
          } else {
            this.dialog.alert(I18n.t("admin.user.delete_failed"));
          }
        })
        .catch(() => {
          this.dialog.alert(I18n.t("admin.user.delete_failed"));
        });
    };

    this.dialog.alert({
      title: I18n.t("admin.user.delete_confirm_title"),
      message: I18n.t("admin.user.delete_confirm"),
      class: "delete-user-modal",
      buttons: [
        {
          label: I18n.t("admin.user.delete_dont_block"),
          class: "btn-primary",
          action: () => {
            return performDestroy(false);
          },
        },
        {
          icon: "triangle-exclamation",
          label: I18n.t("admin.user.delete_and_block"),
          class: "btn-danger",
          action: () => {
            return performDestroy(true);
          },
        },
        {
          label: I18n.t("composer.cancel"),
        },
      ],
    });
  }

  @action
  promptTargetUser() {
    this.modal.show(MergeUsersPromptModal, {
      model: {
        user: this.model,
        showMergeConfirmation: this.showMergeConfirmation,
      },
    });
  }

  @action
  showMergeConfirmation(targetUsername) {
    this.modal.show(MergeUsersConfirmationModal, {
      model: {
        username: this.model.username,
        targetUsername,
        merge: this.merge,
      },
    });
  }

  @action
  merge(targetUsername) {
    const user = this.model;
    const location = document.location.pathname;

    let formData = { context: location };

    if (targetUsername) {
      formData["target_username"] = targetUsername;
    }

    this.model
      .merge(formData)
      .then((response) => {
        if (response.success) {
          this.modal.show(MergeUsersProgressModal);
        } else {
          this.dialog.alert(I18n.t("admin.user.merge_failed"));
        }
      })
      .catch(() => {
        AdminUser.find(user.id).then((u) => user.setProperties(u));
        this.dialog.alert(I18n.t("admin.user.merge_failed"));
      });
  }

  @action
  viewActionLogs() {
    this.adminTools.showActionLogs(this, {
      target_user: this.get("model.username"),
    });
  }

  @action
  showSuspendModal() {
    this.adminTools.showSuspendModal(this.model);
  }

  @action
  unsuspend() {
    this.model.unsuspend().catch(popupAjaxError);
  }

  @action
  showSilenceModal() {
    this.adminTools.showSilenceModal(this.model);
  }

  @action
  saveUsername(newUsername) {
    const oldUsername = this.get("model.username");
    this.set("model.username", newUsername);

    const path = `/users/${oldUsername.toLowerCase()}/preferences/username`;

    return ajax(path, { data: { new_username: newUsername }, type: "PUT" })
      .catch((e) => {
        this.set("model.username", oldUsername);
        popupAjaxError(e);
      })
      .finally(() => this.toggleProperty("editingUsername"));
  }

  @action
  saveName(newName) {
    const oldName = this.get("model.name");
    this.set("model.name", newName);

    const path = userPath(`${this.get("model.username").toLowerCase()}.json`);

    return ajax(path, { data: { name: newName }, type: "PUT" })
      .catch((e) => {
        this.set("model.name", oldName);
        popupAjaxError(e);
      })
      .finally(() => this.toggleProperty("editingName"));
  }

  @action
  saveTitle(newTitle) {
    const oldTitle = this.get("model.title");
    this.set("model.title", newTitle);

    const path = userPath(`${this.get("model.username").toLowerCase()}.json`);

    return ajax(path, { data: { title: newTitle }, type: "PUT" })
      .catch((e) => {
        this.set("model.title", oldTitle);
        popupAjaxError(e);
      })
      .finally(() => this.toggleProperty("editingTitle"));
  }

  @action
  saveCustomGroups() {
    const currentIds = this.customGroupIds;
    const bufferedIds = this.customGroupIdsBuffer;
    const availableGroups = this.availableGroups;

    bufferedIds
      .filter((id) => !currentIds.includes(id))
      .forEach((id) => this.groupAdded(availableGroups.findBy("id", id)));

    currentIds
      .filter((id) => !bufferedIds.includes(id))
      .forEach((id) => this.groupRemoved(id));
  }

  @action
  resetCustomGroups() {
    this.set("customGroupIdsBuffer", this.model.customGroups.mapBy("id"));
  }

  @action
  savePrimaryGroup() {
    const primaryGroupId = this.get("model.primary_group_id");
    const path = `/admin/users/${this.get("model.id")}/primary_group`;

    return ajax(path, {
      type: "PUT",
      data: { primary_group_id: primaryGroupId },
    })
      .then(() => this.set("originalPrimaryGroupId", primaryGroupId))
      .catch(() => this.dialog.alert(I18n.t("generic_error")));
  }

  @action
  resetPrimaryGroup() {
    this.set("model.primary_group_id", this.originalPrimaryGroupId);
  }

  @action
  deleteSSORecord() {
    return this.dialog.yesNoConfirm({
      message: I18n.t("admin.user.discourse_connect.confirm_delete"),
      didConfirm: () => this.model.deleteSSORecord(),
    });
  }

  @action
  checkSsoEmail() {
    return ajax(userPath(`${this.model.username_lower}/sso-email.json`), {
      data: { context: window.location.pathname },
    }).then((result) => {
      if (result) {
        this.set("ssoExternalEmail", result.email);
      }
    });
  }

  @action
  checkSsoPayload() {
    return ajax(userPath(`${this.model.username_lower}/sso-payload.json`), {
      data: { context: window.location.pathname },
    }).then((result) => {
      if (result) {
        this.set("ssoLastPayload", result.payload);
      }
    });
  }

  @action
  showDeletePostsConfirmation() {
    this.modal.show(DeletePostsConfirmationModal, {
      model: { user: this.model, deleteAllPosts: this.deleteAllPosts },
    });
  }

  @action
  updateUserPostCount(count) {
    this.model.set("post_count", count);
  }

  @action
  deleteAllPosts() {
    this.modal.show(DeleteUserPostsProgressModal, {
      model: {
        user: this.model,
        updateUserPostCount: this.updateUserPostCount,
      },
    });
  }
}