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) {
     this.transitionTo("adminApiKeys.show", apiKey.id);
-    },
+  }
 
+  @action
   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,13 +62,14 @@ export default DiscourseRoute.extend({
         .get("logs")
         .pushObject(EmberObject.create(log));
     }
-  },
+  }
 
-  actions: {
+  @action
   showStartBackupModal() {
     showModal("admin-start-backup", { admin: true });
-    },
+  }
 
+  @action
   startBackup(withUploads) {
     this.transitionTo("admin.backups.logs");
     Backup.start(withUploads).then((result) => {
@@ -76,8 +77,9 @@ export default DiscourseRoute.extend({
         this.dialog.alert(result.message);
       }
     });
-    },
+  }
 
+  @action
   destroyBackup(backup) {
     return this.dialog.yesNoConfirm({
       message: I18n.t("admin.backups.operations.destroy.confirm"),
@@ -91,8 +93,9 @@ export default DiscourseRoute.extend({
           );
       },
     });
-    },
+  }
 
+  @action
   startRestore(backup) {
     this.dialog.yesNoConfirm({
       message: I18n.t("admin.backups.operations.restore.confirm"),
@@ -101,8 +104,9 @@ export default DiscourseRoute.extend({
         backup.restore();
       },
     });
-    },
+  }
 
+  @action
   cancelOperation() {
     this.dialog.yesNoConfirm({
       message: I18n.t("admin.backups.operations.cancel.confirm"),
@@ -115,8 +119,9 @@ export default DiscourseRoute.extend({
         });
       },
     });
-    },
+  }
 
+  @action
   rollback() {
     return this.dialog.yesNoConfirm({
       message: I18n.t("admin.backups.operations.rollback.confirm"),
@@ -131,18 +136,21 @@ export default DiscourseRoute.extend({
         });
       },
     });
-    },
+  }
 
+  @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)))
@@ -160,6 +168,5 @@ export default DiscourseRoute.extend({
         );
         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,9 +19,9 @@ export default Route.extend({
       model: model.model,
     });
     this._shouldAlertUnsavedChanges = true;
-  },
+  }
 
-  actions: {
+  @action
   willTransition(transition) {
     if (
       this.get("controller.model.changed") &&
@@ -37,6 +39,5 @@ export default Route.extend({
         },
       });
     }
-    },
+  }
-  },
+}
-});

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,9 +49,9 @@ 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) {
     if (
       this.get("controller.model.changed") &&
@@ -69,6 +70,5 @@ export default Route.extend({
         },
       });
     }
-    },
+  }
-  },
+}
-});

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,12 +51,14 @@ export default Route.extend({
     if (theme) {
       theme.set("selected", true);
     }
-  },
+  }
 
-  actions: {
+  @action
   didTransition() {
     scrollTop();
-    },
+  }
+
+  @action
   willTransition(transition) {
     const model = this.controller.model;
     if (model.warnUnassignedComponent) {
@@ -70,6 +73,5 @@ export default Route.extend({
         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,13 +32,11 @@ export default Route.extend({
         });
       });
     }
-  },
+  }
 
-  actions: {
+  @action
   installModal() {
-      const currentTheme = this.controllerFor(
+    const currentTheme = this.controllerFor("adminCustomizeThemes.show").model;
-        "adminCustomizeThemes.show"
-      ).model;
     if (currentTheme?.warnUnassignedComponent) {
       this.dialog.yesNoConfirm({
         message: I18n.t("admin.customize.theme.unsaved_parent_themes"),
@@ -49,8 +48,9 @@ export default Route.extend({
     } else {
       showModal("admin-install-theme", { admin: true });
     }
-    },
+  }
 
+  @action
   addTheme(theme) {
     this.refresh();
     theme.setProperties({ recentlyInstalled: true });
@@ -60,6 +60,5 @@ export default Route.extend({
         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) {
     showModal("admin-incoming-email", { admin: true });
     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) {
     showModal("admin-incoming-email", { admin: true });
     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,10 +31,10 @@ export default DiscourseRoute.extend({
       }
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.serializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
-  actions: {
+  @action
   onFiltersChange(filters) {
     if (filters && Object.keys(filters) === 0) {
       this.transitionTo("adminLogs.staffActionLogs");
@@ -43,6 +43,5 @@ export default DiscourseRoute.extend({
         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,10 +1,12 @@
+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) {
     const controller = this.controllerFor("adminSiteSettings");
     this.transitionTo("adminSiteSettingsCategory", "plugins").then(() => {
@@ -17,6 +19,5 @@ export default Route.extend({
         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,10 +50,10 @@ export default DiscourseRoute.extend({
       }
     }
 
-    return this._super(value, urlKey, defaultValueType);
+    return super.serializeQueryParam(value, urlKey, defaultValueType);
-  },
+  }
 
-  actions: {
+  @action
   onParamsChange(params) {
     const queryParams = {
       type: params.type,
@@ -68,6 +69,5 @@ export default DiscourseRoute.extend({
     };
 
     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() {
     SiteSetting.findAll().then((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() {
     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() {
     exportEntity("user_list", {
       trust_level: this.controllerFor("admin-users-list-show").get("query"),
     }).then(outputExportResult);
-    },
+  }
 
+  @action
   sendInvites() {
     this.transitionTo("userInvited", this.currentUser);
-    },
+  }
 
+  @action
   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);
-  },
+  }
-});
+}