diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml index 21c1f7b28..d843a0f32 100644 --- a/addons/core/translations/resources/en-us.yaml +++ b/addons/core/translations/resources/en-us.yaml @@ -232,6 +232,8 @@ session-recording: label: Summary channels-by-connection: title: Channels by connection + messages: + no-channels: There are no channels for this connection channel: title: Channel title_index: Channel {index} diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index dc35c0260..5153981b7 100644 --- a/ui/admin/app/styles/app.scss +++ b/ui/admin/app/styles/app.scss @@ -934,6 +934,10 @@ &-connection-header { padding: 0.875rem 1rem; } + + .no-channels-message { + padding: 0 1rem; + } } // Channel 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 index e0d306e58..440113cc4 100644 --- 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 @@ -31,82 +31,94 @@ {{connection.id}} - - <:body as |B|> - - - - {{indexed-display-name - 'resources.session-recording.channel.title_index' - connection.channel_recordings - B.data - }} - - - - - {{! Bytes up }} - - {{t - 'resources.session-recording.up' - bytes=(format-bytes-size B.data.bytes_up) + (hash label=(t 'form.id.label')) + (hash label='' align='right') + }} + > + <:body as |B|> + + + + {{indexed-display-name + 'resources.session-recording.channel.title_index' + connection.channel_recordings + B.data }} - - {{! Bytes down }} - - {{t - 'resources.session-recording.down' - bytes=(format-bytes-size B.data.bytes_down) - }} - - {{! Duration }} - {{#if B.data.duration}} - - {{format-time-duration B.data.duration}} + + + + + {{! Bytes up }} + + {{t + 'resources.session-recording.up' + bytes=(format-bytes-size B.data.bytes_up) + }} + {{! Bytes down }} + + {{t + 'resources.session-recording.down' + bytes=(format-bytes-size B.data.bytes_down) + }} + + {{! Duration }} + {{#if B.data.duration}} + + {{format-time-duration B.data.duration}} + + {{/if}} + + + + + {{B.data.id}} + + + + {{#if @model.sessionRecording.isAvailable}} + {{/if}} - - - - - {{B.data.id}} - - - - {{#if @model.sessionRecording.isAvailable}} - - {{/if}} - - - - + + + + + {{else}} +
+ + + {{t + 'resources.session-recording.channels-by-connection.messages.no-channels' + }} + + +
+ {{/if}} {{/each}}