feat: Redesign the active sessions view and rework idletime #2006

zusorio · 2024-11-15T15:35:34Z

Rework idletime:

Renamed idletime to idle_status object
Also return termination time from config
Show card on active session if session will be terminated soon

Overhaul parts of the session view:

Show times relative to now
Show session info as one text block instead of split
Redesign last requested session and active session card
Show additional info on active session cards as mini cards

Closes #1783
Closes #1486

codecov · 2024-11-15T15:36:32Z

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 85.00%. Comparing base (6a3ca78) to head (f912ba2).
Report is 4 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2006      +/-   ##
==========================================
+ Coverage   84.74%   85.00%   +0.25%     
==========================================
  Files         212      213       +1     
  Lines        7068     7075       +7     
  Branches      493      490       -3     
==========================================
+ Hits         5990     6014      +24     
+ Misses        919      903      -16     
+ Partials      159      158       -1

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚨 Try these New Features:

Flaky Tests Detection - Detect and resolve failed and flaky tests
JS Bundle Analysis - Avoid shipping oversized bundles

github-actions · 2024-11-15T15:36:58Z

API Changelog 4.13.1.dev52+g40de9eb3

GET /api/v1/sessions

⚠️ removed the required property '/items/last_seen' from the response with the '200' status
added the required property '/items/idle_state' to the response with the '200' status

POST /api/v1/sessions

⚠️ removed the required property 'last_seen' from the response with the '200' status
added the required property 'idle_state' to the response with the '200' status

GET /api/v1/sessions/{session_id}

⚠️ removed the required property 'last_seen' from the response with the '200' status
added the required property 'idle_state' to the response with the '200' status

GET /api/v1/users/{user_id}/sessions

⚠️ removed the required property '/items/last_seen' from the response with the '200' status
added the required property '/items/idle_state' to the response with the '200' status

github-actions · 2024-11-15T15:37:48Z

A Storybook preview is available for commit 40de9eb.
➡️ View Storybook
➡️ View Chromatic build

MoritzWeber0

General structure looks good. Design for the session history has to be discussed team-internally before.

frontend/src/app/general/relative-time/relative-time.component.html

...essions-wrapper/create-sessions/create-session-history/create-session-history.component.html

backend/capellacollab/sessions/injection.py

frontend/src/app/sessions/session-overview/session-overview.component.html

frontend/src/app/sessions/user-sessions-wrapper/active-sessions/active-sessions.component.html

backend/capellacollab/sessions/injection.py

frontend/src/app/sessions/user-sessions-wrapper/active-sessions/active-sessions.component.html

backend/capellacollab/sessions/injection.py

Rework idletime: - Renamed idletime to idle_status object - Also return termination time from config - Show card on active session if session will be terminated soon Overhaul parts of the session view: - Show times relative to now - Show session info as one text block instead of split - Redesign last requested session and active session card - Show additional info on active session cards as mini cards Closes #1783 Closes #1486

sonarcloud · 2024-11-19T10:23:20Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

github-actions · 2024-11-19T10:24:54Z

This report was generated by comparing 40de9eb with 6a3ca78.
If you would like to check difference, please check here.

ArtifactName: `reg`

item	count
pass	337
change	29
new	4
delete	0

📝 Report

Differences

`Session Components_Active Sessions_Readonly Session Success State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Readonly Session Success State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Failed State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Failed State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Not Found State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Not Found State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Pending State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Pending State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Preparation Pending State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Preparation Pending State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Preparation Running State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Preparation Running State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Running State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Running State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Shared With User_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Shared With User_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Sharing Enabled_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Sharing Enabled_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Terminated State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Terminated State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session Unknown State_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session Unknown State_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Session With Feedback Enabled_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Session With Feedback Enabled_mobile.png`

actual
expected
difference

`Session Components_Active Sessions_Shared Session_desktop.png`

actual
expected
difference

`Session Components_Active Sessions_Shared Session_mobile.png`

actual
expected
difference

`Session Components_Session History_Resolved Session History.png`

actual
expected
difference

`Session Components_Session Overview_All Selected_desktop.png`

actual
expected
difference

`Session Components_Session Overview_Overview_desktop.png`

actual
expected
difference

New Items

`Session Components_Active Sessions_Session Shared With User Terminating Soon_desktop.png`

`Session Components_Active Sessions_Session Shared With User Terminating Soon_mobile.png`

`Session Components_Active Sessions_Session Terminating Soon_desktop.png`