62 Commits

Author SHA1 Message Date
Pablo Vazquez
4f4af4029a UI: Update style of connection status 2022-07-06 19:29:19 +02:00
Pablo Vazquez
8c71563a4e UI: Initial styling on footer popup 2022-07-05 19:59:07 +02:00
Pablo Vazquez
1db0316c58 UI: Use accent color for active router links 2022-07-05 18:31:13 +02:00
Pablo Vazquez
0860881679 UI: Adjust accent color
Based on feedback from a discussion with Francesco and Sybren.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
d059b99af4 JobDetail: Remove custom styling for last-rendered image
Use regular styling for the last-rendered preview (full width).
2022-07-05 18:31:13 +02:00
Pablo Vazquez
be27fdfd88 UI: Adjust margin of column titles 2022-07-05 18:31:13 +02:00
Pablo Vazquez
22da307ead UI: Fix disabled buttons border-color mismatch 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
fa8a7cfa4f UI: Style adjustment to buttons
Do not use accent color for regular buttons, keep that for real call-to-actions.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
47121d4fa3 UI: Break long strings by words in definition lists 2022-07-05 18:31:13 +02:00
Sybren A. Stüvel
beb8684a38 Web: fix styling of last-rendered image in job details
Instead of putting the styling in `<style scoped>`, I moved it to the
global `base.css`. This made things work again.
2022-07-01 13:10:51 +02:00
Sybren A. Stüvel
375a6666c2 Web: move Worker status change requests to drop-down
This basically copies the drop-down approach from Flamenco Manager 2.
2022-06-03 13:01:47 +02:00
Sybren A. Stüvel
df36d93d7b Web: style "current page" links differently
This makes it visible which section of Flamenco you're actually in.
2022-06-02 18:56:24 +02:00
Sybren A. Stüvel
f1a3d98c5b Roll back color changes
By request of Francesco.
2022-06-02 18:51:20 +02:00
Sybren A. Stüvel
17f1b42d19 Web: slightly bluer purple 2022-06-02 18:42:57 +02:00
Sybren A. Stüvel
276b026f02 Web: change accent hue
The blue was so boring. Purple is much better.
2022-06-02 18:22:06 +02:00
Sybren A. Stüvel
f97f0a34c3 Manager: implement worker status change requests
Implement the OpenAPI `RequestWorkerStatusChange` operation, and handle
these changes in the web interface.
2022-05-31 17:22:03 +02:00
Sybren A. Stüvel
fc4e3d60d7 Web: show more info in the worker details 2022-05-31 15:47:49 +02:00
Sybren A. Stüvel
66edc5c4d3 Web: include name of status in worker list
This makes it a bit easier to interpret. Just having the colours might
be too little information.
2022-05-31 15:23:42 +02:00
Sybren A. Stüvel
88346d8244 Web: first implementation of Workers overview
Show workers with their status, and allow clicking on a worker to activate
it and show its details (which currently is limited to just its ID). Does
include Vue Router handling of the active worker ID and CSS classes for
worker statuses.

