feat: View credential library details

ui/admin/app/router.js

@@ -93,6 +93,11 @@ Router.map(function () {
           function () {
             this.route('credential-libraries', function () {
               this.route('new');
+              this.route(
+                'credential-library',
+                { path: ':credential_library_id' },
+                function () {}
+              );
             });
           }
         );

ui/admin/app/routes/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library.js

@@ -0,0 +1,49 @@
+import Route from '@ember/routing/route';
+
+export default class ScopesScopeCredentialStoresCredentialStoreCredentialLibrariesCredentialLibraryRoute extends Route {
+  // =methods
+
+  /**
+   * Load a credential-library using current credential store and its parent scope.
+   * @param {object} params
+   * @param {string} params.credential_library_id
+   * @return {CredentialLibraryModel}
+   */
+  async model({ credential_library_id }) {
+    return this.store.findRecord('credential-library', credential_library_id, {
+      reload: true,
+    });
+  }
+
+  /**
+   * Renders the credential library specific templates for header, navigation, and action page sections.
+   * @override
+   */
+  renderTemplate() {
+    super.renderTemplate(...arguments);
+
+    this.render(
+      'scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/-header',
+      {
+        into: 'scopes/scope/credential-stores/credential-store',
+        outlet: 'header',
+      }
+    );
+
+    this.render(
+      'scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/-navigation',
+      {
+        into: 'scopes/scope/credential-stores/credential-store',
+        outlet: 'navigation',
+      }
+    );
+
+    this.render(
+      'scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/-actions',
+      {
+        into: 'scopes/scope/credential-stores/credential-store',
+        outlet: 'actions',
+      }
+    );
+  }
+}

ui/admin/app/routes/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index.js

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

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library.hbs

@@ -0,0 +1,3 @@
+{{page-title @model.displayName}}
+
+{{outlet}}

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/-header.hbs

@@ -0,0 +1,9 @@
+<h2>{{t 'resources.credential-library.title'}}</h2>
+<p>{{t 'resources.credential-library.description'}}</p>
+<Copyable
+  @text={{@model.id}}
+  @buttonText={{t 'actions.copy-to-clipboard'}}
+  @acknowledgeText={{t 'states.copied'}}
+>
+  <code>{{@model.id}}</code>
+</Copyable>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/-navigation.hbs

@@ -0,0 +1,7 @@
+<Rose::Nav::Tabs as |nav|>
+  <nav.link
+    @route='scopes.scope.credential-stores.credential-store.credential-libraries.credential-library.index'
+  >
+    {{t 'titles.details'}}
+  </nav.link>
+</Rose::Nav::Tabs>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index.hbs

@@ -0,0 +1,5 @@
+<Form::CredentialLibrary
+  @model={{@model}}
+  @submit={{route-action 'save' @model}}
+  @cancel={{route-action 'cancel' @model}}
+/>

ui/admin/app/templates/scopes/scope/credential-stores/credential-store/credential-libraries/index.hbs

@@ -11,7 +11,12 @@
       {{#each @model as |credentialLibrary|}}
         <body.row as |row|>
           <row.headerCell>
-            {{credentialLibrary.displayName}}
+            <LinkTo
+              @route='scopes.scope.credential-stores.credential-store.credential-libraries.credential-library'
+              @model={{credentialLibrary.id}}
+            >
+              {{credentialLibrary.displayName}}
+            </LinkTo>
             <p>{{credentialLibrary.description}}</p>
           </row.headerCell>
           <row.cell>

ui/admin/tests/unit/routes/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library-test.js

@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module(
+  'Unit | Route | scopes/scope/credential-stores/credential-store/credential-libraries/credential-library',
+  function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+      let route = this.owner.lookup(
+        'route:scopes/scope/credential-stores/credential-store/credential-libraries/credential-library'
+      );
+      assert.ok(route);
+    });
+  }
+);

ui/admin/tests/unit/routes/scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index-test.js

@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module(
+  'Unit | Route | scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index',
+  function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+      let route = this.owner.lookup(
+        'route:scopes/scope/credential-stores/credential-store/credential-libraries/credential-library/index'
+      );
+      assert.ok(route);
+    });
+  }
+);