aboutsummaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
Diffstat (limited to 'web')
-rw-r--r--web/command/html/authenticate.go5
-rw-r--r--web/command/html/create.go11
-rw-r--r--web/command/html/delete.go11
-rw-r--r--web/command/html/error.go7
-rw-r--r--web/command/html/flags.go12
-rw-r--r--web/command/html/home.go11
-rw-r--r--web/command/html/host.go11
-rw-r--r--web/command/html/site.go25
-rw-r--r--web/command/html/upload.go11
-rw-r--r--web/skeleton/skeleton.go (renamed from web/command/html/skeleton.go)17
-rw-r--r--web/skeleton/style.css (renamed from web/command/html/style.css)40
-rw-r--r--web/status/404.html11
12 files changed, 91 insertions, 81 deletions
diff --git a/web/command/html/authenticate.go b/web/command/html/authenticate.go
index c077529..3d85325 100644
--- a/web/command/html/authenticate.go
+++ b/web/command/html/authenticate.go
@@ -1,15 +1,16 @@
package html
import (
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func AuthenticatePage(err string) Node {
- return page("Authenticate",
+ return Page("Authenticate",
H1(Text("Welcome to scrapbook")),
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Action("/authenticate"),
diff --git a/web/command/html/create.go b/web/command/html/create.go
index 8b76776..47de92f 100644
--- a/web/command/html/create.go
+++ b/web/command/html/create.go
@@ -1,6 +1,7 @@
package html
import (
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
@@ -11,19 +12,19 @@ type CreatePageForm struct {
}
func CreatePage(success, err string, formValues CreatePageForm) Node {
- return page("Create site",
+ return Page("Create site",
H1(Text("Create site")),
If(success != "", Group{
- alertSuccess(success),
+ AlertSuccess(success),
Div(
Class("control-group group-right"),
- navButton("OK", "/"),
+ NavButton("OK", "/"),
),
}),
If(success == "", Group{
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Action("/create"),
@@ -62,7 +63,7 @@ func CreatePage(success, err string, formValues CreatePageForm) Node {
Div(
Class("control-group group-right"),
- navButton("Go back", "/"),
+ NavButton("Go back", "/"),
Input(
Type("submit"),
Value("Submit"),
diff --git a/web/command/html/delete.go b/web/command/html/delete.go
index a2059f5..54764c3 100644
--- a/web/command/html/delete.go
+++ b/web/command/html/delete.go
@@ -3,24 +3,25 @@ package html
import (
"fmt"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func DeletePage(success, err string, siteName string) Node {
- return page("Delete "+siteName,
+ return Page("Delete "+siteName,
H1(Text("Delete "+siteName)),
If(success != "", Group{
- alertSuccess(success),
+ AlertSuccess(success),
Div(
Class("control-group group-right"),
- navButton("OK", "/"),
+ NavButton("OK", "/"),
),
}),
If(success == "", Group{
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Method("post"),
@@ -46,7 +47,7 @@ func DeletePage(success, err string, siteName string) Node {
Div(
Class("control-group group-right"),
- navButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
Input(
Type("submit"),
Value("Submit"),
diff --git a/web/command/html/error.go b/web/command/html/error.go
index b39cc19..20b49f3 100644
--- a/web/command/html/error.go
+++ b/web/command/html/error.go
@@ -1,13 +1,14 @@
package html
import (
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
)
func ErrorPage(err string) Node {
- return page("Error",
- alertError(err),
+ return Page("Error",
+ AlertError(err),
- navButton("Home", "/"),
+ NavButton("Home", "/"),
)
}
diff --git a/web/command/html/flags.go b/web/command/html/flags.go
index 728b415..61a1f50 100644
--- a/web/command/html/flags.go
+++ b/web/command/html/flags.go
@@ -4,24 +4,25 @@ import (
"fmt"
"github.com/LMBishop/scrapbook/pkg/config"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func FlagsPage(success, err string, siteName string, flags config.SiteFlag) Node {
- return page("Set flags for "+siteName,
+ return Page("Set flags for "+siteName,
H1(Text("Set flags for "+siteName)),
If(success != "", Group{
- alertSuccess(success),
+ AlertSuccess(success),
Div(
Class("control-group group-right"),
- navButton("OK", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("OK", fmt.Sprintf("/site/%s/", siteName)),
),
}),
If(success == "", Group{
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Method("post"),
@@ -70,7 +71,6 @@ func FlagsPage(success, err string, siteName string, flags config.SiteFlag) Node
ID("index"),
Name("index"),
Type("checkbox"),
- Disabled(),
If(flags&config.FlagIndex != 0, Checked()),
),
Label(
@@ -121,7 +121,7 @@ func FlagsPage(success, err string, siteName string, flags config.SiteFlag) Node
Div(
Class("control-group group-right"),
- navButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
Input(
Type("submit"),
Value("Submit"),
diff --git a/web/command/html/home.go b/web/command/html/home.go
index 5dc236a..6de30bd 100644
--- a/web/command/html/home.go
+++ b/web/command/html/home.go
@@ -5,16 +5,17 @@ import (
"github.com/LMBishop/scrapbook/pkg/index"
"github.com/LMBishop/scrapbook/pkg/site"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func HomePage(siteIndex *index.SiteIndex) Node {
- return page("All sites",
+ return Page("All sites",
H1(Text("All sites")),
Div(
- Class("sites-table"),
+ Class("table sites-table"),
Group{
Span(
Class("header name"),
@@ -58,18 +59,18 @@ func HomePage(siteIndex *index.SiteIndex) Node {
),
Span(
Class("actions"),
- navButton("Details", fmt.Sprintf("/site/%s/", site.Name)),
+ NavButton("Details", fmt.Sprintf("/site/%s/", site.Name)),
),
}
}),
),
- If(len(siteIndex.GetSites()) == 0, alert("There are no sites to display", "")),
+ If(len(siteIndex.GetSites()) == 0, Alert("There are no sites to display", "")),
Div(
Class("control-group group-right"),
- navButton("Create new", "/create"),
+ NavButton("Create new", "/create"),
),
)
}
diff --git a/web/command/html/host.go b/web/command/html/host.go
index 36f0e6b..cd1c75a 100644
--- a/web/command/html/host.go
+++ b/web/command/html/host.go
@@ -3,24 +3,25 @@ package html
import (
"fmt"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func HostPage(success, err, siteName, hostValue string) Node {
- return page("Change host for "+siteName,
+ return Page("Change host for "+siteName,
H1(Text("Change host for "+siteName)),
If(success != "", Group{
- alertSuccess(success),
+ AlertSuccess(success),
Div(
Class("control-group group-right"),
- navButton("OK", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("OK", fmt.Sprintf("/site/%s/", siteName)),
),
}),
If(success == "", Group{
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Method("post"),
@@ -40,7 +41,7 @@ func HostPage(success, err, siteName, hostValue string) Node {
Div(
Class("control-group group-right"),
- navButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
Input(
Type("submit"),
Value("Submit"),
diff --git a/web/command/html/site.go b/web/command/html/site.go
index cb1fa31..e9bfbac 100644
--- a/web/command/html/site.go
+++ b/web/command/html/site.go
@@ -5,6 +5,7 @@ import (
"github.com/LMBishop/scrapbook/pkg/config"
"github.com/LMBishop/scrapbook/pkg/site"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
@@ -13,10 +14,10 @@ func SitePage(mainConfig *config.MainConfig, site *site.Site) Node {
versions, err := site.GetAllVersions()
currentVersion, _ := site.GetCurrentVersion()
- return page("Site "+site.Name,
+ return Page("Site "+site.Name,
H1(Text("Site "+site.Name)),
- If(site.EvaluateSiteStatus() != "live", alertError(site.EvaluateSiteStatusReason())),
+ If(site.EvaluateSiteStatus() != "live", AlertError(site.EvaluateSiteStatusReason())),
FieldSet(
Legend(Text("Site actions")),
@@ -24,19 +25,19 @@ func SitePage(mainConfig *config.MainConfig, site *site.Site) Node {
Div(
Class("control-group"),
- navButton("Change host", "host"),
- navButton("Set flags", "flags"),
- navButton("Delete site", "delete"),
+ NavButton("Change host", "host"),
+ NavButton("Set flags", "flags"),
+ NavButton("Delete site", "delete"),
),
),
H2(Text("Version history")),
- If(len(versions) == 0, Span(Class("span"), alert("There are no versions to display", ""))),
- If(err != nil, Span(Class("span"), alertError(fmt.Errorf("Cannot show site versions: %w", err).Error()))),
+ If(len(versions) == 0, Span(Class("span"), Alert("There are no versions to display", ""))),
+ If(err != nil, Span(Class("span"), AlertError(fmt.Errorf("Cannot show site versions: %w", err).Error()))),
If(len(versions) > 0 && err == nil, Group{
Div(
- Class("versions-table"),
+ Class("table versions-table"),
Group{
Span(
Class("header date"),
@@ -57,8 +58,8 @@ func SitePage(mainConfig *config.MainConfig, site *site.Site) Node {
),
Span(
Class("actions"),
- If(currentVersion != version, navButton("Set current", fmt.Sprintf("/site/%s/", site.Name))),
- navButton("Details", fmt.Sprintf("version/%s/", version)),
+ If(currentVersion != version, NavButton("Set current", fmt.Sprintf("/site/%s/", site.Name))),
+ NavButton("Details", fmt.Sprintf("version/%s/", version)),
),
}
}),
@@ -67,7 +68,7 @@ func SitePage(mainConfig *config.MainConfig, site *site.Site) Node {
Div(
Class("control-group group-right"),
- navButton("Upload new version", "upload"),
+ NavButton("Upload new version", "upload"),
),
H2(Text("Information")),
@@ -78,6 +79,6 @@ func SitePage(mainConfig *config.MainConfig, site *site.Site) Node {
Br(),
- navButton("Go back", "/"),
+ NavButton("Go back", "/"),
)
}
diff --git a/web/command/html/upload.go b/web/command/html/upload.go
index 1225d0f..5810b19 100644
--- a/web/command/html/upload.go
+++ b/web/command/html/upload.go
@@ -3,24 +3,25 @@ package html
import (
"fmt"
+ . "github.com/LMBishop/scrapbook/web/skeleton"
. "maragu.dev/gomponents"
. "maragu.dev/gomponents/html"
)
func UploadPage(success, err string, siteName string) Node {
- return page("Upload new version to "+siteName,
+ return Page("Upload new version to "+siteName,
H1(Text("Upload new version to "+siteName)),
If(success != "", Group{
- alertSuccess(success),
+ AlertSuccess(success),
Div(
Class("control-group group-right"),
- navButton("OK", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("OK", fmt.Sprintf("/site/%s/", siteName)),
),
}),
If(success == "", Group{
- If(err != "", alertError(err)),
+ If(err != "", AlertError(err)),
Form(
Method("post"),
@@ -41,7 +42,7 @@ func UploadPage(success, err string, siteName string) Node {
Div(
Class("control-group group-right"),
- navButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
+ NavButton("Go back", fmt.Sprintf("/site/%s/", siteName)),
Input(
Type("submit"),
Value("Submit"),
diff --git a/web/command/html/skeleton.go b/web/skeleton/skeleton.go
index 9e17475..a3ba73e 100644
--- a/web/command/html/skeleton.go
+++ b/web/skeleton/skeleton.go
@@ -1,4 +1,4 @@
-package html
+package skeleton
import (
_ "embed"
@@ -11,7 +11,7 @@ import (
//go:embed style.css
var styles string
-func page(title string, children ...Node) Node {
+func Page(title string, children ...Node) Node {
return HTML5(HTML5Props{
Title: title,
Language: "en",
@@ -34,24 +34,25 @@ func footer() Node {
)
}
-func navButton(label string, dest string) Node {
+func NavButton(label string, dest string) Node {
return A(
+ Class("button"),
Href(dest),
Text(label),
)
}
-func alert(label string, class string) Node {
+func Alert(label string, class string) Node {
return Div(
Class("alert "+class),
Text(label),
)
}
-func alertError(label string) Node {
- return alert(label, "error")
+func AlertError(label string) Node {
+ return Alert(label, "error")
}
-func alertSuccess(label string) Node {
- return alert(label, "success")
+func AlertSuccess(label string) Node {
+ return Alert(label, "success")
}
diff --git a/web/command/html/style.css b/web/skeleton/style.css
index e8db90c..b4cd0eb 100644
--- a/web/command/html/style.css
+++ b/web/skeleton/style.css
@@ -16,7 +16,7 @@ th {
background-color: #f2f2f2;
}
-a, input[type=submit] {
+a.button, input[type=submit] {
/* font-weight: bold; */
border: 1px solid #000!important;
color: #000;
@@ -26,8 +26,8 @@ a, input[type=submit] {
text-decoration: none;
}
-a :visited{
- color: #fff;
+a.button:visited{
+ color: #000;
}
form {
@@ -70,7 +70,7 @@ button, input[type=submit] {
cursor: pointer;
}
-a:hover, button:hover, input[type=submit]:hover, button:active, a:active, input[type=submit]:active {
+a.button:hover, button:hover, input[type=submit]:hover, button:active, a.button:active, input[type=submit]:active {
background: #000!important;
color: #fff!important;
}
@@ -94,24 +94,41 @@ a:hover, button:hover, input[type=submit]:hover, button:active, a:active, input[
justify-content: flex-end;
}
-.control-group a, .control-group button, .control-group input[type=submit] {
+.control-group a.button, .control-group button, .control-group input[type=submit] {
text-decoration: none;
width: initial;
}
-.sites-table {
+.table {
width: 100%;
- display: grid;
- grid-template-columns: 40% 1fr 1fr 1fr;
align-items: center;
+ display: grid;
gap: 1rem;
margin-bottom: 1rem;
}
-.sites-table > .header, .versions-table > .header {
+.table > .header {
font-weight: bold;
}
+.files-table {
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 0.5rem;
+}
+
+.files-table > a.name {
+ width: 100%;
+ border: none !important;
+ color: #0074D9 !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ text-decoration: none;
+}
+
+.sites-table {
+ grid-template-columns: 40% 1fr 1fr 1fr;
+}
+
.sites-table > .name {
display: flex;
flex-direction: column;
@@ -132,12 +149,7 @@ a:hover, button:hover, input[type=submit]:hover, button:active, a:active, input[
}
.versions-table {
- width: 100%;
- display: grid;
grid-template-columns: 1fr 1fr;
- align-items: center;
- gap: 1rem;
- margin-bottom: 1rem;
}
.versions-table > .span {
diff --git a/web/status/404.html b/web/status/404.html
deleted file mode 100644
index a094ccd..0000000
--- a/web/status/404.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>404 Not Found</title>
- </head>
- <body>
- <p>The request page could not be found.</p>
- <hr>
- <p>scrapbook</p>
- </body>
-</html>