Started working on job UI implementation

pages/editor/editor.pixy

@@ -33,6 +33,7 @@ component Editor(url string, score int, scoreTitle string, scoreTypes map[string
 	.footer.mountable
 		a.footer-element(href="/editor/mal/diff/anime" + user.Settings().Editor.Filter.Suffix()) MALdiff
 		a.footer-element(href="/editor/kitsu/new/anime") Kitsu
+		a.footer-element(href="/editor/jobs") Jobs
 
 		if user.Role == "admin"
 			a.footer-element(href="/admin") Admin

pages/editor/jobs/jobs.go

@@ -0,0 +1,17 @@
+package jobs
+
+import (
+	"github.com/aerogo/aero"
+	"github.com/animenotifier/notify.moe/components"
+	"github.com/animenotifier/notify.moe/utils"
+)
+
+var running = map[string]bool{}
+var lastRun = map[string]string{}
+
+// Overview shows all background jobs.
+func Overview(ctx *aero.Context) string {
+	user := utils.GetUser(ctx)
+
+	return ctx.HTML(components.EditorJobs(running, lastRun, ctx.URI(), user))
+}

pages/editor/jobs/jobs.pixy

@@ -0,0 +1,9 @@
+component EditorJobs(running bool, url string, user *arn.User)
+	EditorTabs(url, user)
+
+	h1.editor-list-page-title.mountable Background jobs
+
+	.buttons
+		button.mountable.action(data-action="startJob", data-trigger="click", data-job="twist", disabled=running)
+			Icon("rocket")
+			span twist

pages/index/staffroutes/staffroutes.go

@@ -9,6 +9,7 @@ import (
 	"github.com/animenotifier/notify.moe/pages/editor/filteranime"
 	"github.com/animenotifier/notify.moe/pages/editor/filtercompanies"
 	"github.com/animenotifier/notify.moe/pages/editor/filtersoundtracks"
+	"github.com/animenotifier/notify.moe/pages/editor/jobs"
 )
 
 // Register registers the page routes.
@@ -62,6 +63,9 @@ func Register(l *layout.Layout) {
 	l.Page("/editor/soundtracks/tags", filtersoundtracks.Tags)
 	l.Page("/editor/soundtracks/file", filtersoundtracks.File)
 
+	// Editor - Jobs
+	l.Page("/editor/jobs", jobs.Overview)
+
 	// Log
 	l.Page("/log", editlog.Get)
 	l.Page("/log/from/:index", editlog.Get)

scripts/Actions/Editor.ts

@@ -70,4 +70,17 @@ export async function multiSearchAnime(arn: AnimeNotifier, textarea: HTMLTextAre
 
 	results.classList.remove("hidden")
 	showSearchResults(arn, results)
-}
+}
+
+
+// Start background job
+export async function startJob(arn: AnimeNotifier, button: HTMLButtonElement) {
+	let jobName = button.dataset.job
+
+	if(!confirm(`Are you sure you want to start the "${jobName}" job?`)) {
+		return
+	}
+
+	await arn.post(`/api/job/${jobName}/start`)
+	arn.reloadContent()
+}

utils/JobInfo.go

@@ -0,0 +1,16 @@
+package utils
+
+import "time"
+
+// JobInfo gives you information about a background job.
+type JobInfo struct {
+	Name         string
+	LastStarted  time.Time
+	LastFinished time.Time
+}
+
+// IsRunning tells you whether the given job is running or not.
+func (job *JobInfo) IsRunning() bool {
+	now := time.Now()
+	return job.LastStarted.After(job.LastFinished) && !now.After(job.LastFinished)
+}