DEV: Update admin routes to native class syntax (#20686)

app/assets/javascripts/admin/addon/routes/admin-api-index.js

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminApiIndexRoute extends Route {
   beforeModel() {
     this.transitionTo("adminApiKeys");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-api-keys-index.js

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminApiKeysIndexRoute extends Route {
   model() {
     return this.store.findAll("api-key");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-api-keys-new.js

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminApiKeysNewRoute extends Route {
   model() {
     return this.store.createRecord("api-key");
-  },
+  }
-});
+}

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

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminApiKeysShowRoute extends Route {
   model(params) {
     return this.store.find("api-key", params.api_key_id);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-api-keys.js

@@ -1,13 +1,14 @@
+import { action } from "@ember/object";
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminApiKeysRoute extends Route {
-  actions: {
+  @action
-    show(apiKey) {
+  show(apiKey) {
-      this.transitionTo("adminApiKeys.show", apiKey.id);
+    this.transitionTo("adminApiKeys.show", apiKey.id);
-    },
+  }
 
-    new() {
+  @action
-      this.transitionTo("adminApiKeys.new");
+  new() {
-    },
+    this.transitionTo("adminApiKeys.new");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-backups-index.js

@@ -2,20 +2,20 @@ import Backup from "admin/models/backup";
 import Route from "@ember/routing/route";
 import { bind } from "discourse-common/utils/decorators";
 
-export default Route.extend({
+export default class AdminBackupsIndexRoute extends Route {
   activate() {
     this.messageBus.subscribe("/admin/backups", this.onMessage);
-  },
+  }
 
   deactivate() {
     this.messageBus.unsubscribe("/admin/backups", this.onMessage);
-  },
+  }
 
   model() {
     return Backup.find().then((backups) =>
       backups.map((backup) => Backup.create(backup))
     );
-  },
+  }
 
   @bind
   onMessage(backups) {
@@ -23,5 +23,5 @@ export default Route.extend({
       "model",
       backups.map((backup) => Backup.create(backup))
     );
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-backups-logs.js

@@ -2,7 +2,7 @@ import EmberObject from "@ember/object";
 import PreloadStore from "discourse/lib/preload-store";
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminBackupsLogsRoute extends Route {
   // since the logs are pushed via the message bus
   // we only want to preload them (hence the beforeModel hook)
   beforeModel() {
@@ -20,9 +20,9 @@ export default Route.extend({
         logs.pushObjects(newLogs);
       }
     });
-  },
+  }
 
   setupController() {
     /* prevent default behavior */
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-backups.js

@@ -1,7 +1,8 @@
+import { inject as service } from "@ember/service";
 import Backup from "admin/models/backup";
 import BackupStatus from "admin/models/backup-status";
 import DiscourseRoute from "discourse/routes/discourse";
-import EmberObject from "@ember/object";
+import EmberObject, { action } from "@ember/object";
 import I18n from "I18n";
 import PreloadStore from "discourse/lib/preload-store";
 import User from "discourse/models/user";
@@ -9,21 +10,20 @@ import { ajax } from "discourse/lib/ajax";
 import { extractError } from "discourse/lib/ajax-error";
 import getURL from "discourse-common/lib/get-url";
 import showModal from "discourse/lib/show-modal";
-import { inject as service } from "@ember/service";
 import { bind } from "discourse-common/utils/decorators";
 
 const LOG_CHANNEL = "/admin/backups/logs";
 
-export default DiscourseRoute.extend({
+export default class AdminBackupsRoute extends DiscourseRoute {
-  dialog: service(),
+  @service dialog;
 
   activate() {
     this.messageBus.subscribe(LOG_CHANNEL, this.onMessage);
-  },
+  }
 
   deactivate() {
     this.messageBus.unsubscribe(LOG_CHANNEL, this.onMessage);
-  },
+  }
 
   model() {
     return PreloadStore.getAndRemove("operations_status", () =>
@@ -35,7 +35,7 @@ export default DiscourseRoute.extend({
         allowRestore: status.allow_restore,
       })
     );
-  },
+  }
 
   @bind
   onMessage(log) {
@@ -62,104 +62,111 @@ export default DiscourseRoute.extend({
         .get("logs")
         .pushObject(EmberObject.create(log));
     }
-  },
+  }
 
-  actions: {
+  @action
-    showStartBackupModal() {
+  showStartBackupModal() {
-      showModal("admin-start-backup", { admin: true });
+    showModal("admin-start-backup", { admin: true });
-    },
+  }
 
-    startBackup(withUploads) {
+  @action
-      this.transitionTo("admin.backups.logs");
+  startBackup(withUploads) {
-      Backup.start(withUploads).then((result) => {
+    this.transitionTo("admin.backups.logs");
-        if (!result.success) {
+    Backup.start(withUploads).then((result) => {
-          this.dialog.alert(result.message);
+      if (!result.success) {
-        }
+        this.dialog.alert(result.message);
-      });
+      }
-    },
+    });
+  }
 
-    destroyBackup(backup) {
+  @action
-      return this.dialog.yesNoConfirm({
+  destroyBackup(backup) {
-        message: I18n.t("admin.backups.operations.destroy.confirm"),
+    return this.dialog.yesNoConfirm({
-        didConfirm: () => {
+      message: I18n.t("admin.backups.operations.destroy.confirm"),
-          backup
+      didConfirm: () => {
-            .destroy()
+        backup
-            .then(() =>
+          .destroy()
-              this.controllerFor("adminBackupsIndex")
+          .then(() =>
-                .get("model")
+            this.controllerFor("adminBackupsIndex")
-                .removeObject(backup)
+              .get("model")
-            );
+              .removeObject(backup)
-        },
-      });
-    },
-
-    startRestore(backup) {
-      this.dialog.yesNoConfirm({
-        message: I18n.t("admin.backups.operations.restore.confirm"),
-        didConfirm: () => {
-          this.transitionTo("admin.backups.logs");
-          backup.restore();
-        },
-      });
-    },
-
-    cancelOperation() {
-      this.dialog.yesNoConfirm({
-        message: I18n.t("admin.backups.operations.cancel.confirm"),
-        didConfirm: () => {
-          Backup.cancel().then(() => {
-            this.controllerFor("adminBackups").set(
-              "model.isOperationRunning",
-              false
-            );
-          });
-        },
-      });
-    },
-
-    rollback() {
-      return this.dialog.yesNoConfirm({
-        message: I18n.t("admin.backups.operations.rollback.confirm"),
-        didConfirm: () => {
-          Backup.rollback().then((result) => {
-            if (!result.success) {
-              this.dialog.alert(result.message);
-            } else {
-              // redirect to homepage (session might be lost)
-              window.location = getURL("/");
-            }
-          });
-        },
-      });
-    },
-
-    uploadSuccess(filename) {
-      this.dialog.alert(I18n.t("admin.backups.upload.success", { filename }));
-    },
-
-    uploadError(filename, message) {
-      this.dialog.alert(
-        I18n.t("admin.backups.upload.error", { filename, message })
-      );
-    },
-
-    remoteUploadSuccess() {
-      Backup.find()
-        .then((backups) => backups.map((backup) => Backup.create(backup)))
-        .then((backups) => {
-          this.controllerFor("adminBackupsIndex").set(
-            "model",
-            backups.map((backup) => Backup.create(backup))
           );
-        })
+      },
-        .catch((error) => {
+    });
-          this.dialog.alert(
+  }
-            I18n.t("admin.backups.backup_storage_error", {
+
-              error_message: extractError(error),
+  @action
-            })
+  startRestore(backup) {
+    this.dialog.yesNoConfirm({
+      message: I18n.t("admin.backups.operations.restore.confirm"),
+      didConfirm: () => {
+        this.transitionTo("admin.backups.logs");
+        backup.restore();
+      },
+    });
+  }
+
+  @action
+  cancelOperation() {
+    this.dialog.yesNoConfirm({
+      message: I18n.t("admin.backups.operations.cancel.confirm"),
+      didConfirm: () => {
+        Backup.cancel().then(() => {
+          this.controllerFor("adminBackups").set(
+            "model.isOperationRunning",
+            false
           );
-          return [];
         });
-    },
+      },
-  },
+    });
-});
+  }
+
+  @action
+  rollback() {
+    return this.dialog.yesNoConfirm({
+      message: I18n.t("admin.backups.operations.rollback.confirm"),
+      didConfirm: () => {
+        Backup.rollback().then((result) => {
+          if (!result.success) {
+            this.dialog.alert(result.message);
+          } else {
+            // redirect to homepage (session might be lost)
+            window.location = getURL("/");
+          }
+        });
+      },
+    });
+  }
+
+  @action
+  uploadSuccess(filename) {
+    this.dialog.alert(I18n.t("admin.backups.upload.success", { filename }));
+  }
+
+  @action
+  uploadError(filename, message) {
+    this.dialog.alert(
+      I18n.t("admin.backups.upload.error", { filename, message })
+    );
+  }
+
+  @action
+  remoteUploadSuccess() {
+    Backup.find()
+      .then((backups) => backups.map((backup) => Backup.create(backup)))
+      .then((backups) => {
+        this.controllerFor("adminBackupsIndex").set(
+          "model",
+          backups.map((backup) => Backup.create(backup))
+        );
+      })
+      .catch((error) => {
+        this.dialog.alert(
+          I18n.t("admin.backups.backup_storage_error", {
+            error_message: extractError(error),
+          })
+        );
+        return [];
+      });
+  }
+}

app/assets/javascripts/admin/addon/routes/admin-customize-colors-show.js

@@ -1,17 +1,18 @@
 import Route from "@ember/routing/route";
-export default Route.extend({
+
+export default class AdminCustomizeColorsShowRoute extends Route {
   model(params) {
     const all = this.modelFor("adminCustomize.colors");
     const model = all.findBy("id", parseInt(params.scheme_id, 10));
     return model ? model : this.replaceWith("adminCustomize.colors.index");
-  },
+  }
 
   serialize(model) {
     return { scheme_id: model.get("id") };
-  },
+  }
 
   setupController(controller, model) {
     controller.set("model", model);
     controller.set("allColors", this.modelFor("adminCustomize.colors"));
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-colors.js

@@ -1,12 +1,12 @@
 import ColorScheme from "admin/models/color-scheme";
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminCustomizeColorsRoute extends Route {
   model() {
     return ColorScheme.findAll();
-  },
+  }
 
   setupController(controller, model) {
     controller.set("model", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-email-style-edit.js

@@ -1,15 +1,17 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
 import I18n from "I18n";
 import Route from "@ember/routing/route";
-import { inject as service } from "@ember/service";
 
-export default Route.extend({
+export default class AdminCustomizeEmailStyleEditRoute extends Route {
-  dialog: service(),
+  @service dialog;
+
   model(params) {
     return {
       model: this.modelFor("adminCustomizeEmailStyle"),
       fieldName: params.field_name,
     };
-  },
+  }
 
   setupController(controller, model) {
     controller.setProperties({
@@ -17,26 +19,25 @@ export default Route.extend({
       model: model.model,
     });
     this._shouldAlertUnsavedChanges = true;
-  },
+  }
 
-  actions: {
+  @action
-    willTransition(transition) {
+  willTransition(transition) {
-      if (
+    if (
-        this.get("controller.model.changed") &&
+      this.get("controller.model.changed") &&
-        this._shouldAlertUnsavedChanges &&
+      this._shouldAlertUnsavedChanges &&
-        transition.intent.name !== this.routeName
+      transition.intent.name !== this.routeName
-      ) {
+    ) {
-        transition.abort();
+      transition.abort();
-        this.dialog.confirm({
+      this.dialog.confirm({
-          message: I18n.t("admin.customize.theme.unsaved_changes_alert"),
+        message: I18n.t("admin.customize.theme.unsaved_changes_alert"),
-          confirmButtonLabel: "admin.customize.theme.discard",
+        confirmButtonLabel: "admin.customize.theme.discard",
-          cancelButtonLabel: "admin.customize.theme.stay",
+        cancelButtonLabel: "admin.customize.theme.stay",
-          didConfirm: () => {
+        didConfirm: () => {
-            this._shouldAlertUnsavedChanges = false;
+          this._shouldAlertUnsavedChanges = false;
-            transition.retry();
+          transition.retry();
-          },
+        },
-        });
+      });
-      }
+    }
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-customize-email-style-index.js

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminCustomizeEmailStyleIndexRoute extends Route {
   beforeModel() {
     this.replaceWith("adminCustomizeEmailStyle.edit", "html");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-email-style.js

@@ -1,7 +1,7 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminCustomizeEmailStyleRoute extends Route {
   model() {
     return this.store.find("email-style");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-email-templates-edit.js

@@ -1,18 +1,18 @@
 import Route from "@ember/routing/route";
 import { scrollTop } from "discourse/mixins/scroll-top";
 
-export default Route.extend({
+export default class AdminCustomizeEmailTemplatesEditRoute extends Route {
   model(params) {
     const all = this.modelFor("adminCustomizeEmailTemplates");
     return all.findBy("id", params.id);
-  },
+  }
 
   setupController(controller, emailTemplate) {
     controller.setProperties({ emailTemplate, saved: false });
     scrollTop();
-  },
+  }
 
   deactivate() {
     this.controller.set("emailTemplate", null);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-email-templates.js

@@ -1,14 +1,14 @@
 import Route from "@ember/routing/route";
 import { action } from "@ember/object";
 
-export default Route.extend({
+export default class AdminCustomizeEmailTemplatesRoute extends Route {
   model() {
     return this.store.findAll("email-template");
-  },
+  }
 
   setupController(controller, model) {
     controller.set("emailTemplates", model);
-  },
+  }
 
   @action
   didTransition() {
@@ -22,5 +22,5 @@ export default Route.extend({
         this.controller.get("sortedTemplates.firstObject")
       );
     }
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-form-templates-index.js

@@ -1,6 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { action } from "@ember/object";
 import FormTemplate from "admin/models/form-template";
+
 export default class AdminCustomizeFormTemplatesIndex extends DiscourseRoute {
   model() {
     return FormTemplate.findAll();

app/assets/javascripts/admin/addon/routes/admin-customize-index.js

@@ -1,10 +1,11 @@
 import Route from "@ember/routing/route";
-export default Route.extend({
+
+export default class AdminCustomizeIndexRoute extends Route {
   beforeModel() {
     if (this.currentUser.admin) {
       this.transitionTo("adminCustomizeThemes");
     } else {
       this.transitionTo("adminWatchedWords");
     }
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-robots-txt.js

@@ -1,8 +1,8 @@
 import Route from "@ember/routing/route";
 import { ajax } from "discourse/lib/ajax";
 
-export default Route.extend({
+export default class AdminCustomizeRobotsTxtRoute extends Route {
   model() {
     return ajax("/admin/customize/robots");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-themes-edit.js

@@ -1,9 +1,10 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
 import I18n from "I18n";
 import Route from "@ember/routing/route";
-import { inject as service } from "@ember/service";
 
-export default Route.extend({
+export default class AdminCustomizeThemesEditRoute extends Route {
-  dialog: service(),
+  @service dialog;
 
   model(params) {
     const all = this.modelFor("adminCustomizeThemes");
@@ -15,7 +16,7 @@ export default Route.extend({
           field_name: params.field_name,
         }
       : this.replaceWith("adminCustomizeThemes.index");
-  },
+  }
 
   serialize(wrapper) {
     return {
@@ -24,7 +25,7 @@ export default Route.extend({
       field_name: wrapper.field_name || "scss",
       theme_id: wrapper.model.get("id"),
     };
-  },
+  }
 
   setupController(controller, wrapper) {
     const fields = wrapper.model
@@ -48,27 +49,26 @@ export default Route.extend({
     controller.set("fieldName", wrapper.field_name || "scss");
     this.controllerFor("adminCustomizeThemes").set("editingTheme", true);
     this.set("shouldAlertUnsavedChanges", true);
-  },
+  }
 
-  actions: {
+  @action
-    willTransition(transition) {
+  willTransition(transition) {
-      if (
+    if (
-        this.get("controller.model.changed") &&
+      this.get("controller.model.changed") &&
-        this.shouldAlertUnsavedChanges &&
+      this.shouldAlertUnsavedChanges &&
-        transition.intent.name !== this.routeName
+      transition.intent.name !== this.routeName
-      ) {
+    ) {
-        transition.abort();
+      transition.abort();
 
-        this.dialog.confirm({
+      this.dialog.confirm({
-          message: I18n.t("admin.customize.theme.unsaved_changes_alert"),
+        message: I18n.t("admin.customize.theme.unsaved_changes_alert"),
-          confirmButtonLabel: "admin.customize.theme.discard",
+        confirmButtonLabel: "admin.customize.theme.discard",
-          cancelButtonLabel: "admin.customize.theme.stay",
+        cancelButtonLabel: "admin.customize.theme.stay",
-          didConfirm: () => {
+        didConfirm: () => {
-            this.set("shouldAlertUnsavedChanges", false);
+          this.set("shouldAlertUnsavedChanges", false);
-            transition.retry();
+          transition.retry();
-          },
+        },
-        });
+      });
-      }
+    }
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-customize-themes-index.js

@@ -19,13 +19,13 @@ const externalResources = [
   },
 ];
 
-export default Route.extend({
+export default class AdminCustomizeThemesIndexRoute extends Route {
   setupController(controller) {
-    this._super(...arguments);
+    super.setupController(...arguments);
     this.controllerFor("adminCustomizeThemes").set("editingTheme", false);
     controller.setProperties({
       externalResources,
       womanArtistEmojiURL: emojiUrlFor("woman_artist:t5"),
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-customize-themes-show.js

@@ -1,24 +1,25 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
 import { COMPONENTS, THEMES } from "admin/models/theme";
 import I18n from "I18n";
 import Route from "@ember/routing/route";
 import { scrollTop } from "discourse/mixins/scroll-top";
-import { inject as service } from "@ember/service";
 
-export default Route.extend({
+export default class AdminCustomizeThemesShowRoute extends Route {
-  dialog: service(),
+  @service dialog;
 
   serialize(model) {
     return { theme_id: model.get("id") };
-  },
+  }
 
   model(params) {
     const all = this.modelFor("adminCustomizeThemes");
     const model = all.findBy("id", parseInt(params.theme_id, 10));
     return model ? model : this.replaceWith("adminCustomizeThemes.index");
-  },
+  }
 
   setupController(controller, model) {
-    this._super(...arguments);
+    super.setupController(...arguments);
 
     const parentController = this.controllerFor("adminCustomizeThemes");
 
@@ -37,11 +38,11 @@ export default Route.extend({
     });
 
     this.handleHighlight(model);
-  },
+  }
 
   deactivate() {
     this.handleHighlight();
-  },
+  }
 
   handleHighlight(theme) {
     this.get("controller.allThemes")
@@ -50,26 +51,27 @@ export default Route.extend({
     if (theme) {
       theme.set("selected", true);
     }
-  },
+  }
 
-  actions: {
+  @action
-    didTransition() {
+  didTransition() {
-      scrollTop();
+    scrollTop();
-    },
+  }
-    willTransition(transition) {
-      const model = this.controller.model;
-      if (model.warnUnassignedComponent) {
-        transition.abort();
 
-        this.dialog.yesNoConfirm({
+  @action
-          message: I18n.t("admin.customize.theme.unsaved_parent_themes"),
+  willTransition(transition) {
-          didConfirm: () => {
+    const model = this.controller.model;
-            model.set("recentlyInstalled", false);
+    if (model.warnUnassignedComponent) {
-            transition.retry();
+      transition.abort();
-          },
+
-          didCancel: () => model.set("recentlyInstalled", false),
+      this.dialog.yesNoConfirm({
-        });
+        message: I18n.t("admin.customize.theme.unsaved_parent_themes"),
-      }
+        didConfirm: () => {
-    },
+          model.set("recentlyInstalled", false);
-  },
+          transition.retry();
-});
+        },
+        didCancel: () => model.set("recentlyInstalled", false),
+      });
+    }
+  }
+}

app/assets/javascripts/admin/addon/routes/admin-customize-themes.js

@@ -1,23 +1,24 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
 import Route from "@ember/routing/route";
 import showModal from "discourse/lib/show-modal";
 import I18n from "I18n";
 import { next } from "@ember/runloop";
-import { inject as service } from "@ember/service";
 
-export default Route.extend({
+export default class AdminCustomizeThemesRoute extends Route {
-  dialog: service(),
+  @service dialog;
 
-  queryParams: {
+  queryParams = {
     repoUrl: null,
     repoName: null,
-  },
+  };
 
   model() {
     return this.store.findAll("theme");
-  },
+  }
 
   setupController(controller, model) {
-    this._super(controller, model);
+    super.setupController(controller, model);
     controller.set("editingTheme", false);
 
     if (controller.repoUrl) {
@@ -31,35 +32,33 @@ export default Route.extend({
         });
       });
     }
-  },
+  }
 
-  actions: {
+  @action
-    installModal() {
+  installModal() {
-      const currentTheme = this.controllerFor(
+    const currentTheme = this.controllerFor("adminCustomizeThemes.show").model;
-        "adminCustomizeThemes.show"
+    if (currentTheme?.warnUnassignedComponent) {
-      ).model;
+      this.dialog.yesNoConfirm({
-      if (currentTheme?.warnUnassignedComponent) {
+        message: I18n.t("admin.customize.theme.unsaved_parent_themes"),
-        this.dialog.yesNoConfirm({
+        didConfirm: () => {
-          message: I18n.t("admin.customize.theme.unsaved_parent_themes"),
+          currentTheme.set("recentlyInstalled", false);
-          didConfirm: () => {
+          showModal("admin-install-theme", { admin: true });
-            currentTheme.set("recentlyInstalled", false);
-            showModal("admin-install-theme", { admin: true });
-          },
-        });
-      } else {
-        showModal("admin-install-theme", { admin: true });
-      }
-    },
-
-    addTheme(theme) {
-      this.refresh();
-      theme.setProperties({ recentlyInstalled: true });
-      this.transitionTo("adminCustomizeThemes.show", theme.get("id"), {
-        queryParams: {
-          repoName: null,
-          repoUrl: null,
         },
       });
-    },
+    } else {
-  },
+      showModal("admin-install-theme", { admin: true });
-});
+    }
+  }
+
+  @action
+  addTheme(theme) {
+    this.refresh();
+    theme.setProperties({ recentlyInstalled: true });
+    this.transitionTo("adminCustomizeThemes.show", theme.get("id"), {
+      queryParams: {
+        repoName: null,
+        repoUrl: null,
+      },
+    });
+  }
+}

app/assets/javascripts/admin/addon/routes/admin-dashboard-general.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminDashboardGeneralRoute extends DiscourseRoute {
   activate() {
     this.controllerFor("admin-dashboard-general").fetchDashboard();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-dashboard-reports.js

@@ -1,12 +1,12 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { ajax } from "discourse/lib/ajax";
 
-export default DiscourseRoute.extend({
+export default class AdminDashboardReportsRoute extends DiscourseRoute {
   model() {
     return ajax("/admin/reports");
-  },
+  }
 
   setupController(controller, model) {
     controller.setProperties({ model: model.reports, filter: null });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-dashboard.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import { scrollTop } from "discourse/mixins/scroll-top";
 
-export default DiscourseRoute.extend({
+export default class AdminDashboardRoute extends DiscourseRoute {
   activate() {
     this.controllerFor("admin-dashboard").fetchProblems();
     this.controllerFor("admin-dashboard").fetchDashboard();
     scrollTop();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-email-bounced.js

@@ -1,13 +1,13 @@
+import { action } from "@ember/object";
 import AdminEmailLogs from "admin/routes/admin-email-logs";
 import showModal from "discourse/lib/show-modal";
 
-export default AdminEmailLogs.extend({
+export default class AdminEmailBouncedRoute extends AdminEmailLogs {
-  status: "bounced",
+  status = "bounced";
 
-  actions: {
+  @action
-    showIncomingEmail(id) {
+  showIncomingEmail(id) {
-      showModal("admin-incoming-email", { admin: true });
+    showModal("admin-incoming-email", { admin: true });
-      this.controllerFor("modals/admin-incoming-email").loadFromBounced(id);
+    this.controllerFor("modals/admin-incoming-email").loadFromBounced(id);
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-email-incomings.js

@@ -1,13 +1,13 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import IncomingEmail from "admin/models/incoming-email";
 
-export default DiscourseRoute.extend({
+export default class AdminEmailIncomingsRoute extends DiscourseRoute {
   model() {
     return IncomingEmail.findAll({ status: this.status });
-  },
+  }
 
   setupController(controller, model) {
     controller.set("model", model);
     controller.set("filter.status", this.status);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-email-index.js

@@ -1,8 +1,8 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import EmailSettings from "admin/models/email-settings";
 
-export default DiscourseRoute.extend({
+export default class AdminEmailIndexRoute extends DiscourseRoute {
   model() {
     return EmailSettings.find();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-email-logs.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminEmailLogsRoute extends DiscourseRoute {
   setupController(controller) {
     controller.setProperties({
       loading: true,
       filter: { status: this.status },
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-email-preview-digest.js

@@ -1,10 +1,10 @@
 import EmailPreview, { oneWeekAgo } from "admin/models/email-preview";
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminEmailPreviewDigestRoute extends DiscourseRoute {
   model() {
     return EmailPreview.findDigest(this.currentUser.get("username"));
-  },
+  }
 
   afterModel(model) {
     const controller = this.controllerFor("adminEmailPreviewDigest");
@@ -14,5 +14,5 @@ export default DiscourseRoute.extend({
       lastSeen: oneWeekAgo(),
       showHtml: true,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-email-received.js

@@ -1,2 +1,5 @@
 import AdminEmailIncomings from "admin/routes/admin-email-incomings";
-export default AdminEmailIncomings.extend({ status: "received" });
+
+export default class AdminEmailReceivedRoute extends AdminEmailIncomings {
+  status = "received";
+}

app/assets/javascripts/admin/addon/routes/admin-email-rejected.js

@@ -1,13 +1,13 @@
+import { action } from "@ember/object";
 import AdminEmailIncomings from "admin/routes/admin-email-incomings";
 import showModal from "discourse/lib/show-modal";
 
-export default AdminEmailIncomings.extend({
+export default class AdminEmailRejectedRoute extends AdminEmailIncomings {
-  status: "rejected",
+  status = "rejected";
 
-  actions: {
+  @action
-    showIncomingEmail(id) {
+  showIncomingEmail(id) {
-      showModal("admin-incoming-email", { admin: true });
+    showModal("admin-incoming-email", { admin: true });
-      this.controllerFor("modals/admin-incoming-email").load(id);
+    this.controllerFor("modals/admin-incoming-email").load(id);
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-email-sent.js

@@ -1,2 +1,5 @@
 import AdminEmailLogs from "admin/routes/admin-email-logs";
-export default AdminEmailLogs.extend({ status: "sent" });
+
+export default class AdminEmailSentRoute extends AdminEmailLogs {
+  status = "sent";
+}

app/assets/javascripts/admin/addon/routes/admin-email-skipped.js

@@ -1,2 +1,5 @@
 import AdminEmailLogs from "admin/routes/admin-email-logs";
-export default AdminEmailLogs.extend({ status: "skipped" });
+
+export default class AdminEmailSkippedRoute extends AdminEmailLogs {
+  status = "skipped";
+}

app/assets/javascripts/admin/addon/routes/admin-embedding.js

@@ -1,10 +1,11 @@
 import Route from "@ember/routing/route";
-export default Route.extend({
+
+export default class AdminEmbeddingRoute extends Route {
   model() {
     return this.store.find("embedding");
-  },
+  }
 
   setupController(controller, model) {
     controller.set("embedding", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-emojis.js

@@ -2,12 +2,12 @@ import DiscourseRoute from "discourse/routes/discourse";
 import EmberObject from "@ember/object";
 import { ajax } from "discourse/lib/ajax";
 
-export default DiscourseRoute.extend({
+export default class AdminEmojisRoute extends DiscourseRoute {
   model() {
     return ajax("/admin/customize/emojis.json").then(function (emojis) {
       return emojis.map(function (emoji) {
         return EmberObject.create(emoji);
       });
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-flags-posts-active.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminFlagsPostsActiveRoute extends DiscourseRoute {
   model() {
     return this.store.findAll("flagged-post", { filter: "active" });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-flags-posts-old.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminFlagsPostsOldRoute extends DiscourseRoute {
   model() {
     return this.store.findAll("flagged-post", { filter: "old" });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-flags-topics-index.js

@@ -1,11 +1,11 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminFlagsTopicsIndexRoute extends DiscourseRoute {
   model() {
     return this.store.findAll("flagged-topic");
-  },
+  }
 
   setupController(controller, model) {
     controller.set("flaggedTopics", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-logs-index.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminLogsIndexRoute extends DiscourseRoute {
   redirect() {
     this.transitionTo("adminLogs.staffActionLogs");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-logs-screened-emails.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminLogsScreenedEmailsRoute extends DiscourseRoute {
   setupController() {
     return this.controllerFor("adminLogsScreenedEmails").show();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-logs-screened-ip-addresses.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminLogsScreenedIpAddressesRoute extends DiscourseRoute {
   setupController() {
     return this.controllerFor("adminLogsScreenedIpAddresses").show();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-logs-screened-urls.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminLogsScreenedUrlsRoute extends DiscourseRoute {
   setupController() {
     return this.controllerFor("adminLogsScreenedUrls").show();
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-logs-staff-action-logs.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
-import EmberObject from "@ember/object";
+import EmberObject, { action } from "@ember/object";
 
-export default DiscourseRoute.extend({
+export default class AdminLogsStaffActionLogsRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     filters: { refreshModel: true },
-  },
+  };
 
   beforeModel(transition) {
     const params = transition.to.queryParams;
@@ -12,15 +12,15 @@ export default DiscourseRoute.extend({
     if (controller.filters === null || params.force_refresh) {
       controller.resetFilters();
     }
-  },
+  }
 
   deserializeQueryParam(value, urlKey, defaultValueType) {
     if (urlKey === "filters") {
       return EmberObject.create(JSON.parse(decodeURIComponent(value)));
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.deserializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
   serializeQueryParam(value, urlKey, defaultValueType) {
     if (urlKey === "filters") {
@@ -31,18 +31,17 @@ export default DiscourseRoute.extend({
       }
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.serializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
-  actions: {
+  @action
-    onFiltersChange(filters) {
+  onFiltersChange(filters) {
-      if (filters && Object.keys(filters) === 0) {
+    if (filters && Object.keys(filters) === 0) {
-        this.transitionTo("adminLogs.staffActionLogs");
+      this.transitionTo("adminLogs.staffActionLogs");
-      } else {
+    } else {
-        this.transitionTo("adminLogs.staffActionLogs", {
+      this.transitionTo("adminLogs.staffActionLogs", {
-          queryParams: { filters },
+        queryParams: { filters },
-        });
+      });
-      }
+    }
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-permalinks.js

@@ -1,12 +1,12 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import Permalink from "admin/models/permalink";
 
-export default DiscourseRoute.extend({
+export default class AdminPermalinksRoute extends DiscourseRoute {
   model() {
     return Permalink.findAll();
-  },
+  }
 
   setupController(controller, model) {
     controller.set("model", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-plugins.js

@@ -1,22 +1,23 @@
+import { action } from "@ember/object";
 import Route from "@ember/routing/route";
-export default Route.extend({
+
+export default class AdminPluginsRoute extends Route {
   model() {
     return this.store.findAll("plugin");
-  },
+  }
 
-  actions: {
+  @action
-    showSettings(plugin) {
+  showSettings(plugin) {
-      const controller = this.controllerFor("adminSiteSettings");
+    const controller = this.controllerFor("adminSiteSettings");
-      this.transitionTo("adminSiteSettingsCategory", "plugins").then(() => {
+    this.transitionTo("adminSiteSettingsCategory", "plugins").then(() => {
-        if (plugin) {
+      if (plugin) {
-          // filterContent() is normally on a debounce from typing.
+        // filterContent() is normally on a debounce from typing.
-          // Because we don't want the default of "All Results", we tell it
+        // Because we don't want the default of "All Results", we tell it
-          // to skip the next debounce.
+        // to skip the next debounce.
-          controller.set("filter", `plugin:${plugin.id}`);
+        controller.set("filter", `plugin:${plugin.id}`);
-          controller.set("_skipBounce", true);
+        controller.set("_skipBounce", true);
-          controller.filterContentNow("plugins");
+        controller.filterContentNow("plugins");
-        }
+      }
-      });
+    });
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-reports-index.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminReportsIndexRoute extends DiscourseRoute {
   beforeModel() {
     this.transitionTo("admin.dashboardReports");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-reports-show.js

@@ -1,13 +1,14 @@
+import { action } from "@ember/object";
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminReportsShowRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     start_date: { refreshModel: true },
     end_date: { refreshModel: true },
     filters: { refreshModel: true },
     chart_grouping: { refreshModel: true },
     mode: { refreshModel: true },
-  },
+  };
 
   model(params) {
     params.customFilters = params.filters;
@@ -30,15 +31,15 @@ export default DiscourseRoute.extend({
     delete params.chart_grouping;
 
     return params;
-  },
+  }
 
   deserializeQueryParam(value, urlKey, defaultValueType) {
     if (urlKey === "filters") {
       return JSON.parse(decodeURIComponent(value));
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.deserializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
   serializeQueryParam(value, urlKey, defaultValueType) {
     if (urlKey === "filters") {
@@ -49,25 +50,24 @@ export default DiscourseRoute.extend({
       }
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.serializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
-  actions: {
+  @action
-    onParamsChange(params) {
+  onParamsChange(params) {
-      const queryParams = {
+    const queryParams = {
-        type: params.type,
+      type: params.type,
-        mode: params.mode,
+      mode: params.mode,
-        start_date: params.startDate
+      start_date: params.startDate
-          ? params.startDate.toISOString(true).split("T")[0]
+        ? params.startDate.toISOString(true).split("T")[0]
-          : null,
+        : null,
-        chart_grouping: params.chartGrouping,
+      chart_grouping: params.chartGrouping,
-        filters: params.filters,
+      filters: params.filters,
-        end_date: params.endDate
+      end_date: params.endDate
-          ? params.endDate.toISOString(true).split("T")[0]
+        ? params.endDate.toISOString(true).split("T")[0]
-          : null,
+        : null,
-      };
+    };
 
-      this.transitionTo("adminReports.show", { queryParams });
+    this.transitionTo("adminReports.show", { queryParams });
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-search-logs-index.js

@@ -2,11 +2,11 @@ import DiscourseRoute from "discourse/routes/discourse";
 import EmberObject from "@ember/object";
 import { ajax } from "discourse/lib/ajax";
 
-export default DiscourseRoute.extend({
+export default class AdminSearchLogsIndexRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     period: { refreshModel: true },
     searchType: { refreshModel: true },
-  },
+  };
 
   model(params) {
     this._params = params;
@@ -15,7 +15,7 @@ export default DiscourseRoute.extend({
     }).then((search_logs) => {
       return search_logs.map((sl) => EmberObject.create(sl));
     });
-  },
+  }
 
   setupController(controller, model) {
     const params = this._params;
@@ -24,5 +24,5 @@ export default DiscourseRoute.extend({
       period: params.period,
       searchType: params.searchType,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-search-logs-term.js

@@ -4,12 +4,12 @@ import { ajax } from "discourse/lib/ajax";
 import { fillMissingDates } from "discourse/lib/utilities";
 import { translateResults } from "discourse/lib/search";
 
-export default DiscourseRoute.extend({
+export default class AdminSearchLogsTermRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     term: { refreshModel: true },
     period: { refreshModel: true },
     searchType: { refreshModel: true },
-  },
+  };
 
   model(params) {
     this._params = params;
@@ -40,7 +40,7 @@ export default DiscourseRoute.extend({
       model.setProperties(json.term);
       return model;
     });
-  },
+  }
 
   setupController(controller, model) {
     const params = this._params;
@@ -50,5 +50,5 @@ export default DiscourseRoute.extend({
       period: params.period,
       searchType: params.searchType,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-site-settings-category.js

@@ -2,7 +2,7 @@ import DiscourseRoute from "discourse/routes/discourse";
 import EmberObject from "@ember/object";
 import I18n from "I18n";
 
-export default DiscourseRoute.extend({
+export default class AdminSiteSettingsCategoryRoute extends DiscourseRoute {
   model(params) {
     // The model depends on user input, so let the controller do the work:
     this.controllerFor("adminSiteSettingsCategory").set(
@@ -20,5 +20,5 @@ export default DiscourseRoute.extend({
         "filteredContent"
       ),
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-site-settings-index.js

@@ -4,12 +4,12 @@
 **/
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminSiteSettingsIndexRoute extends DiscourseRoute {
   beforeModel() {
     this.replaceWith(
       "adminSiteSettingsCategory",
       this.controllerFor("adminSiteSettings").get("visibleSiteSettings")[0]
         .nameKey
     );
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-site-settings.js

@@ -1,14 +1,15 @@
+import { action } from "@ember/object";
 import DiscourseRoute from "discourse/routes/discourse";
 import SiteSetting from "admin/models/site-setting";
 
-export default DiscourseRoute.extend({
+export default class AdminSiteSettingsRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     filter: { replace: true },
-  },
+  };
 
   model() {
     return SiteSetting.findAll();
-  },
+  }
 
   afterModel(siteSettings) {
     const controller = this.controllerFor("adminSiteSettings");
@@ -16,13 +17,12 @@ export default DiscourseRoute.extend({
     if (!controller.get("visibleSiteSettings")) {
       controller.set("visibleSiteSettings", siteSettings);
     }
-  },
+  }
 
-  actions: {
+  @action
-    refreshAll() {
+  refreshAll() {
-      SiteSetting.findAll().then((settings) => {
+    SiteSetting.findAll().then((settings) => {
-        this.controllerFor("adminSiteSettings").set("model", settings);
+      this.controllerFor("adminSiteSettings").set("model", settings);
-      });
+    });
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-site-text-edit.js

@@ -1,10 +1,10 @@
 import Route from "@ember/routing/route";
 import { ajax } from "discourse/lib/ajax";
 
-export default Route.extend({
+export default class AdminSiteTextEditRoute extends Route {
-  queryParams: {
+  queryParams = {
     locale: { replace: true },
-  },
+  };
 
   model(params) {
     return ajax(
@@ -12,7 +12,7 @@ export default Route.extend({
     ).then((result) => {
       return this.store.createRecord("site-text", result.site_text);
     });
-  },
+  }
 
   setupController(controller, siteText) {
     const locales = JSON.parse(this.siteSettings.available_locales);
@@ -26,5 +26,5 @@ export default Route.extend({
       saved: false,
       localeFullName,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-site-text-index.js

@@ -1,28 +1,27 @@
 import Route from "@ember/routing/route";
-import { getProperties } from "@ember/object";
+import { action, getProperties } from "@ember/object";
 import showModal from "discourse/lib/show-modal";
 
-export default Route.extend({
+export default class AdminSiteTextIndexRoute extends Route {
-  queryParams: {
+  queryParams = {
     q: { replace: true },
     overridden: { replace: true },
     locale: { replace: true },
-  },
+  };
 
   model(params) {
     return this.store.find(
       "site-text",
       getProperties(params, "q", "overridden", "locale")
     );
-  },
+  }
 
   setupController(controller, model) {
     controller.set("siteTexts", model);
-  },
+  }
 
-  actions: {
+  @action
-    showReseedModal() {
+  showReseedModal() {
-      showModal("admin-reseed", { admin: true });
+    showModal("admin-reseed", { admin: true });
-    },
+  }
-  },
+}
-});

app/assets/javascripts/admin/addon/routes/admin-user-badges.js

@@ -2,11 +2,11 @@ import Badge from "discourse/models/badge";
 import DiscourseRoute from "discourse/routes/discourse";
 import UserBadge from "discourse/models/user-badge";
 
-export default DiscourseRoute.extend({
+export default class AdminUserBadgesRoute extends DiscourseRoute {
   model() {
     const username = this.modelFor("adminUser").get("username");
     return UserBadge.findByUsername(username);
-  },
+  }
 
   setupController(controller, model) {
     // Find all badges.
@@ -23,5 +23,5 @@ export default DiscourseRoute.extend({
     });
     // Set the model.
     controller.set("model", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-user-fields.js

@@ -1,12 +1,12 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import UserField from "admin/models/user-field";
 
-export default DiscourseRoute.extend({
+export default class AdminUserFieldsRoute extends DiscourseRoute {
   model() {
     return this.store.findAll("user-field");
-  },
+  }
 
   setupController(controller, model) {
     controller.setProperties({ model, fieldTypes: UserField.fieldTypes() });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-user-index.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import Group from "discourse/models/group";
 
-export default DiscourseRoute.extend({
+export default class AdminUserIndexRoute extends DiscourseRoute {
   model() {
     return this.modelFor("adminUser");
-  },
+  }
 
   afterModel(model) {
     if (this.currentUser.admin) {
@@ -13,7 +13,7 @@ export default DiscourseRoute.extend({
         return model;
       });
     }
-  },
+  }
 
   setupController(controller, model) {
     controller.setProperties({
@@ -24,5 +24,5 @@ export default DiscourseRoute.extend({
       ssoLastPayload: null,
       model,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-user-tl3-requirements.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminUserTl3RequirementsRoute extends DiscourseRoute {
   model() {
     return this.modelFor("adminUser");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-user.js

@@ -2,22 +2,22 @@ import AdminUser from "admin/models/admin-user";
 import DiscourseRoute from "discourse/routes/discourse";
 import { get } from "@ember/object";
 
-export default DiscourseRoute.extend({
+export default class AdminUserRoute extends DiscourseRoute {
   serialize(model) {
     return {
       user_id: model.get("id"),
       username: model.get("username").toLowerCase(),
     };
-  },
+  }
 
   model(params) {
     return AdminUser.find(get(params, "user_id"));
-  },
+  }
 
   afterModel(adminUser) {
     return adminUser.loadDetails().then(function () {
       adminUser.setOriginalTrustLevel();
       return adminUser;
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-users-index.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminUsersIndexRoute extends DiscourseRoute {
   redirect() {
     this.transitionTo("adminUsersList");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-users-list-index.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminUsersListIndexRoute extends DiscourseRoute {
   beforeModel() {
     this.transitionTo("adminUsersList.show", "active");
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-users-list-show.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminUsersListShowRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     order: { refreshModel: true },
     asc: { refreshModel: true },
-  },
+  };
 
   // TODO: this has been introduced to fix a bug in admin-users-list-show
   // loading AdminUser model multiple times without refactoring the controller
@@ -27,5 +27,5 @@ export default DiscourseRoute.extend({
         controller.resetFilters();
       }
     }
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-users-list.js

@@ -1,22 +1,24 @@
+import { action } from "@ember/object";
 import AdminUser from "admin/models/admin-user";
 import DiscourseRoute from "discourse/routes/discourse";
 import { exportEntity } from "discourse/lib/export-csv";
 import { outputExportResult } from "discourse/lib/export-result";
 
-export default DiscourseRoute.extend({
+export default class AdminUsersListRoute extends DiscourseRoute {
-  actions: {
+  @action
-    exportUsers() {
+  exportUsers() {
-      exportEntity("user_list", {
+    exportEntity("user_list", {
-        trust_level: this.controllerFor("admin-users-list-show").get("query"),
+      trust_level: this.controllerFor("admin-users-list-show").get("query"),
-      }).then(outputExportResult);
+    }).then(outputExportResult);
-    },
+  }
 
-    sendInvites() {
+  @action
-      this.transitionTo("userInvited", this.currentUser);
+  sendInvites() {
-    },
+    this.transitionTo("userInvited", this.currentUser);
+  }
 
-    deleteUser(user) {
+  @action
-      AdminUser.create(user).destroy({ deletePosts: true });
+  deleteUser(user) {
-    },
+    AdminUser.create(user).destroy({ deletePosts: true });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-watched-words-action.js

@@ -2,7 +2,7 @@ import DiscourseRoute from "discourse/routes/discourse";
 import EmberObject from "@ember/object";
 import I18n from "I18n";
 
-export default DiscourseRoute.extend({
+export default class AdminWatchedWordsActionRoute extends DiscourseRoute {
   model(params) {
     const controller = this.controllerFor("adminWatchedWordsAction");
     controller.set("actionNameKey", params.action_id);
@@ -11,5 +11,5 @@ export default DiscourseRoute.extend({
       name: I18n.t("admin.watched_words.actions." + params.action_id),
       words: controller.filteredContent,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-watched-words-index.js

@@ -1,10 +1,10 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminWatchedWordsIndexRoute extends DiscourseRoute {
   beforeModel() {
     this.replaceWith(
       "adminWatchedWords.action",
       this.modelFor("adminWatchedWords")[0].nameKey
     );
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-watched-words.js

@@ -1,17 +1,17 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import WatchedWord from "admin/models/watched-word";
 
-export default DiscourseRoute.extend({
+export default class AdminWatchedWordsRoute extends DiscourseRoute {
-  queryParams: {
+  queryParams = {
     filter: { replace: true },
-  },
+  };
 
   model() {
     return WatchedWord.findAll();
-  },
+  }
 
   afterModel(model) {
     const controller = this.controllerFor("adminWatchedWords");
     controller.set("allWatchedWords", model);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-web-hooks-edit.js

@@ -1,9 +1,9 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminWebHooksEditRoute extends DiscourseRoute {
   serialize(model) {
     return { web_hook_id: model.id || "new" };
-  },
+  }
 
   model(params) {
     if (params.web_hook_id === "new") {
@@ -11,10 +11,10 @@ export default DiscourseRoute.extend({
     }
 
     return this.store.find("web-hook", params.web_hook_id);
-  },
+  }
 
   setupController(controller, model) {
-    this._super(...arguments);
+    super.setupController(...arguments);
 
     if (model.get("isNew")) {
       model.set(
@@ -24,5 +24,5 @@ export default DiscourseRoute.extend({
     }
 
     controller.set("saved", false);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-web-hooks-show.js

@@ -1,7 +1,7 @@
 import DiscourseRoute from "discourse/routes/discourse";
 
-export default DiscourseRoute.extend({
+export default class AdminWebHooksShowRoute extends DiscourseRoute {
   model(params) {
     return this.store.find("web-hook", params.web_hook_id);
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin-web-hooks.js

@@ -1,9 +1,9 @@
 import Route from "@ember/routing/route";
 
-export default Route.extend({
+export default class AdminWebHooksRoute extends Route {
   model() {
     return this.store.findAll("web-hook");
-  },
+  }
 
   setupController(controller, model) {
     controller.setProperties({
@@ -13,5 +13,5 @@ export default Route.extend({
       contentTypes: model.extras.content_types,
       deliveryStatuses: model.extras.delivery_statuses,
     });
-  },
+  }
-});
+}

app/assets/javascripts/admin/addon/routes/admin.js

@@ -1,19 +1,19 @@
 import DiscourseRoute from "discourse/routes/discourse";
 import I18n from "I18n";
 
-export default DiscourseRoute.extend({
+export default class AdminRoute extends DiscourseRoute {
   titleToken() {
     return I18n.t("admin_title");
-  },
+  }
 
   activate() {
     this.controllerFor("application").setProperties({
       showTop: false,
       showFooter: false,
     });
-  },
+  }
 
   deactivate() {
     this.controllerFor("application").set("showTop", true);
-  },
+  }
-});
+}