From 73442b212cf6fcf2d2efa892567bd4323a27589a Mon Sep 17 00:00:00 2001 From: DutchEllie Date: Tue, 15 Mar 2022 14:12:15 +0100 Subject: [PATCH] Updater --- src/header.go | 7 ++++++- src/updater.go | 19 +++++++++++++++---- test-website/base.html | 8 +++++++- web/static/images/hot1.gif | Bin 0 -> 384 bytes web/static/style.css | 36 ++++++++++++++++++++++++++++++++++++ 5 files changed, 64 insertions(+), 6 deletions(-) create mode 100644 web/static/images/hot1.gif diff --git a/src/header.go b/src/header.go index af6edd7..1a1e590 100644 --- a/src/header.go +++ b/src/header.go @@ -7,5 +7,10 @@ type header struct { } func (h *header) Render() app.UI { - return app.Div().Text("Internetica Galactica").Class("header") + return app.Div(). + Class("header"). + Body( + app.Text("Internetica Galactica"), + &updater{}, + ) } diff --git a/src/updater.go b/src/updater.go index c721ef4..445767c 100644 --- a/src/updater.go +++ b/src/updater.go @@ -8,16 +8,27 @@ type updater struct { updateAvailable bool } -func (u *updater) onAppUpdate(ctx app.Context) { +func (u *updater) OnAppUpdate(ctx app.Context) { u.updateAvailable = ctx.AppUpdateAvailable() } func (u *updater) Render() app.UI { return app.Div().Body( app.If(u.updateAvailable, - app.Div().Body( - app.P().Text("An update for this website is available! Please click here to reload!"), - ).Styles(map[string]string{"position": "absolute", "width": "100px", "bottom": "10px", "right": "10px"}).OnClick(u.onUpdateClick), + app.Div(). + Class("update-box"). + Body( + app.Img(). + Class("pulsing"). + Height(50). + Src("/web/static/images/hot1.gif"), + app.P(). + Class("update-message"). + Text("An update is available! Click here to reload!"), + ). + OnClick(func(ctx app.Context, e app.Event) { + u.onUpdateClick(ctx, e) + }), ), ) } diff --git a/test-website/base.html b/test-website/base.html index 4658f71..db0adac 100644 --- a/test-website/base.html +++ b/test-website/base.html @@ -4,7 +4,7 @@ - + @@ -13,6 +13,12 @@
Internetica Galactica +
+ +

+ An update is available! Click here to reload! +

+
diff --git a/web/static/images/hot1.gif b/web/static/images/hot1.gif new file mode 100644 index 0000000000000000000000000000000000000000..b1c0c7da7202a41713a64afa9e7a15735e760966 GIT binary patch literal 384 zcmV-`0e}8SNk%w1VNU=n0FeU#00030009600KdP#A^8LW00093EC2ui08aob00092 zoR6u??GK}zwA#A@9(sG&S>Z=!1~3I9T4E#Dv7ma$twSfdp#}i^8ud=LTcamb0hOrT z5SIHH4=)5Vhio#3fG3hTweG~%vbhXpO2f4$^$d^qertC7o0jY6bo-*a7Z~T4b|-k~ zMu@n`h-UHA7`ayhc_wffa4FEEsiOJm8AvzU_ppeWxfvR&in)n;Mk;F>iE68w$%&g< zCQC{y>G}DJ3k#bYSBl|FXIU()8_gN`$UF*n3%$xK*&>(CZM=INtNiipDn8z+on>ua z5iIXBS~7oMMZ%0F=b3EMi5Je`*p9<+Eq!6Me(Kkzv eHn>@YffA<`q9V0Q)lbu`Q?PRV3N|c+0suSmTBbGt literal 0 HcmV?d00001 diff --git a/web/static/style.css b/web/static/style.css index 156c89e..fe36168 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -22,6 +22,15 @@ body { font-size: 5em; font-family: anisha; text-align: center; + height: 100%; +} + +.update-box { + position:absolute; + max-width: 100px; + top: 0px; + right: 0px; + font-size: 0.8rem; } .main { @@ -246,6 +255,33 @@ div.comment-message p{ margin-bottom: 5px; } +.update-message { + font-family: havakana; + margin-top: 0px; + +} + +.pulsing { + animation-name: pulsing; + animation-duration: 0.4s; + animation-timing-function: ease-out; + animation-direction: alternate; + animation-iteration-count: infinite; + animation-play-state: running; +} + +@keyframes pulsing { + 0% { + transform: scale(.7); + } + + 50% { + } + + 100% { + transform: scale(1.5); + } + } /*Margin top 5px*/ .m-t5 { margin-top: 5px;