Add keys route

app/components/icons/key-outline.js

@@ -0,0 +1 @@
+export { KeyOutline as default } from 'ember-mdi';

app/components/royal-table/column.hbs

@@ -26,8 +26,10 @@
     {{/if}}
     {{#if (has-block 'name')}}
       {{yield to='name'}}
-    {{else}}
+    {{else if @name}}
       {{@name}}
+    {{else if @prop}}
+      {{capitalize @prop}}
     {{/if}}
   </th>
 {{else if this.isBody}}

app/router.js

@@ -15,6 +15,9 @@ Router.map(function () {
         this.route('info');
       });
     });
+    this.route('keys', function () {
+      this.route('key');
+    });
   });
   this.route('login');
 });

app/routes/admin/keys.js

@@ -0,0 +1,10 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class AdminKeysRoute extends Route {
+  @service meilisearch;
+
+  model() {
+    return this.meilisearch.getKeys();
+  }
+}

app/routes/admin/keys/key.js

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

app/services/meilisearch.js

@@ -20,4 +20,8 @@ export default class MeilisearchService extends Service {
   getStats() {
     return query('stats');
   }
+
+  getKeys() {
+    return query('keys');
+  }
 }

app/templates/admin.hbs

@@ -25,6 +25,10 @@
           {{/each}}
           {{! TODO: add link "create new index" }}
           <div class='border-t my-4'></div>
+          <LinkTo @route='admin.keys' class={{linkClass}}>
+            <Icons::KeyOutline class='mr-1' />
+            Keys
+          </LinkTo>
           <a
             href='https://docs.meilisearch.com/'
             class={{linkClass}}

app/templates/admin/keys.hbs

@@ -0,0 +1,13 @@
+<h1 class='text-3xl mb-4'>Keys</h1>
+
+<RoyalTable @data={{@model.results}} class='w-full' as |Row data|>
+  <Row as |Column|>
+    <Column @prop='name'>
+      <LinkTo @route='admin.keys.key' @model={{data.uid}}>
+        {{data.name}}
+      </LinkTo>
+    </Column>
+    <Column @prop='actions' />
+    <Column @prop='indexes' />
+  </Row>
+</RoyalTable>

app/templates/admin/keys/key.hbs

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

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

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

tests/unit/routes/admin/keys/key-test.js

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