Additional UI Features

[KirilMT]

Category: User Interface and Dashboard Enhancements

Sub-tasks:

• Fix visual update issues in input fields for priority display (currently shows old value until saved).
• Add an option in the main page to toggle non-production hours (e.g., 8h or 12h) for specific scenarios like shutdowns, with defaults for certain days and editable week numbers.
• Adapt the UI to look good at 100% browser zoom.
• Set background colour behind any modal that pops up in index.html, the same colour as the background in index.html.
• In Manage Mappings, the background colour needs to be different for each subsection. Example: class="technician-details" needs to have different background colours than class="skills-section", and different than class="skills-tree-container". This way, it is visually easier to know in what section we are in. Apply this standard to the complete Manage Mappings UI.
• In Index.html, when I click on the "Generate Skill-Based Assignments" button without having uploaded a file, there are 2 error messages at the same time. I only want 1 error message. In this case, I want to see the error message that comes from the submit file input field (it's like an overlay element, pop-up), not the one at the top of the window (class="message-container error").
• In the "Create Additional Task" modal, "Production Lines" input field should be a dropdown with all available lines that can be selected (check DB for lines).
• In the "Create Additional Task" modal, the "Quantity" input field needs to have the same format as the "Technicians Needed" input field. Needs to have the asterisk, like it has to be filled in obligatorily, and a placeholder in the input field, not like currently it has a number inputted, and I need to select it to be able to edit it.
• In the "Create Additional Task" modal, the "Reference URL" input field -> I would like to remove it completely. There is some logic in the code (I think in dashboard generation) that, depending on whether it is an issue or an MO, it knows how to create the link (it is a specific format). I want to follow the same link creation as when it is extracted from the Excel file and the dashboard is generated.
• In the "Create Additional Task" modal, in the "Select Required Skills" input field -> I am able to select parent technology when it has a child -> This is forbidden -> Need to implement the same rules as in id="newTaskTechnologySelectForMapping" from "Manage Mappings" UI, where selection of the parent is blocked.
• In the "Create Additional Task" modal, for each task, add an option to set the task priority (A, B, C, ...)
• In the "Manage Mappings" UI, for all new data elements we want to create, we need to block the rest of the input fields from editing until the name is typed. Please follow the same rules and formatting process as in the "Create New Task Type" process. It needs to be implemented for "Create New Task Type".
• In the "Manage Mappings" UI, for creating a new technician, currently I need to click on the "Add New Technician" button. This does not follow the same format standard as the other sections on this page. When I unfold "⚙️ Task-Skill Requirements", I should see a section to add a new technician without having to click on a button, like currently.
• In "Select Technicians for Rep Task" modal, include the priority in id="taskInfo" div (A, B, C...). Apply colours, following the same standard as in other places in the code.