204 Commits

Author SHA1 Message Date
Sybren A. Stüvel
b6d8882b8e Web: show job blocklist
The blocklist is now shown in the job details, in its own tab. The list
is only fetched when the tab is visible, and doesn't get dynamically
updated yet.
2022-08-01 18:24:01 +02:00
Sybren A. Stüvel
37477fc6bd Web: remove console.log calls
Remove a whole lot of `console.log()` calls. They were useful during
development, but not really suitable for production environments. Because
they also include (potentially large) objects, they can even slow down
the webapp itself.
2022-08-01 17:11:45 +02:00
Francesco Siddi
35591b174b Web: Sleep schedule UX updates 2022-07-26 16:51:51 +02:00
Pablo Vazquez
85eb17e434 Web: Layout adjustments to sleep schedule 2022-07-26 16:51:51 +02:00
Pablo Vazquez
f0a592a9ba Web: Style and layout to Sleep Schedule management
* Use full-width form
  Fitting an input inside a <dl> makes it jump around
* Add button to toggle schedule on/off
* Add button to cancel editing the schedule
* Use time type inputs for Start/End Time fields
* Add help text to "Days of Week" to explain it's only the first 2 letters
2022-07-26 16:51:51 +02:00
Francesco Siddi
3b719dca77 Web: UI for Worker schedule editing 2022-07-26 16:51:51 +02:00
Francesco Siddi
d6f419a683 Web: Rename link components
No functional change, just name the components with their type first,
so that all 'link' related components are more discoverable and next
to each other.
2022-07-26 16:33:05 +02:00
Francesco Siddi
36e0a6052f Web: Let WorkerTaskLink support undefined tasks
Fixes an error when the component is passed an undefined or missing
workerTask property.
2022-07-26 11:22:32 +02:00
Sybren A. Stüvel
736ca103c3 Manager: show current/last task in worker details
The Task details component already linked to the Worker it was assigned
to last, and now the Worker links back to the task.

There's only one task shown in the Worker details. If the Worker is
actively working on a task, that one's shown. Otherwise it's the
last-updated task that was assigned to the worker.
2022-07-26 10:36:02 +02:00
Pablo Vazquez
038eb678e8 Setup Assistant: Use larger buttons for back/next 2022-07-22 14:57:11 +02:00
Francesco Siddi
08f52993ad Setup Screen: Overall UI/UX tweaks
- Added initial description and illustration
- Swap "Check" button for fields with a debounced @input event
- Turn Blender's list into a radio selector
- Tweak wording when paths are not found
- Add microtip library for tooltips
- Make navigation steps clickable, according to the state
2022-07-22 14:57:11 +02:00
Pablo Vazquez
2741f900b9 Setup Screen: Style tweak to current and done steps
Based on idea by Francesco.
2022-07-22 14:57:11 +02:00
Francesco Siddi
8b02085c5b Setup Screen: Use StepsWrapper
Similar to TabsWrapper, with Previous/Next navigation capabilities.
2022-07-22 14:57:11 +02:00
Sybren A. Stüvel
120db29351 Web: show "Last seen: never" when worker has never been seen
Show "Last Seen: never" in the Worker details, if the Worker has never
been seen.
2022-07-16 15:35:07 +02:00
Sybren A. Stüvel
b3701ef493 Web: style task log buttons
Style the task log buttons like the other buttons.
2022-07-16 13:23:06 +02:00
Sybren A. Stüvel
a97913bebb Web: add "Follow Task Log" button
The "Follow Task Log" button should make it easier to discover the task
log viewer in the footer pop-over.
2022-07-16 13:22:11 +02:00
Sybren A. Stüvel
726129446d T99730: Allow access to full task log
The web interface has a button that opens the task log in a new window.
This might need some restyling ;-)
2022-07-16 12:55:41 +02:00
Sybren A. Stüvel
f19d800e35 Web: fix task log loading
Not sure how this ever worked before. It did though ;-)
2022-07-16 11:28:45 +02:00
Sybren A. Stüvel
9cebcc9f7c Fix T99391: get rid of the last occasional scrollbar in the middle column
My way to get things working (I wouldn't call this a "solution" as I don't
know the root cause) was to emit two consecutive "reshuffled" events when
changing tabs in the job details, and to recalculate the table height when
the job type (so not the job itself, but its type info) is loaded.
2022-07-16 10:51:43 +02:00
Pablo Vazquez
47110f437b JobDetails: Show message when job has no settings or metadata
Avoid an empty tab by displaying a message if there's no data.
2022-07-07 16:35:17 +02:00
Pablo Vazquez
d4fbad971c TaskDetails: Only show Type if defined 2022-07-07 16:13:07 +02:00
Pablo Vazquez
356c9b969d TaskDetails: Fix some details not showing when failed workers
Error introduced when the fields were sorted.
2022-07-07 16:13:07 +02:00
Pablo Vazquez
c718183e86 TaskDetails: Fix broken layout when multiple failed workers 2022-07-07 16:13:07 +02:00
Pablo Vazquez
23e752b351 LastRenderedImage: Fix nothing-rendered-yet image size 2022-07-07 15:40:50 +02:00
Pablo Vazquez
5ff5a4f141 JobDetails: Style preview container
* Limit preview container size to 16:9 aspect ratio.
* Use `-small` size of the last-rendered image, tiny is too small.
2022-07-07 15:34:30 +02:00
Pablo Vazquez
5501f86215 LastRenderedImage: Center image and limit width 2022-07-07 15:32:46 +02:00
Pablo Vazquez
58d9ab9fb5 Workers: Style action bar 2022-07-07 12:20:43 +02:00
Pablo Vazquez
4f4af4029a UI: Update style of connection status 2022-07-06 19:29:19 +02:00
Pablo Vazquez
0478883bb8 UI: Padding adjustment to footer pop-over tabbed navigation 2022-07-05 19:59:07 +02:00
Pablo Vazquez
94a4b8980f Last-rendered: Remove border from SVG
Add background-color via CSS.

