Moved indexes routes to admin subroute

app/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>MeilisearchAdmin</title>
+    <title>MeiliSearch Admin</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 

app/initializers/custom-inflector-rules.js

@@ -7,5 +7,5 @@ export function initialize(/* application */) {
 }
 
 export default {
-  initialize
+  initialize,
 };

app/router.js

@@ -7,7 +7,9 @@ export default class Router extends EmberRouter {
 }
 
 Router.map(function () {
-  this.route('indexes', function () {
-    this.route('element', { path: '/:index_id' });
+  this.route('admin', function () {
+    this.route('indexes', function () {
+      this.route('item', { path: '/:index_id' });
+    });
   });
 });

app/routes/admin.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class AdminRoute extends Route {}

app/routes/admin/indexes.js

@@ -1,7 +1,7 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
-export default class IndexesRoute extends Route {
+export default class AdminIndexesRoute extends Route {
   @service store;
 
   async model() {

app/routes/admin/indexes/item.js

@@ -0,0 +1,7 @@
+import Route from '@ember/routing/route';
+
+export default class AdminIndexesItemRoute extends Route {
+  model({ index_id }) {
+    return this.modelFor('admin.indexes').find((item) => item.id === index_id);
+  }
+}

app/routes/index.js

@@ -5,6 +5,6 @@ export default class IndexRoute extends Route {
   @service router;
 
   beforeModel() {
-    this.router.transitionTo('indexes');
+    this.router.transitionTo('admin.indexes');
   }
 }

app/routes/indexes/element.js

@@ -1,10 +0,0 @@
-import Route from '@ember/routing/route';
-import { inject as service } from '@ember/service';
-
-export default class IndexesElementRoute extends Route {
-  @service store;
-
-  async model({ index_id }) {
-    return this.store.find('index', index_id);
-  }
-}

app/templates/admin/indexes.hbs

@@ -7,7 +7,7 @@
         {{#each @model as |item|}}
           <li>
             <LinkTo
-              @route="indexes.element"
+              @route="admin.indexes.item"
               @model={{item}}
               class="flex flex-row items-center h-12 px-base"
             >

app/templates/admin/indexes/item.hbs

@@ -0,0 +1,5 @@
+{{page-title "Item"}}
+
+<h1>{{@model.name}}</h1>
+
+{{outlet}}

app/templates/application.hbs

@@ -1,3 +0,0 @@
-{{page-title "MeiliSearch Admin"}}
-
-{{outlet}}

app/templates/indexes/element.hbs

@@ -1,2 +0,0 @@
-{{page-title "Element"}}
-{{outlet}}

config/tailwind.config.js

@@ -15,4 +15,4 @@ module.exports = {
     extend: {},
   },
   plugins: [],
-}
+};

ember-cli-build.js

@@ -11,17 +11,17 @@ module.exports = function (defaults) {
         plugins: [
           {
             module: autoprefixer,
-            options: {}
+            options: {},
           },
           {
             module: tailwind,
             options: {
-              config: './config/tailwind.config.js'
-            }
-          }
+              config: './config/tailwind.config.js',
+            },
+          },
         ],
-      }
-    }
+      },
+    },
   });
 
   return app.toTree();

tests/unit/adapters/application-test.js

@@ -1,11 +1,11 @@
 import { module, test } from 'qunit';
 import { setupTest } from 'ember-qunit';
 
