change color for changed tasks (before not different from not-changed)

[AntonOvseenko]

I suggest changing the task-changed display color for better readability of states

[erwindon]

This should always have been the color of these "changed" tasks, as that is also the color of the tasks itself, both in SaltGUI and in salt '*' state.highstate.
I will take a few days to re-organise the code for this all.
The plan is to use a single set of css classes that can be applied.

In the image that you provided, the black-circle and black-circle-with-outline characters look to have equal size.
That is unexpected. did you use any additional tricks?

[AntonOvseenko]

No, I change only files from pull request. I reverted my changes to master branch and make new screenshots. Circles have different sizes in highstate page but have same size in job page

[erwindon]

I rewrote your change a little bit and added the update as a new commit to your branch.
Can you verify that the intended improvement still works fine?

I cannot reproduce the equal size of the characters in Firefox/Chrome/Edge.
Can you share details of your OS+browser?

One small proposal... how about changing circle-with-outline(25C9) with diamond(25C6)?
Just update Character.js to see for yourself.

[AntonOvseenko]

@erwindon
My main browser is Arc (https://arc.net) and OS - Mac OS Sonoma 14.4.1
I tested changes, looks good (with diamond symbol). Only one moment - if state changes with error it shown in detail page as red diamond (pic. 1), but in highstate page as red circle (pic. 2)

[erwindon]

@AntonOvseenko
thx for the report!
I'll keep the diamond character; and fix the reported combination.

[erwindon]

I'm making this a bit more consistent and removed some duplicate code.
And then I found this...
The standard output of a highstate task is to prefix each task with either HEAVY-CHECK-MARK(✔️) or with HEAVY-BALLOT-X (✘).
But using the same symbols (BLACK-CIRCLE=● or BLACK-DIAMOND=◆), and the same colors, as in the summary row is less confusing and more consistent.

[erwindon]

@AntonOvseenko
I made the intended changes wrt task-symbols:

• color should now always be ok
• symbol should now always be ok
• helper functions are added to determine color/symbol and these are used as much as possible
• tooltip is added for task-symbols also when summary-mode is used
• job view for highstate jobs now uses the same symbols per task (was circle/checkmark)

While working on this, I found that results from jobs that use node-groups as target are not always sorted on their minion-id.
I fixed that on the main branch.

Can you please test the version from this branch?

[erwindon]

@AntonOvseenko ping...

[sonarcloud]

Quality Gate failed

Failed conditions
3.2% Duplication on New Code (required ≤ 3%)

See analysis details on SonarCloud

[erwindon]

(no response from @AntonOvseenko)
@AntonOvseenko thx for the improvements!
reviewed/tested the changes again and merged it