settings/tokens: Extract index route

This change is in preparation for having a `settings/tokens/new` route soon

Author: Turbo87

app/routes/settings/tokens.js

@@ -1,26 +1,3 @@
-import { inject as service } from '@ember/service';
-
-import { TrackedArray } from 'tracked-built-ins';
-
 import AuthenticatedRoute from '../-authenticated-route';
 
-export default class TokenSettingsRoute extends AuthenticatedRoute {
-  @service store;
-
-  async model() {
-    let apiTokens = await this.store.findAll('api-token');
-    return TrackedArray.from(apiTokens.slice());
-  }
-
-  /**
-   * Ensure that all plaintext tokens are deleted from memory after leaving
-   * the API tokens settings page.
-   */
-  resetController(controller) {
-    for (let token of controller.model) {
-      if (token.token) {
-        token.token = undefined;
-      }
-    }
-  }
-}
+export default class TokenSettingsRoute extends AuthenticatedRoute {}

app/routes/settings/tokens/index.js

@@ -0,0 +1,25 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+import { TrackedArray } from 'tracked-built-ins';
+
+export default class TokenListRoute extends Route {
+  @service store;
+
+  async model() {
+    let apiTokens = await this.store.findAll('api-token');
+    return TrackedArray.from(apiTokens.slice());
+  }
+
+  /**
+   * Ensure that all plaintext tokens are deleted from memory after leaving
+   * the API tokens settings page.
+   */
+  resetController(controller) {
+    for (let token of controller.model) {
+      if (token.token) {
+        token.token = undefined;
+      }
+    }
+  }
+}

app/templates/settings/tokens.hbs

@@ -3,5 +3,5 @@
 <PageHeader @title="Account Settings" />
 
 <SettingsPage>
-  <Settings::ApiTokens @tokens={{@model}} />
+  {{outlet}}
 </SettingsPage>

app/templates/settings/tokens/index.hbs

@@ -0,0 +1 @@
+<Settings::ApiTokens @tokens={{@model}} />