-module('Unit | Adapter | application', function(hooks) {
+module('Unit | Adapter | application', function (hooks) {
   setupTest(hooks);
 
   // Replace this with your real tests.
-  test('it exists', function(assert) {
+  test('it exists', function (assert) {
     let adapter = this.owner.lookup('adapter:application');
     assert.ok(adapter);
   });

tests/unit/initializers/custom-inflector-rules-test.js

@@ -5,23 +5,26 @@ import { module, test } from 'qunit';
 import Resolver from 'ember-resolver';
 import { run } from '@ember/runloop';
 
-module('Unit | Initializer | custom-inflector-rules', function(hooks) {
-  hooks.beforeEach(function() {
-    this.TestApplication = class TestApplication extends Application {}
+module('Unit | Initializer | custom-inflector-rules', function (hooks) {
+  hooks.beforeEach(function () {
+    this.TestApplication = class TestApplication extends Application {};
     this.TestApplication.initializer({
       name: 'initializer under test',
-      initialize
+      initialize,
     });
 
-    this.application = this.TestApplication.create({ autoboot: false, Resolver });
+    this.application = this.TestApplication.create({
+      autoboot: false,
+      Resolver,
+    });
   });
 
-  hooks.afterEach(function() {
+  hooks.afterEach(function () {
     run(this.application, 'destroy');
   });
 
   // TODO: Replace this with your real tests.
-  test('it works', async function(assert) {
+  test('it works', async function (assert) {
     await this.application.boot();
 
     assert.ok(true);

tests/unit/models/index-test.js

@@ -1,11 +1,11 @@
 import { module, test } from 'qunit';
 import { setupTest } from 'ember-qunit';
 
-module('Unit | Model | index', function(hooks) {
+module('Unit | Model | index', function (hooks) {
   setupTest(hooks);
 
   // Replace this with your real tests.
-  test('it exists', function(assert) {
+  test('it exists', function (assert) {
     let store = this.owner.lookup('service:store');
     let model = store.createRecord('index', {});
     assert.ok(model);

tests/unit/routes/admin-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | admin', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin');
+    assert.ok(route);
+  });
+});

tests/unit/routes/admin/indexes-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | admin/indexes', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes');
+    assert.ok(route);
+  });
+});

tests/unit/routes/admin/indexes/item-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | admin/indexes/item', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes/item');
+    assert.ok(route);
+  });
+});

tests/unit/routes/application-test.js

@@ -1,11 +0,0 @@
-import { module, test } from 'qunit';
-import { setupTest } from 'ember-qunit';
-
-module('Unit | Route | application', function(hooks) {
-  setupTest(hooks);
-
-  test('it exists', function(assert) {
-    let route = this.owner.lookup('route:application');
-    assert.ok(route);
-  });
-});

tests/unit/routes/index-test.js

@@ -1,10 +1,10 @@
 import { module, test } from 'qunit';
 import { setupTest } from 'ember-qunit';
 
-module('Unit | Route | index', function(hooks) {
+module('Unit | Route | index', function (hooks) {
   setupTest(hooks);
 
-  test('it exists', function(assert) {
+  test('it exists', function (assert) {
     let route = this.owner.lookup('route:index');
     assert.ok(route);
   });

tests/unit/routes/indexes-test.js

@@ -1,11 +0,0 @@
-import { module, test } from 'qunit';
-import { setupTest } from 'ember-qunit';
-
-module('Unit | Route | indexes', function(hooks) {
-  setupTest(hooks);
-
-  test('it exists', function(assert) {
-    let route = this.owner.lookup('route:indexes');
-    assert.ok(route);
-  });
-});

tests/unit/routes/indexes/element-test.js

@@ -1,11 +0,0 @@
-import { module, test } from 'qunit';
-import { setupTest } from 'ember-qunit';
-
-module('Unit | Route | indexes/element', function(hooks) {
-  setupTest(hooks);
-
-  test('it exists', function(assert) {
-    let route = this.owner.lookup('route:indexes/element');
-    assert.ok(route);
-  });
-});

tests/unit/serializers/application-test.js

@@ -1,18 +1,18 @@
 import { module, test } from 'qunit';
 import { setupTest } from 'ember-qunit';
 
-module('Unit | Serializer | application', function(hooks) {
+module('Unit | Serializer | application', function (hooks) {
   setupTest(hooks);
 
   // Replace this with your real tests.
-  test('it exists', function(assert) {
+  test('it exists', function (assert) {
     let store = this.owner.lookup('service:store');
     let serializer = store.serializerFor('application');
 
     assert.ok(serializer);
   });
 
-  test('it serializes records', function(assert) {
+  test('it serializes records', function (assert) {
     let store = this.owner.lookup('service:store');
     let record = store.createRecord('application', {});