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
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
Pablo Vazquez
60afcc4206
Tasks Table: Add title to section
2022-07-05 18:31:13 +02:00
Sybren A. Stüvel
37db10481e
Website theming
...
Some styling & theming, including a new icon. Probably not the final
color scheme, but better than the "this looks like default Bootstrap"
blue color.
2022-07-05 17:10:27 +02:00
Sybren A. Stüvel
9939e43b63
Add make site
target to build & publish the website
...
This of course needs SSH access to the flamenco.io website.
Run `hugo --serve` from the `web/flamenco-io-site` directory to simply
run an in-memory copy of the site, and browse it locally at
http://localhost:1313/
2022-07-05 16:17:25 +02:00
Sybren A. Stüvel
3c7c79206e
More work on the new flamenco.io site
...
This is basically the contents of the `README.md` file, spread over
multiple documentation pages.
2022-07-05 14:46:38 +02:00
Sybren A. Stüvel
feaf9545a6
Revert "Move the webapp from /app/…
to /app/v3/…
"
...
This reverts commit fcb261f5d336c4362339e6da5b35a340ec5aa6e1. The
`/app/v3` URL didn't look nice enough.
2022-07-05 11:51:05 +02:00
Sybren A. Stüvel
bcde49ede0
Initial checkin of a static documentation website
...
Building this site requires Hugo (not yet included in the README or in the
installation of dependencies in the Makefile). Still very much work in
progress, this is basically the [Geekdocks theme][1] + one page.
[1]: https://geekdocs.de/
2022-07-04 18:00:43 +02:00
Sybren A. Stüvel
dc43049183
Web: fix auto-reloading
...
Fix an issue with the hourly auto-reloading, where the `reload()` call
somehow was called on "an object that doesn't implement the Location
interface".
2022-07-04 14:08:55 +02:00
Sybren A. Stüvel
2c932ebad5
Show Worker's "last seen" timestamp in web interface & API responses
2022-07-04 12:49:56 +02:00
Sybren A. Stüvel
4c8ab01dae
OAPI: regenerate code
2022-07-04 12:49:26 +02:00
Sybren A. Stüvel
fcb261f5d3
Move the webapp from /app/…
to /app/v3/…
...
This will help in the future to host multiple (major) versions of Flamenco
on the same system, redirecting based on their URL prefix.
2022-07-04 12:22:41 +02:00
Sybren A. Stüvel
7d64d1bca4
Move SwaggerUI to /api/v3/swagger-ui
...
Include the `v3` path component in the Swagger UI URL.
2022-07-04 12:21:18 +02:00