blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,181 Commits 1 Branch 0 Tags
Commit Graph

86 Commits

Author SHA1 Message Date
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
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