33 Commits

Author SHA1 Message Date
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
Pablo Vazquez
fd38ad2aea Web: Use row background color for Tabulator tables 2022-05-12 15:53:57 +02:00
Sybren A. Stüvel
abed318500 Web: remove Vue logo 2022-05-12 15:11:20 +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
Pablo Vazquez
4f1b1be90b Web: Style tweaks to Tabulator tables 2022-05-04 18:47:55 +02:00
Pablo Vazquez
dad5da49be Web: Style tweak to buttons 2022-05-04 15:34:59 +02:00
Pablo Vazquez
c3f60303a8 Web: Fix page width overflow 2022-05-04 15:33:57 +02:00
Pablo Vazquez
9904c4a3cb Web: Style adjustments to Tabulator tables 2022-05-04 15:33:45 +02:00
Pablo Vazquez
6dad727954 Web: Style app-version 2022-05-04 15:32:52 +02:00
Pablo Vazquez
14ea7fc0a5 Web: Set titles for dt elements in tables
Since the cell has a fixed width and can be cropped.
2022-05-04 15:32:29 +02:00
Pablo Vazquez
c10b7f97c9 Web: Positive wording text for Job/Task Details
Also, do not mention left/right on labels since the position of sections
can vary (for example on smaller screens).
2022-05-04 15:25:29 +02:00
Pablo Vazquez
0d683e4786 Web: Move task details to the bottom on smaller screens 2022-05-04 12:57:02 +02:00
Pablo Vazquez
0c8def66aa Web: Use definition lists for Task and Job details 2022-05-04 12:56:30 +02:00
Pablo Vazquez
a6d2b4235b CSS: Cleanup
Use CSS variables for font family body, and minor contrast and padding adjustments.
2022-05-04 12:54:39 +02:00
Pablo Vazquez
a22e3c9064 Web: Use custom CSS file for Tabulator
Forked from "Midnight" built-in theme.
2022-05-03 19:28:32 +02:00
Pablo Vazquez
301bff9244 Web: Move basic styling from App to base.css
First step, it should be further split later down the line.
2022-05-03 19:21:19 +02:00
Sybren A. Stüvel
555c935790 Web: Replace Vue 2 with Vue 3 webapp
Replace the Vue v2 webapp with a Vue v3 one, and embed the OpenAPI
client in the webapp itself (instead of being its own npm project).

- Vue v2.x -> v3.x
- Tabulator v4.x -> v5.1
- Moment JS -> replaced with Luxon JS
- Vue CLI/UI -> replaced with Vite
2022-04-12 12:34:49 +02:00