wip

2025-08-17 17:04:27 -04:00
parent f9f23f2d3f
commit 2eed0d9021
72 changed files with 2713 additions and 100 deletions
--- a/web/components/document/actions.go
+++ b/web/components/document/actions.go
@@ -0,0 +1,134 @@
+package document
+
+import (
+	"fmt"
+
+	g "maragu.dev/gomponents"
+	h "maragu.dev/gomponents/html"
+
+	"reichard.io/antholume/pkg/utils"
+	"reichard.io/antholume/web/assets"
+	"reichard.io/antholume/web/components/ui"
+	"reichard.io/antholume/web/models"
+)
+
+func Actions(d models.Document) g.Node {
+	return h.Div(
+		h.Class("flex flex-col float-left gap-2 w-44 md:w-60 lg:w-80 mr-4 relative"),
+
+		// Cover
+		ui.AnchoredPopover(
+			h.Img(
+				h.Class("rounded object-fill w-full"),
+				h.Src(fmt.Sprintf("/documents/%s/cover", d.ID)),
+			),
+			editCoverPopover(d.ID),
+		),
+
+		// Read
+		ui.LinkButton(g.Text("Read"), fmt.Sprintf("/reader#id=%s&type=REMOTE", d.ID)),
+
+		// Actions
+		h.Div(
+			h.Class("flex flex-col justify-between z-20 gap-2 relative"),
+
+			h.Div(
+				h.Class("flex grow align-center justify-between my-auto text-gray-500 dark:text-gray-500"),
+
+				ui.AnchoredPopover(
+					ui.SpanButton(assets.Icon("delete", 28), ui.ButtonConfig{Variant: ui.ButtonVariantGhost}),
+					deletePopover(d.ID),
+				),
+
+				ui.LinkButton(
+					assets.Icon("activity", 28),
+					fmt.Sprintf("../activity?document=%s", d.ID),
+					ui.ButtonConfig{Variant: ui.ButtonVariantGhost},
+				),
+
+				ui.AnchoredPopover(
+					ui.SpanButton(assets.Icon("search", 28), ui.ButtonConfig{Variant: ui.ButtonVariantGhost}),
+					searchPopover(d),
+				),
+
+				ui.LinkButton(
+					assets.Icon("download", 28),
+					fmt.Sprintf("./%s/file", d.ID),
+					ui.ButtonConfig{
+						Variant:  ui.ButtonVariantGhost,
+						Disabled: !d.HasFile,
+					},
+				),
+			),
+		),
+	)
+}
+
+func editCoverPopover(docID string) g.Node {
+	return h.Div(
+		h.Class("flex flex-col gap-2"),
+		h.Form(
+			h.Class("flex flex-col gap-2 w-[19rem] text-black dark:text-white text-sm"),
+			h.Method("POST"),
+			g.Attr("enctype", "multipart/form-data"),
+			h.Action(fmt.Sprintf("./%s/edit", docID)),
+			h.Input(h.Type("file"), h.ID("cover_file"), h.Name("cover_file")),
+			ui.FormButton(g.Text("Upload Cover"), ""),
+		),
+		h.Form(
+			h.Class("flex flex-col gap-2 w-[19rem] text-black dark:text-white text-sm"),
+			h.Method("POST"),
+			h.Action(fmt.Sprintf("./%s/edit", docID)),
+			h.Input(
+				h.ID("remove_cover"),
+				h.Name("remove_cover"),
+				h.Class("hidden"),
+				h.Type("checkbox"),
+				h.Checked(),
+			),
+			ui.FormButton(g.Text("Remove Cover"), ""),
+		),
+	)
+}
+
+func deletePopover(id string) g.Node {
+	return h.Form(
+		h.Class("text-black dark:text-white text-sm w-24"),
+		h.Method("POST"),
+		h.Action(fmt.Sprintf("./%s/delete", id)),
+		ui.FormButton(g.Text("Delete"), ""),
+	)
+}
+
+func searchPopover(d models.Document) g.Node {
+	return h.Form(
+		h.Method("POST"),
+		h.Action(fmt.Sprintf("./%s/identify", d.ID)),
+		h.Class("flex flex-col gap-2 text-black dark:text-white text-sm"),
+		h.Input(
+			h.ID("title"),
+			h.Name("title"),
+			h.Class("p-2 bg-gray-300 text-black dark:bg-gray-700 dark:text-white"),
+			h.Type("text"),
+			h.Placeholder("Title"),
+			h.Value(d.Title),
+		),
+		h.Input(
+			h.ID("author"),
+			h.Name("author"),
+			h.Class("p-2 bg-gray-300 text-black dark:bg-gray-700 dark:text-white"),
+			h.Type("text"),
+			h.Placeholder("Author"),
+			h.Value(d.Author),
+		),
+		h.Input(
+			h.ID("isbn"),
+			h.Name("isbn"),
+			h.Class("p-2 bg-gray-300 text-black dark:bg-gray-700 dark:text-white"),
+			h.Type("text"),
+			h.Placeholder("ISBN 10 / ISBN 13"),
+			h.Value(utils.FirstNonZero(d.ISBN13, d.ISBN10)),
+		),
+		ui.FormButton(g.Text("Identify"), ""),
+	)
+}