„Start Task“ selection highlighting is inconsistent

[lkiesow]

• Go to the admin interface
• Select some events
• Select Action → Start Task

Deactivating all selected events will cause Opencast to highlight at the selection blocks that some need to be checked.
If you deactivate the boxes one after another, this highlighting is inconstistent:

The behavior should be consistent:

• either always mark all checkboxes as to be selected one none are selected
• or never highlight any boxes since the grayed out “Next” serves as indicator as well

Reproducible on Firefox 81.0.1- Likely caused by the required attributes of the checkboxes

Possibly related to #1907

[abhinavanand123]

Hello @lkiesow I'd like to give a try on this issue

[lkiesow]

To make your life easier, it seems like you can already reproduce this in the UI mockup without building and running all of Opencast:

% cd modules/admin-ui-frontend
% npm ci
% npm run build

[abhinavanand123]

Thank you @lkiesow
So basically all you need that the red color border on selection box shouldn't appear on it if you deactivate the boxes one after another also??

[lkiesow]

That's basically it. Or alternatively, show the requirement on all checkboxes.
If you want to dig a bit deeper, maybe you can take a look at #1907 as well

[abhinavanand123]

But I check it now I think currently it doesn't show the red border on it.

[lkiesow]

Testing again, it seems like the red border is specific to Firefox. It's probably the required attribute of the checkboxes.

[abhinavanand123]

Yes because it's working fine with chrome

[abhinavanand123]

So you want me to work on it so that it should be compatible for both the browsers.

[abhinavanand123]

sure working on it

[abhinavanand123]

@lkiesow can you help me out with the code of checkboxes i.e. where it is exactly, which folder shall I visit

[lkiesow]

The frontend lives in modules/admin-ui-frontend. Everything outside that folder should be irrelevant. The view should be app/scripts/shared/partials/modals/schedule-task-modal.html. Not sure about which JavaScript file is the corresponding JavaScript.