This basically copies the `JobsTable` component to `workers/WorkersTable`.
The intention is that all the jobs-specific components will move into a
`jobs` subdirectory at some point.
2022-05-30 18:52:02 +02:00
Sybren A. Stüvel
723855a9d5 Web: move styling of 'clickable' table rows to separate class
Instead of doing this styling per table, just add a class that indicates
it has clickable rows.
2022-05-30 18:43:23 +02:00
Sybren A. Stüvel
81501ea41b Web: fix scrollbar on "select a ... to see its details" content
The "fix" is just setting the height to 50% instead of 100%, as the latter
will make it as big as the entire column; that causes the scrollbar to
show, as the column title isn't taken into account.
2022-05-30 16:24:53 +02:00
Pablo Vazquez
74f875957f Web: Move overflow and position properties to affect all columns 2022-05-30 15:44:38 +02:00
Pablo Vazquez
6f4fc29145 Web: Adjust colors for Canceled and Paused status
Use gray to contrast with the other statuses that indicate activity/errors.
2022-05-25 16:56:31 +02:00
Pablo Vazquez
8969ecb262 Web: Adjust colors for Queued, Requeueing
Do not use pink for queued/requeueing. Pink in Blender is used to indicate
something going wrong (missing textures, broken shaders). Use a shade of
blue instead which is closer in hue to green which means completed.
2022-05-25 16:56:31 +02:00
Pablo Vazquez
11955e209a Web: Use Flamenco accent hue instead of pink for active/selected rows 2022-05-25 16:56:31 +02:00
Sybren A. Stüvel
6a8d959301 Web: show task log in footer popover
Styling of the "tab buttons" in the footer popover still needs work. The
currently selected task's log updates are shown, though.
2022-05-20 14:35:19 +02:00
Sybren A. Stüvel
7b664475ca Rename job status requeued to requeueing 2022-05-19 17:25:53 +02:00
Sybren A. Stüvel
1aed4bf729 Web: nicer styling for notification history placeholder
The `user-select: none` mirrors the 'hint text' in the columns when
there is no active job/task.
2022-05-19 16:53:47 +02:00
Sybren A. Stüvel
916ea2015a Web: always show scrollbar in notification history
Force a visible scroll bar, so that the notification history table
always has the same available width. Without this, Tabulator won't
properly act on the reduction in width when the scrollbar appears, and
will show a horizontal scrollbar as well.
2022-05-19 15:00:37 +02:00
Sybren A. Stüvel
d5e5e7b566 Web: fix typo in CSS rule 2022-05-19 13:07:42 +02:00
Sybren A. Stüvel
40bed3db5e Web: add notification history pop-over
Add a notification pop-over, which can be opened by clicking the footer
bar.
2022-05-19 12:57:00 +02:00
Sybren A. Stüvel
163611ff19 Web: add filter bar for job status 2022-05-16 18:15:51 +02:00
Sybren A. Stüvel
9fd4d55fdb Web: move status indicator code into its own function
Status indicators are used in Tabulator cells, and it's unknown whether
we can use Vue components there. Moving the code to a central place makes
it a bit easier to reuse the function in various places.
2022-05-16 17:31:30 +02:00
Sybren A. Stüvel
2559238701 Web: CSS, tweak status colours for Queued, Requeued, and Paused
I didn't like how "queued", "paused", and "cancelled" had the same colour,
as they represent rather different statuses (may run in future, vs. won't
run at all).
2022-05-11 18:10:46 +02:00
Sybren A. Stüvel
c992966723 Web: CSS, use variables for "active" row colours in tables 2022-05-11 18:09:42 +02:00
Sybren A. Stüvel
e9e1cd8be8 Web: show SocketIO connection status 2022-05-11 13:09:01 +02:00
Sybren A. Stüvel
63ac728732 Web: remove concept of "selected jobs" and replace with "active job"
The selection mechanism of Tabulator was getting in the way of having nice
navigation, as it would deselect (i.e. nav to "/") before selecting the
next job (i.e. nav to "/jobs/{job-id}").

The active job is now determined by the URL and thus handled by Vue Router.
Clicking on a job simply navigates to its URL, which causes the reactive
system to load & display it.

It is still intended to get job selection for "mass actions", but that's
only possible after normal navigation is working well.
2022-05-11 12:13:25 +02:00
Sybren A. Stüvel
cbf07f1142 Web: remove CSS for removed job statuses 2022-05-06 15:10:40 +02:00
Pablo Vazquez
84fe14fa46 Web: Color adjustments to statuses 2022-05-05 15:39:31 +02:00
Pablo Vazquez
60df6e33dc Web: Adjust accent color
Use Lineup's color scheme.
2022-05-04 19:29:20 +02:00
Pablo Vazquez
a3b807d016 Web: minor style tweaks 2022-05-04 19:28:59 +02:00
Pablo Vazquez
8488d792bf Web: Add stauts indicator to Tasks table 2022-05-04 19:28:39 +02:00
Pablo Vazquez
fb774e2e45 Web: Replace status with indicator 2022-05-04 18:51:20 +02:00
Pablo Vazquez
478415018e Web: Style tweak to definition lists 2022-05-04 18:51:05 +02:00
Pablo Vazquez
f2d4294b7b Web: More margin around app name in navbar 2022-05-04 18:50:08 +02:00
Pablo Vazquez
8f6ef5ae5e Web: Prefer dark color scheme by default
So built-in browser widgets use dark colors
2022-05-04 18:49:46 +02:00
Pablo Vazquez
3a288bc1c1 Web: Add gap around the main app 2022-05-04 18:49:10 +02:00
Pablo Vazquez
319716f6f8 Web: Color tweaks to column background and titles 2022-05-04 18:48:46 +02:00