discourse/app/assets/javascripts/admin/addon/controllers/admin-api-keys-show.js

import { action } from "@ember/object";
import { empty } from "@ember/object/computed";
import Controller from "@ember/controller";
import { bufferedProperty } from "discourse/mixins/buffered-content";
import { isEmpty } from "@ember/utils";
import { popupAjaxError } from "discourse/lib/ajax-error";
import showModal from "discourse/lib/show-modal";

export default class AdminApiKeysShowController extends Controller.extend(
  bufferedProperty("model")
) {
  @empty("model.id") isNew;

  @action
  saveDescription() {
    const buffered = this.buffered;
    const attrs = buffered.getProperties("description");

    this.model
      .save(attrs)
      .then(() => {
        this.set("editingDescription", false);
        this.rollbackBuffer();
      })
      .catch(popupAjaxError);
  }

  @action
  cancel() {
    const id = this.get("userField.id");
    if (isEmpty(id)) {
      this.destroyAction(this.userField);
    } else {
      this.rollbackBuffer();
      this.set("editing", false);
    }
  }

  @action
  editDescription() {
    this.toggleProperty("editingDescription");
    if (!this.editingDescription) {
      this.rollbackBuffer();
    }
  }

  @action
  revokeKey(key) {
    key.revoke().catch(popupAjaxError);
  }

  @action
  deleteKey(key) {
    key
      .destroyRecord()
      .then(() => this.transitionToRoute("adminApiKeys.index"))
      .catch(popupAjaxError);
  }

  @action
  undoRevokeKey(key) {
    key.undoRevoke().catch(popupAjaxError);
  }

  @action
  showURLs(urls) {
    return showModal("admin-api-key-urls", {
      admin: true,
      model: {
        urls,
      },
    });
  }
}