If a border is required (e.g. to see the boundaries in transparent renders)
it should be added via CSS, so it scales properly.
2022-07-05 19:59:07 +02:00
Pablo Vazquez
44b30e08de UI: Color status in JobDetails and TaskDetails component
Create a visual connection with the colors used by the indicators.
2022-07-05 19:59:07 +02:00
Pablo Vazquez
66ad722519 JobDetails: Add back ID
It was removed by mistake when the tabbed UI was introduced.
2022-07-05 19:59:07 +02:00
Pablo Vazquez
8a4bcc3bf9 TaskDetails: Move definition list items to match JobDetails
* Move activity to the bottom
* Move Failed by Workers higher as it is critical information
2022-07-05 19:59:07 +02:00
Pablo Vazquez
2e8dadc479 UI: Increase height of footer pop-over 2022-07-05 19:59:07 +02:00
Pablo Vazquez
337948d02a UI: Style ConnectionStatus indicator 2022-07-05 19:59:07 +02:00
Pablo Vazquez
8c71563a4e UI: Initial styling on footer popup 2022-07-05 19:59:07 +02:00
Sybren A. Stüvel
00af8ec72a Web: fix bad this reference in the TabWrapper component 2022-07-05 19:01:18 +02:00
Francesco Siddi
df79864847 JobDetail: Emit reshuffled event on tab clicks
This way the tasks table properly resizes, accommodating for the
content changes of the tab group above it.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
d5275f51e1 UI: Use accent color for active tab items 2022-07-05 18:31:13 +02:00
Pablo Vazquez
d87e0aa019 Last-rendered: Remove outline when nothing has been rendered yet
Dotted/dashed lines are usually used for drop-boxes.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
a072aaaa8b JobDetail: Rename tabs titles
To set the context in the first tab title.

* Settings -> Job Settings
* Job Details -> Details
2022-07-05 18:31:13 +02:00
Pablo Vazquez
ccd12ea7b0 JobDetails: Remove column title
It's already clear we are viewing a job by the surrounding elements.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
30b734712c UI: Style tabs component 2022-07-05 18:31:13 +02:00
Francesco Siddi
c3d0e71439 Use tabs to organize Job details
WIP
2022-07-05 18:31:13 +02:00
Francesco Siddi
f6b593f660 Add Tab components
With these components it is possible organize content through tabs.

Use the following:

<TabsWrapper>
  <TabItem title="Tab 1">Tab 1 content</TabItem>
  <TabItem title="Tab 2">Tab 2 content</TabItem>
</TabsWrapper>

Inspired by work from matheus-alpe.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
9649ed18ea StatusFilterBar: Style tweaks to indicators
* Only dim indicators when list is filtered and status not active
* Slightly smaller size to better fit the action-bar
2022-07-05 18:31:13 +02:00
Pablo Vazquez
964e9cb1a3 Tables: Align status-filter-bars with action-bars
Saves some space and they are related actions anyway.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
a5e5dbd1eb WorkersTable: Add function to recalculate table height
Copy-paste of TasksTable `recalcTableHeight`.

Even though the function does not work well 100%, it's better than not
having the table resize.

When the issue gets fixed, it should be copied over to TasksTable and JobsTable.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
69a6279f24 JobsTable: Add function to recalculate table height
Copy-paste of TasksTable `recalcTableHeight`.

Even though the function does not work well 100%, it's better than not
having the table resize.

When the issue gets fixed, it should be copied over to TasksTable and WorkersTable.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
ba0116c589 Cleanup: Remove unused class from TasksTable
There is no styling for that class so remove it to avoid confusion.
2022-07-05 18:31:13 +02:00