Scheduled Task Cron Notification Block for Vue

Edit PRESETS: each has an id, a label, its cron text, a sentence, a kind of period or month, an anchor (a run you know, in UTC) and, for a period, its length in milliseconds. AS_OF is the page's fixed now, and the last and next runs are counted from the anchor, so they read the same for everyone. In your app compute them with your scheduler's own library.

Nothing leaves the page. It says "Queued (demo)" and how many manual runs have been asked for on this page; no job exists. The last run and its result are typed. In your app call your scheduler's trigger endpoint from runNow and put its answer in the status line.

A cron expression has no time zone of its own, and a page that guessed the viewer's would read differently for everyone. Every time here is UTC and says so. In your app format them in the zone your scheduler runs in, and show that zone next to the expression.

Not in this block: it reads four presets back in words, which is the part that is easy to get wrong. To accept any expression, add a field, parse it with a cron library and keep the same three outputs (the sentence, the next runs and the last run).

The select has a visible label and is a real select element, so it works with any keyboard or screen reader. The runs are an ordered list with machine-readable times, the status line says the next run whenever you choose, and Run now stays focusable.