diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml index 9f2fb54f8..1deee0f25 100644 --- a/addons/core/translations/resources/en-us.yaml +++ b/addons/core/translations/resources/en-us.yaml @@ -222,6 +222,15 @@ session-recording: title_plural: Channels session: title: Session Playback + form: + time: + label: Time + user: + label: User + target: + label: Target + duration: + label: Duration storage-bucket: title: Storage Bucket title_plural: Storage Buckets diff --git a/ui/admin/app/formats.js b/ui/admin/app/formats.js index 3d6cb9a0b..197e8f054 100644 --- a/ui/admin/app/formats.js +++ b/ui/admin/app/formats.js @@ -34,6 +34,13 @@ export default { minute: 'numeric', timeZoneName: 'short', }, + mmddyyhhmm: { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: 'numeric', + minute: 'numeric', + }, }, number: { compact: { notation: 'compact' }, diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index c1bc62db0..cf263297c 100644 --- a/ui/admin/app/styles/app.scss +++ b/ui/admin/app/styles/app.scss @@ -776,3 +776,14 @@ 'sidebar'; } } + +// Session recording - List +.session-recording-list-cell-item { + display: flex; + gap: sizing.rems(xs); + + span { + display: flex; + align-items: center; + } +} diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs index 5762bc212..8d423682f 100644 --- a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs +++ b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs @@ -4,15 +4,64 @@ - {{#each @model as |recording|}} -

- - {{recording.id}} - -

- {{/each}} + {{#if @model}} + + <:body as |B|> + + + + {{format-date B.data.started_time format='mmddyyhhmm'}} + + + +
+ + {{B.data.user.name}} +
+
+ +
+ + {{B.data.target.name}} +
+
+ +
+ + + {{format-time-duration B.data.duration}} + +
+
+ + + +
+ +
+ {{/if}}
\ No newline at end of file