feat: custom any heading

darklab8 · Mar 29, 2024 · 6087df3 · 6087df3
1 parent 0b8f095
commit 6087df3
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 5 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -51,6 +51,7 @@ jobs:
         env:
             SITE_ROOT: "/fl-darkstat/"
             FLDARKSTAT_FREELANCER_FOLDER: ${{ github.workspace }}/fl-data
+            FLDARKSTAT_HEADING: "Dev server for darkstat | <a href=\"https://github.com/darklab8/fl-darkstat\">Github</a>"
 
       - uses: actions/upload-pages-artifact@v1
         with:

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -12,5 +12,6 @@
         "FLDARKSTAT_FREELANCER_FOLDER": "/home/naa/windows10shared/Discovery/DiscoveryFreelancer",
         "DARKSTAT_LOG_LEVEL": "DEBUG",
         "UTILS_LOG_LEVEL": "DEBUG",
+        "FLDARKSTAT_HEADING": "Dev server for darkstat | <a href=\"https://github.com/darklab8/fl-darkstat\">Github</a>",
     }
 }
diff --git a/darkstat/builder/builder.go b/darkstat/builder/builder.go
@@ -97,6 +97,7 @@ func (b *Builder) BuildAll() *Filesystem {
 		SiteRoot:          siteRoot,
 		StaticRoot:        siteRoot + staticPrefix,
 		OppositeThemeRoot: siteRoot + "dark/",
+		Heading:           os.Getenv("FLDARKSTAT_HEADING"),
 	}, filesystem)
 
 	// Implement dark theme later

diff --git a/darkstat/common/types/types.go b/darkstat/common/types/types.go
@@ -26,6 +26,7 @@ type GlobalParams struct {
 	StaticRoot        string
 	OppositeThemeRoot string
 	Pagepath          string
+	Heading           string
 }
 
 func GetCtx(ctx context.Context) GlobalParams {

diff --git a/darkstat/front/shared.templ b/darkstat/front/shared.templ
@@ -77,19 +77,49 @@ templ TabContent() {
 	</style>
 }
 
+templ Heading() {
+	<style>
+		.heading {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+		}
+		.right {
+			margin: 10px;
+		}
+	</style>
+	<div class="heading">
+		<div class="left">
+			{ children... }
+		</div>
+		<div class="right">
+			@templ.Raw(types.GetCtx(ctx).Heading)
+		</div>
+	</div>
+}
+
 templ TabMenu(url utils_types.FilePath) {
 	<style>
 	.tab-list {
+		height: 100%;
+
 		.selected {
 			filter: brightness(85%);
 		}
+		& button {
+			min-width: 100px;
+			min-height: 30px;
+			height: 100%;
+		}
 	}
 	</style>
-	<div class="tab-list" role="tablist">
-		<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Bases.ToString() } class={ templ.KV("selected", urls.Bases == url) } role="tab" aria-selected="false" aria-controls="tab-content">Bases</button>
-		<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Factions.ToString() } class={ templ.KV("selected", urls.Factions == url) } role="tab" aria-selected="false" aria-controls="tab-content">Factions</button>
-		<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Rephacks.ToString() } class={ templ.KV("selected", urls.Rephacks == url) } role="tab" aria-selected="false" aria-controls="tab-content">Rephacks</button>
-	</div>
+	@Heading() {
+		<div class="tab-list" role="tablist">
+			<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Bases.ToString() } class={ templ.KV("selected", urls.Bases == url) } role="tab" aria-selected="false" aria-controls="tab-content">Bases</button>
+			<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Factions.ToString() } class={ templ.KV("selected", urls.Factions == url) } role="tab" aria-selected="false" aria-controls="tab-content">Factions</button>
+			<button hx-get={ types.GetCtx(ctx).SiteRoot + urls.Rephacks.ToString() } class={ templ.KV("selected", urls.Rephacks == url) } role="tab" aria-selected="false" aria-controls="tab-content">Rephacks</button>
+		</div>
+	}
 	<hr/>
 }