From c74d53931cd88697cecb9a0d6be07283ea105fc4 Mon Sep 17 00:00:00 2001
From: Cameron Perera <cameron.perera@hashicorp.com>
Date: Wed, 1 Mar 2023 15:58:59 -0600
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20create=20routes=20for=20?=
 =?UTF-8?q?session-recording=20and=20channels=20(#89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 🎸 create routes for session-recording and channels

✅ Closes: ICU-8241

* refactor: 💡 add hardcoded ids to make route navigation possible

these are temporary and will be removed upon feature completion

* refactor: 💡 rename channels route to channels-by-connection
---
 addons/core/translations/resources/en-us.yaml    |  3 +++
 ui/admin/app/router.js                           |  8 ++++++--
 .../session-recordings/session-recording.js      |  5 +++++
 .../session-recording/channels-by-connection.js  |  3 +++
 .../channels-by-connection/channel.js            |  9 +++++++++
 .../channels-by-connection/index.js              |  3 +++
 .../session-recordings/session-recording.hbs     |  1 +
 .../session-recording/channels-by-connection.hbs |  3 +++
 .../channels-by-connection/channel.hbs           |  4 ++++
 .../channels-by-connection/index.hbs             |  0
 .../channels-by-connection-test.js               | 16 ++++++++++++++++
 .../channels-by-connection/channel-test.js       | 16 ++++++++++++++++
 .../channels-by-connection/index-test.js         | 16 ++++++++++++++++
 13 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection.js
 create mode 100644 ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.js
 create mode 100644 ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index.js
 create mode 100644 ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection.hbs
 create mode 100644 ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
 create mode 100644 ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs
 create mode 100644 ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection-test.js
 create mode 100644 ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel-test.js
 create mode 100644 ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index-test.js

diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml
index 2299d7ebe..e17787053 100644
--- a/addons/core/translations/resources/en-us.yaml
+++ b/addons/core/translations/resources/en-us.yaml
@@ -220,6 +220,9 @@ session-recordings:
   storage-bucket:
     title: Storage Bucket
     title_plural: Storage Buckets
+  channel:
+    title: Channel
+    title_plural: Channels
 project:
   title: Project
   title_plural: Projects
diff --git a/ui/admin/app/router.js b/ui/admin/app/router.js
index 34ad6fd25..41947d0f4 100644
--- a/ui/admin/app/router.js
+++ b/ui/admin/app/router.js
@@ -141,9 +141,13 @@ Router.map(function () {
         this.route(
           'session-recording',
           { path: ':session_recording_id' },
-          function () {}
+          function () {
+            this.route('channels-by-connection', function () {
+              this.route('channel', { path: ':channel_id' }, function () {});
+            });
+          }
         );
-        this.route('storage-buckets', function() {});
+        this.route('storage-buckets', function () {});
       });
     });
   });
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
index 9224bab43..0c76fa6df 100644
--- a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
+++ b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
@@ -3,4 +3,9 @@ import Route from '@ember/routing/route';
 export default class ScopesScopeSessionRecordingsSessionRecordingRoute extends Route {
   // =services
   // =methods
+  model() {
+    return {
+      scope_id: 'sr_1234567890',
+    };
+  }
 }
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection.js b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection.js
new file mode 100644
index 000000000..9513ee879
--- /dev/null
+++ b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection.js
@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class ScopesScopeSessionRecordingsSessionRecordingChannelsByConnectionRoute extends Route {}
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.js b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.js
new file mode 100644
index 000000000..495eee914
--- /dev/null
+++ b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.js
@@ -0,0 +1,9 @@
+import Route from '@ember/routing/route';
+
+export default class ScopesScopeSessionRecordingsSessionRecordingChannelsByConnectionChannelRoute extends Route {
+  model() {
+    return {
+      scope_id: 'srcc_1234567890',
+    };
+  }
+}
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index.js b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index.js
new file mode 100644
index 000000000..2a6ddf3a4
--- /dev/null
+++ b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index.js
@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class ScopesScopeSessionRecordingsSessionRecordingChannelsByConnectionIndexRoute extends Route {}
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
index 7d32ecb0d..4c1ce9936 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
@@ -1,3 +1,4 @@
 {{page-title @model.displayName}}
 
+<p>{{@model.scope_id}}</p>
 {{outlet}}
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection.hbs
new file mode 100644
index 000000000..708976b2e
--- /dev/null
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection.hbs
@@ -0,0 +1,3 @@
+{{page-title (t 'resources.session-recordings.channel.title_plural')}}
+
+{{outlet}}
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
new file mode 100644
index 000000000..c7f8e0163
--- /dev/null
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
@@ -0,0 +1,4 @@
+{{page-title (t 'resources.session-recordings.channel.title')}}
+
+<p>{{@model.scope_id}}</p>
+{{outlet}}
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs
new file mode 100644
index 000000000..e69de29bb
diff --git a/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection-test.js b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection-test.js
new file mode 100644
index 000000000..8b04301d1
--- /dev/null
+++ b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection-test.js
@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'admin/tests/helpers';
+
+module(
+  'Unit | Route | scopes/scope/session-recordings/session-recording/channels-by-connection',
+  function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+      let route = this.owner.lookup(
+        'route:scopes/scope/session-recordings/session-recording/channels-by-connection'
+      );
+      assert.ok(route);
+    });
+  }
+);
diff --git a/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel-test.js b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel-test.js
new file mode 100644
index 000000000..3ca0c9afb
--- /dev/null
+++ b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/channel-test.js
@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'admin/tests/helpers';
+
+module(
+  'Unit | Route | scopes/scope/session-recordings/session-recording/channels-by-connection/channel',
+  function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+      let route = this.owner.lookup(
+        'route:scopes/scope/session-recordings/session-recording/channels-by-connection/channel'
+      );
+      assert.ok(route);
+    });
+  }
+);
diff --git a/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index-test.js b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index-test.js
new file mode 100644
index 000000000..c6d4d870a
--- /dev/null
+++ b/ui/admin/tests/unit/routes/scopes/scope/session-recordings/session-recording/channels-by-connection/index-test.js
@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'admin/tests/helpers';
+
+module(
+  'Unit | Route | scopes/scope/session-recordings/session-recording/channels-by-connection/index',
+  function (hooks) {
+    setupTest(hooks);
+
+    test('it exists', function (assert) {
+      let route = this.owner.lookup(
+        'route:scopes/scope/session-recordings/session-recording/channels-by-connection/index'
+      );
+      assert.ok(route);
+    });
+  }
+);