Add navigation to Session Recordings (#105)

* Add navigation from Session recordings to session recording (detail)

* Add navigation from session recording (detail) to a specific channel detail

* Comment model code

addons/core/translations/resources/en-us.yaml

@@ -217,6 +217,8 @@ session-recording:
   channel:
     title: Channel
     title_plural: Channels
+  session:
+    title: Session Playback
 storage-bucket:
   title: Storage Bucket
   title_plural: Storage Buckets

ui/admin/app/routes/scopes/scope/session-recordings.js

@@ -29,6 +29,9 @@ export default class ScopesScopeSessionRecordingsRoute extends Route {
     // if (this.can.can('list session-recording', scope, { collection: 'session-recordings' })) {
     //   return this.store.query('session-recording', { scope_id });
     // }
+    return {
+      session_recording_id: 'sr_1234567890',
+    };
   }
 
   // =actions

ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js

@@ -5,7 +5,8 @@ export default class ScopesScopeSessionRecordingsSessionRecordingRoute extends R
   // =methods
   model() {
     return {
-      scope_id: 'sr_1234567890',
+      session_recording_id: 'sr_1234567890',
+      channel_connection_id: 'srcc_1234567890',
     };
   }
 }

ui/admin/app/templates/scopes/scope/session-recordings.hbs

@@ -1,3 +1,2 @@
 {{page-title (t 'resources.session-recording.title_plural')}}
-
 {{outlet}}

ui/admin/app/templates/scopes/scope/session-recordings/index.hbs

@@ -0,0 +1,14 @@
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.title_plural'}}</h2>
+  </page.header>
+
+  <page.body>
+    <LinkTo
+      @route='scopes.scope.session-recordings.session-recording'
+      @model={{@model.session_recording_id}}
+    >
+      {{@model.session_recording_id}}
+    </LinkTo>
+  </page.body>
+</Rose::Layout::Page>

ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs

@@ -1,4 +1,2 @@
 {{page-title @model.displayName}}
-
-<p>{{@model.scope_id}}</p>
 {{outlet}}

ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs

@@ -0,0 +1,19 @@
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.session.title'}}</h2>
+  </page.header>
+
+  <page.body>
+    <p>{{t 'resources.session-recording.title'}}
+      {{@model.session_recording_id}}</p>
+    <p>{{t 'resources.session-recording.channel.title'}}
+      {{@model.channel_connection_id}}</p>
+
+    <LinkTo
+      @route='scopes.scope.session-recordings.session-recording.channels-by-connection.channel'
+      @model={{@model.channel_connection_id}}
+    >
+      {{@model.channel_connection_id}}
+    </LinkTo>
+  </page.body>
+</Rose::Layout::Page>