111 Commits

Author SHA1 Message Date
Sybren A. Stüvel
ebb322864f Webapp: prevent rewrapping the Manager name in the header
Longer names could get rewrapped, but there is not enough vertical space
for this. Now rewrapping is prevented. Of course a very long name can still
cause layout issues, but at least now slightly-long names work fine.
2025-08-21 11:19:47 +02:00
Vivian Leung
91e26b101e Webapp: Configuration Editor (#104399)
Add a new "Settings" view, to edit the Flamenco Manager configuration
via the web interface. Saving the form will write directly to
`flamenco-manager.yaml`. Depending on how they are used internally by
Flamenco Manager, some settings take effect immediately; most require
a restart of the Manager process, though.

Reviewed-on: https://projects.blender.org/studio/flamenco/pulls/104399
Reviewed-by: Sybren A. Stüvel <sybren@blender.org>
2025-08-21 11:15:53 +02:00
Sybren A. Stüvel
790159d735 Webapp: nicer styling of the 'Delete Jobs' confirmation popover
By using the flexbox layout model better, I could remove the `<div
class="align-right">` elements. And by adding a more visual border and
shadow, the popover looks good without having its height set explicitly.
This in turn makes it look good also when it's wrapping due to a small
screen size.
2025-08-19 16:19:18 +02:00
Sybren A. Stüvel
0d57d1e84d Webapp: use flexbox styling to handle button spacing
Instead of setting `margin-left` on all but the first button, use the
`gap` property to set the inter-button gap. This works properly when
buttons rewrap.
2025-08-19 11:14:29 +02:00
Vivian Leung
6284734521 Fix Workers and Tags view when window width is 960px or less (#104413)
Issue likely began after 7b31eba8d7614e82cfcc4583e1dd3c2f40f87944 as
it was an issue with header not being properly positioned.

Just needed to add `header-L` and `header-R` to `grid-template-areas`
and adjust the rest accordingly, and fix a class name typo.

Reviewed-on: https://projects.blender.org/studio/flamenco/pulls/104413
Reviewed-by: Sybren A. Stüvel <sybren@blender.org>
2025-07-18 08:15:29 +02:00
Vivian Leung
dcb184e28e Prevent text in nav list items from wrapping onto multiple lines (#104411)
Force menu items to stay on one line.

Reviewed-on: https://projects.blender.org/studio/flamenco/pulls/104411
Reviewed-by: Sybren A. Stüvel <sybren@blender.org>
2025-07-17 10:54:51 +02:00
Sybren A. Stüvel
7b31eba8d7 Webapp: improve positioning of the farm status indicator
Split the header into two or three parts, depending on the number of
columns shown. The farm status indicator will be above the middle column
(in 3 col mode) or at the right edge of the left column (in 2 col mode).

Also I reverted the hiding of the farm status when SocketIO has
disconnected, as that disconnect happens when navigation between tabs.
That created a too 'blinky' interface, so now it just shows the last-known
farm status.
2024-03-02 23:11:33 +01:00
Sybren A. Stüvel
59bf389018 Webapp: show farm status in header bar
Show the farm status in the webapp header bar, and respond to farm status
events to update it when necessary.
2024-03-01 22:36:38 +01:00
Sybren A. Stüvel
a97a4e6e67 Manager: show delete-requested jobs in the web interface
Show jobs that have been marked for deletion with a red strike-through
line in the jobs table, and show the deletion-request timestamp in the
job details.
2023-01-08 13:52:27 +01:00
Pablo Vazquez
080a63df6a Job Details: Style UI for setting job priority 2022-10-17 13:08:14 +02:00
Sybren A. Stüvel
6de5c9e7fa Web: add worker removal
Add "remove worker" button to the worker details panel. It will
show a little warning when the worker is still running, and also has an
explanation of what removing a worker actually means.
2022-08-12 10:30:27 -07:00
Sybren A. Stüvel
f3693b88f4 Web: show feedback when clicking the backend URL to copy it
The URL now briefly flashes in the primary color, to show that the click
was acted upon.
2022-08-02 11:03:39 +02:00
Sybren A. Stüvel
72b994db7d Web: show a "get the addon" call to action if there are no jobs
If there are no jobs in the database yet, show a "get the addon" call to
action. This includes the current API URL, which can be copied by clicking
on it.

There is no feedback yet that the copy took place, though.
2022-08-02 10:43:08 +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
Pablo Vazquez
68370a1df4 Web: Use two-column layout 2022-07-26 16:51:51 +02:00
Francesco Siddi
9856a34071 Web: Fix asset import 2022-07-22 17:00:55 +02:00
Pablo Vazquez
71f8791e4a Last Rendered: Fix overflow of tall images in global last-rendered
Fixes T99458
2022-07-22 15:41:22 +02:00
Pablo Vazquez
cc22c1010f Setup Assistant: Style and layout tweaks to Welcome step 2022-07-22 14:57:12 +02:00
Pablo Vazquez
860017fb42 Setup Assistant: Initial styling to Blender step 2022-07-22 14:57:12 +02:00
Pablo Vazquez
87932ae674 Setup Assistant: increase font-size
To help readability.
2022-07-22 14:57:12 +02:00
Pablo Vazquez
593070f3f1 UI: Use app accent color for built-in widgets 2022-07-22 14:57:12 +02:00
Pablo Vazquez
be0afe1aaf Workers: Adjust color of asleep status
It was hard to read.
2022-07-22 14:57:12 +02:00
Pablo Vazquez
5709d4b1ed Setup Assistant: Style invalid input type text
Also remove unused 'path-input' class.
2022-07-22 14:57:11 +02:00
Pablo Vazquez
976ed43de5 Cleanup: Move label styling to base.css 2022-07-22 14:57:11 +02:00
Pablo Vazquez
038eb678e8 Setup Assistant: Use larger buttons for back/next 2022-07-22 14:57:11 +02:00
Pablo Vazquez
b74c8558cf UI: Style text inputs 2022-07-22 14:57:11 +02:00
Pablo Vazquez
db39ca0d21 Setup Screen: Initial styling and layout adjustments 2022-07-22 14:57:11 +02:00
Pablo Vazquez
3479db5593 UI: Introduce btn-primary style
Use accent color (regular buttons use gray).
2022-07-22 14:57:11 +02:00
Pablo Vazquez
8d75da524d UI: Style <button> elements same as .btn class 2022-07-22 14:57:11 +02:00
Sybren A. Stüvel
aec5ee49e0 First-Time Wizard: allow selecting Blender executables
The wizard now finds Blender in various ways, and lets the user select
which one to use.

Doesn't save anything yet, though.
2022-07-14 12:22:56 +02:00
Sybren A. Stüvel
aa9837b5f0 First incarnation of the first-time wizard
This adds a `-wizard` CLI option to the Manager, which opens a webbrowser
and shows the First-Time Wizard to aid in configuration of Flamenco.

This is work in progress. The wizard is just one page, and doesn't save
anything yet to the configuration.
2022-07-14 11:17:03 +02:00
Pablo Vazquez
204d9d1156 Footer: Add arrow icon to indicate that can be expanded 2022-07-07 17:49:23 +02:00
Pablo Vazquez
b8c49acf71 Cleanup: Rename window-footer to app-footer
Follow the naming used in other places like app-version or #app.
2022-07-07 17:49:23 +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
8b7bcb9779 LastRenderedImage: Fix image not showing up in Firefox 2022-07-07 15:49:58 +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
29311417df UI: Prevent scrollbars showing up unnecessarily on some browsers
Use overlay overflow for compatible browsers (e.g. Chromium),
fallback to auto for non-compatible browsers (e.g. Firefox).

There should be no visible changes for Firefox users (tested on 101.0.1).
2022-07-07 12:39:14 +02:00
Pablo Vazquez
2712f565f0 UI: Remove extra bottom padding on page
The padding is added by the grid gap so it was duplicate.
2022-07-07 12:36:46 +02:00
Pablo Vazquez
7032c1ad0b Workers: Color status indicators
Match Jobs and Tasks.
2022-07-07 12:20:43 +02:00
Pablo Vazquez
d072e2c146 UI: Style transition arrow tweaks
* Replace font-size with transform and inline-block display, this way the arrow
scales without making the line taller (which leads to misalignments or jumpy
UI when switching between transitional statuses.

* Do not use accent color, it gets lost with the surrounding colors in status names.
  If we need to make this transition more prominent, we can use a subtle animation.
2022-07-07 12:20:43 +02:00
Pablo Vazquez
ff4a4e8aa0 Cleanup CSS
* Use variable instead of fixed value
* Remove unnecessary calc()
2022-07-07 12:20:43 +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
8c71563a4e UI: Initial styling on footer popup 2022-07-05 19:59:07 +02:00
Pablo Vazquez
52ceba2960 Tabulator: Use variable to define background colors on selected rows
Even though the concept of "selected" rows is not used yet, better to
use the proper variable instead of color-accent-background.
2022-07-05 18:31:13 +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