happyDomain/happyDomain
happyDomain/happyDomain
2
0
Fork 0
Code Issues 1 Pull Requests 10 Projects Releases 1 Activity

New option to add a message on top of the website

Browse Source
This commit is contained in:
nemunaire 2023-12-25 14:35:26 +01:00
parent 46a5cf09d1
commit 2507fbca0d
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/routes.go
View File

@ -23,6 +23,7 @@ package ui
import ( import (
"flag" "flag"
"fmt"
"io" "io"
"io/ioutil" "io/ioutil"
"log" "log"
@ -42,12 +43,16 @@ var (
CustomHeadHTML = "" CustomHeadHTML = ""
CustomBodyHTML = "" CustomBodyHTML = ""
HideVoxPeople = false HideVoxPeople = false
MsgHeaderColor = "danger"
MsgHeaderText = ""
) )
func init() { func init() {
flag.StringVar(&CustomHeadHTML, "custom-head-html", CustomHeadHTML, "Add custom HTML right before </head>") flag.StringVar(&CustomHeadHTML, "custom-head-html", CustomHeadHTML, "Add custom HTML right before </head>")
flag.StringVar(&CustomBodyHTML, "custom-body-html", CustomBodyHTML, "Add custom HTML right before </body>") flag.StringVar(&CustomBodyHTML, "custom-body-html", CustomBodyHTML, "Add custom HTML right before </body>")
flag.BoolVar(&HideVoxPeople, "hide-feedback-button", HideVoxPeople, "Hide the icon on page that permit to give feedback") flag.BoolVar(&HideVoxPeople, "hide-feedback-button", HideVoxPeople, "Hide the icon on page that permit to give feedback")
flag.StringVar(&MsgHeaderText, "msg-header-text", MsgHeaderText, "Custom message banner to add at the top of the app")
flag.StringVar(&MsgHeaderColor, "msg-header-color", MsgHeaderColor, "Background color of the banner added at the top of the app")
} }
func DeclareRoutes(cfg *config.Options, router *gin.Engine) { func DeclareRoutes(cfg *config.Options, router *gin.Engine) {
@ -55,6 +60,10 @@ func DeclareRoutes(cfg *config.Options, router *gin.Engine) {
CustomHeadHTML += "<style>#voxpeople { display: none !important; }</style>" CustomHeadHTML += "<style>#voxpeople { display: none !important; }</style>"
} }
if len(MsgHeaderText) != 0 {
CustomHeadHTML += fmt.Sprintf(`<script type="text/javascript">window.msg_header = { text: %q, color: %q };</script>`, MsgHeaderText, MsgHeaderColor)
}
if cfg.DevProxy != "" { if cfg.DevProxy != "" {
router.GET("/.svelte-kit/*_", serveOrReverse("", cfg)) router.GET("/.svelte-kit/*_", serveOrReverse("", cfg))
router.GET("/node_modules/*_", serveOrReverse("", cfg)) router.GET("/node_modules/*_", serveOrReverse("", cfg))

11
ui/src/routes/+layout.svelte
View File

@ -80,6 +80,17 @@
<!--Styles /--> <!--Styles /-->
{#if window.msg_header}
<div
class={(window.msg_header.color?"bg-" + window.msg_header.color:"bg-danger") + " text-light text-center fw-bolder pb-1"}
id="msg_header"
style="z-index: 101; margin-bottom: -.2em"
>
<small>
{window.msg_header.text}
</small>
</div>
{/if}
<Header <Header
routeId={data.route.id} routeId={data.route.id}
sw_state={data.sw_state} sw_state={data.sw_state}