1125 Commits

Author SHA1 Message Date
Pablo Vazquez
f8c49981f6 WorkersView: Add missing class to footer 2022-07-07 16:00:04 +02:00
Pablo Vazquez
8b7bcb9779 LastRenderedImage: Fix image not showing up in Firefox 2022-07-07 15:49:58 +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
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
Sybren A. Stüvel
39722bdd61 Gitignore the new default storage locations
The defaults changed from `task-logs` and `flamenco-storage` to
`flamenco-manager-storage` and `flamenco-shared-storage`.
2022-07-07 12:16:47 +02:00
Sybren A. Stüvel
666d639efa Install Hugo as well, for building the flamenco.io website
`make with-deps` now installs Hugo as well, for building the Flamenco.io
static website.
2022-07-07 12:15:02 +02:00
Sybren A. Stüvel
c87358b89b Manager: improve error message when unable to create UPnP/SSDP server
Rather than just print the error message ("error creating UPnP/SSDP
server"), it now explains what the effect is of this error (workers
unable to automatically find this Manager) and how to solve it (pass
`-manager URL` to the Worker).
2022-07-07 11:57:27 +02:00
Sybren A. Stüvel
93a3436495 Add sleep_repeats: 1 to debug-job-echo.sh
Add a `sleep_repeats: 1` setting to `debug-job-echo.sh`. It doesn't change
the behaviour of the job, but it does make it visible that this setting
exists, and that it can be used to generate a large number of tasks.
2022-07-07 10:26:18 +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
Pablo Vazquez
bf977e36fe UI: Typo in "addon"
Add-on is often written with hyphen.
2022-07-05 19:00: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
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
d5275f51e1 UI: Use accent color for active tab items 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
Pablo Vazquez
86cd645d4a Last-rendered: Replace placeholder image
Use image icon instead of hardcoded text.
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
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
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
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
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
Pablo Vazquez
c082f4389b Jobs: add titles to definition list labels
That way if the label does not fit in the view, you can mouse over to
read the full label.
2022-07-05 18:31:13 +02:00
Pablo Vazquez
5fd0292dc1 Tasks: add titles to definition list labels
That way if the label does not fit in the view, you can mouse over to
read the full label.
2022-07-05 18:31:13 +02:00