🎨 [Frontend] Enh UX: Number of Active Jobs

[odeimaiz]

What do these changes do?

This PR improves the UX of the Activity Center Button.

So far we were showing the number of running jobs on the button, but this number would only be updated when the activity center was opened.

In this PR we replace that number with just a dot that will represent whether something or nothing is running.

• when the app starts, we check if something is running, and if it's the case the dot will be shown (1)
• when the frontend receives the projectStateUpdated socket event, it will check if it's me the one running it (this will eventually change), and if it's the case the dot will be shown (2)
• every time the dot has to be shown, a timer will be started/restarted and when it hits the timeout, we check how many jobs are running (1)

Related issue/s

• related to Add websocket message when something is running in task manager osparc-issues#1895

How to test

Dev-ops

[Copilot]

Pull Request Overview

This PR refactors the Activity Center button to show a simple dot indicator instead of a running-job count, and drives its visibility via initial fetch, socket events, and a periodic timer.

• Replace numeric label with active/inactive dot elements, driven by a new fetch + socket listener + timer
• Add amIRunningTheStudy helper in Utils.js for filtering socket payloads
• Centralize background color into NavigationBar.BG_COLOR and remove legacy job-count events

Reviewed Changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
services/static-webserver/client/source/class/osparc/task/TasksButton.js	Swapped hard-coded background color for shared BG_COLOR
services/static-webserver/client/source/class/osparc/study/Utils.js	Added amIRunningTheStudy helper to inspect socket projectStateUpdated
services/static-webserver/client/source/class/osparc/store/Jobs.js	Removed deprecated changeJobsActive event and its firing logic
services/static-webserver/client/source/class/osparc/navigation/NavigationBar.js	Extracted BG_COLOR static and used it instead of inline string
services/static-webserver/client/source/class/osparc/jobs/JobsButton.js	Overhauled button: numeric count → dot, fetch logic, socket listener, timer
services/static-webserver/client/source/class/osparc/dashboard/CardBase.js	Updated pipeline state comment and included new “PUBLISHED” branch

Comments suppressed due to low confidence (1)

services/static-webserver/client/source/class/osparc/study/Utils.js:401

• Add a JSDoc comment for amIRunningTheStudy to describe its purpose, parameters, and return value for better maintainability.

    amIRunningTheStudy: function(content) {

[odeimaiz]

@mergify queue

[mergify]

queue

✅ The pull request has been merged automatically

The pull request has been merged automatically at 342f7a7

[pcrespov]

👁️

[sanderegg]

ideally we should also have a spinner when stopping a pipeline.
Thanks!

[odeimaiz]

ideally we should also have a spinner when stopping a pipeline. Thanks!

Done 👌

[sonarqubecloud]

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

[matusdrobuliak66]

👍