Navbar template
This commit is contained in:
Teajey
parent
d6de403880
commit
609ccfc0c4
GPG Key ID:
970E790FE834A713
|
|
@ -5,6 +5,7 @@ import (
|
|||
)
|
||||
|
||||
type RegisterProps struct {
|
||||
Navbar templates.NavCollapse
|
||||
GeneralError string `json:",omitempty"`
|
||||
Username templates.InputProps
|
||||
Password templates.InputProps
|
||||
|
|
@ -36,6 +37,7 @@ func (p *RegisterProps) Validate() (valid bool) {
|
|||
|
||||
func NewRegisterProps(usernameVal, passwordVal, confirmPassVal string) *RegisterProps {
|
||||
return &RegisterProps{
|
||||
Navbar: templates.DefaultNavCollapse(),
|
||||
GeneralError: "",
|
||||
Username: templates.InputProps{
|
||||
Name: "username",
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ package response
|
|||
|
||||
import (
|
||||
"fmt"
|
||||
"lishwist/http/templates"
|
||||
"net/http"
|
||||
|
||||
"github.com/Teajey/rsvp"
|
||||
|
|
@ -11,9 +12,17 @@ func NotFound() rsvp.Response {
|
|||
return Error(http.StatusNotFound, "Page not found")
|
||||
}
|
||||
|
||||
type errorProps struct {
|
||||
Navbar templates.NavCollapse
|
||||
Message string
|
||||
}
|
||||
|
||||
func Error(status int, format string, a ...any) rsvp.Response {
|
||||
return rsvp.Response{
|
||||
Body: fmt.Sprintf(format, a...),
|
||||
Body: errorProps{
|
||||
Message: fmt.Sprintf(format, a...),
|
||||
Navbar: templates.DefaultNavCollapse(),
|
||||
},
|
||||
Status: status,
|
||||
TemplateName: "error_page.gotmpl",
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ import (
|
|||
)
|
||||
|
||||
type AccountProps struct {
|
||||
CurrentUsername string
|
||||
Navbar templates.NavCollapse
|
||||
GeneralError string `json:",omitempty"`
|
||||
PasswordFromAdmin bool `json:",omitempty"`
|
||||
Password templates.InputProps
|
||||
|
|
@ -41,7 +41,7 @@ func (p *AccountProps) Validate() (valid bool) {
|
|||
|
||||
func NewAccountProps(username string, passwordFromAdmin bool, passwordVal, confirmPassVal string) *AccountProps {
|
||||
return &AccountProps{
|
||||
CurrentUsername: username,
|
||||
Navbar: templates.UserNavCollapse(username, false),
|
||||
PasswordFromAdmin: passwordFromAdmin,
|
||||
Password: templates.InputProps{
|
||||
Type: "password",
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ package routing
|
|||
import (
|
||||
lishwist "lishwist/core"
|
||||
"lishwist/http/response"
|
||||
"lishwist/http/templates"
|
||||
"log"
|
||||
"net/http"
|
||||
|
||||
|
|
@ -10,6 +11,7 @@ import (
|
|||
)
|
||||
|
||||
type foreignWishlistProps struct {
|
||||
Navbar templates.NavCollapse
|
||||
CurrentUserId string
|
||||
CurrentUserName string
|
||||
Username string
|
||||
|
|
@ -35,11 +37,12 @@ func ForeignWishlist(app *lishwist.Session, session *response.Session, h http.He
|
|||
log.Printf("%q couldn't get wishes of other user %q: %s\n", user.Name, otherUser.Name, err)
|
||||
return response.Error(http.StatusInternalServerError, "An error occurred while fetching this user :(")
|
||||
}
|
||||
p := foreignWishlistProps{CurrentUserId: user.Id, CurrentUserName: user.Name, Username: otherUser.Name, Gifts: wishes}
|
||||
p := foreignWishlistProps{Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin), CurrentUserId: user.Id, Username: otherUser.Name, Gifts: wishes}
|
||||
return response.Data("foreign_wishlist.gotmpl", p)
|
||||
}
|
||||
|
||||
type publicWishlistProps struct {
|
||||
Navbar templates.NavCollapse
|
||||
Username string
|
||||
GiftCount int
|
||||
}
|
||||
|
|
@ -59,6 +62,6 @@ func PublicWishlist(s *response.Session, h http.Header, r *http.Request) rsvp.Re
|
|||
log.Printf("Couldn't get wishes of user %q on public wishlist: %s\n", otherUser.Name, err)
|
||||
return response.Error(http.StatusInternalServerError, "An error occurred while fetching this user :(")
|
||||
}
|
||||
p := publicWishlistProps{Username: otherUser.Name, GiftCount: giftCount}
|
||||
p := publicWishlistProps{Navbar: templates.DefaultNavCollapse(), Username: otherUser.Name, GiftCount: giftCount}
|
||||
return response.Data("public_foreign_wishlist.gotmpl", p)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,13 +7,14 @@ import (
|
|||
|
||||
lishwist "lishwist/core"
|
||||
"lishwist/http/response"
|
||||
"lishwist/http/templates"
|
||||
|
||||
"github.com/Teajey/rsvp"
|
||||
)
|
||||
|
||||
type GroupProps struct {
|
||||
Group *lishwist.Group
|
||||
CurrentUsername string
|
||||
Navbar templates.NavCollapse
|
||||
Group *lishwist.Group
|
||||
}
|
||||
|
||||
func AdminGroup(app *lishwist.Session, h http.Header, r *http.Request) rsvp.Response {
|
||||
|
|
@ -31,8 +32,8 @@ func AdminGroup(app *lishwist.Session, h http.Header, r *http.Request) rsvp.Resp
|
|||
group.Members = slices.Delete(group.Members, index, index+1)
|
||||
}
|
||||
p := GroupProps{
|
||||
Group: group,
|
||||
CurrentUsername: user.Name,
|
||||
Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin),
|
||||
Group: group,
|
||||
}
|
||||
return response.Data("group_page.gotmpl", p)
|
||||
}
|
||||
|
|
@ -54,8 +55,8 @@ func Group(app *lishwist.Session, session *response.Session, h http.Header, r *h
|
|||
index := group.MemberIndex(user.Id)
|
||||
group.Members = slices.Delete(group.Members, index, index+1)
|
||||
p := GroupProps{
|
||||
Group: group,
|
||||
CurrentUsername: user.Name,
|
||||
Navbar: templates.UserNavCollapse(user.Name, user.PasswordFromAdmin),
|
||||
Group: group,
|
||||
}
|
||||
return response.Data("group_page.gotmpl", p)
|
||||
}
|
||||
|
|
@ -71,7 +72,8 @@ func PublicGroup(s *response.Session, h http.Header, r *http.Request) rsvp.Respo
|
|||
return response.Error(http.StatusNotFound, "Group not found")
|
||||
}
|
||||
p := GroupProps{
|
||||
Group: group,
|
||||
Navbar: templates.DefaultNavCollapse(),
|
||||
Group: group,
|
||||
}
|
||||
return response.Data("public_group_page.gotmpl", p)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,18 +7,16 @@ import (
|
|||
lishwist "lishwist/core"
|
||||
"lishwist/http/env"
|
||||
"lishwist/http/response"
|
||||
"lishwist/http/templates"
|
||||
|
||||
"github.com/Teajey/rsvp"
|
||||
)
|
||||
|
||||
type HomeProps struct {
|
||||
Username string
|
||||
Gifts []lishwist.Wish
|
||||
Todo []lishwist.Wish
|
||||
Reference string
|
||||
HostUrl string
|
||||
Groups []lishwist.Group
|
||||
AccountAlert bool
|
||||
Navbar templates.NavCollapse
|
||||
Gifts []lishwist.Wish
|
||||
Todo []lishwist.Wish
|
||||
Groups []lishwist.Group
|
||||
}
|
||||
|
||||
func Home(app *lishwist.Session, session *response.Session, h http.Header, r *http.Request) rsvp.Response {
|
||||
|
|
@ -38,7 +36,10 @@ func Home(app *lishwist.Session, session *response.Session, h http.Header, r *ht
|
|||
log.Printf("Failed to get groups: %s\n", err)
|
||||
return response.Error(http.StatusInternalServerError, "An error occurred while fetching your wishlist :(")
|
||||
}
|
||||
p := HomeProps{Username: user.Name, Gifts: gifts, Todo: todo, Reference: user.Reference, HostUrl: env.Configuration.HostUrl, Groups: groups, AccountAlert: user.PasswordFromAdmin}
|
||||
p := HomeProps{Navbar: templates.NavCollapse{
|
||||
User: &templates.User{Name: user.Name, CopyList: &templates.CopyList{Domain: env.Configuration.HostUrl, Reference: user.Reference}},
|
||||
AccountLink: &templates.AccountLink{Alert: user.PasswordFromAdmin},
|
||||
}, Gifts: gifts, Todo: todo, Groups: groups}
|
||||
return response.Data("home.gotmpl", p)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,41 +7,7 @@
|
|||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="flex-grow-1"></div>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Logged in as '{{.CurrentUsername}}'
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<form class="d-contents" method="post" action="/logout">
|
||||
<button class="dropdown-item" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
{{with .GeneralError}}
|
||||
|
|
|
|||
|
|
@ -41,28 +41,62 @@
|
|||
</script>
|
||||
{{end}}
|
||||
|
||||
{{define "boilerplate"}}
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
{{template "navbar" .}}
|
||||
</div>
|
||||
{{define "navbar"}}
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
{{with .}}
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>{{if and .AccountLink .AccountLink.Alert}} <span
|
||||
class="badge text-bg-danger">!</span>{{end}}
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
{{with .Links}}
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
{{range .}}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{.Href}}">{{.Name}}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</nav>
|
||||
{{end}}
|
||||
<div class="flex-grow-1"></div>
|
||||
{{with .User}}
|
||||
<ul class="navbar-nav">
|
||||
{{with .CopyList}}
|
||||
<li class="nav-item"><button class="btn btn-success"
|
||||
onclick="navigator.clipboard.writeText('{{.Domain}}/lists/{{.Reference}}'); alert('The share link to your wishlist has been copied to your clipboard. Anyone with the link will be able to claim gifts for you. Share it with someone!');">Copy
|
||||
share link</button></li>
|
||||
{{end}}
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Logged in as '{{.Name}}'
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
{{with $.AccountLink}}
|
||||
<li>
|
||||
<a class="dropdown-item" href="/account">Account{{if .Alert}} <span
|
||||
class="badge text-bg-danger">!</span>{{end}}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
<li>
|
||||
<form class="d-contents" method="post" action="/logout">
|
||||
<button class="dropdown-item" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{template "body" .}}
|
||||
</div>
|
||||
</body>
|
||||
{{end}}
|
||||
|
||||
{{define "login_prompt"}}
|
||||
|
|
|
|||
|
|
@ -1,32 +1,15 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<p class="mb-0">{{.}}</p>
|
||||
<p class="mb-0">{{.Message}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,46 +1,12 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="flex-grow-1"></div>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Logged in as '{{.CurrentUserName}}'
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<form class="d-contents" method="post" action="/logout">
|
||||
<button class="dropdown-item" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card">
|
||||
|
|
|
|||
|
|
@ -1,46 +1,12 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="flex-grow-1"></div>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Logged in as '{{.CurrentUsername}}'
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<form class="d-contents" method="post" action="/logout">
|
||||
<button class="dropdown-item" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card">
|
||||
|
|
|
|||
|
|
@ -2,47 +2,12 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>{{if .AccountAlert}} <span
|
||||
class="badge text-bg-danger">!</span>{{end}}
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<div class="flex-grow-1"></div>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item"><button class="btn btn-success"
|
||||
onclick="navigator.clipboard.writeText('{{.HostUrl}}/lists/{{.Reference}}'); alert('The share link to your wishlist has been copied to your clipboard. Anyone with the link will be able to claim gifts for you. Share it with someone!');">Copy
|
||||
share link</button></li>
|
||||
<li class="nav-item">
|
||||
<div class="dropdown">
|
||||
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Logged in as '{{.Username}}'{{if .AccountAlert}} <span class="badge text-bg-danger">!</span>{{end}}
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="dropdown-item" href="/account">Account{{if .AccountAlert}} <span
|
||||
class="badge text-bg-danger">!</span>{{end}}</a>
|
||||
</li>
|
||||
<li>
|
||||
<form class="d-contents" method="post" action="/logout">
|
||||
<button class="dropdown-item" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card mb-4">
|
||||
|
|
|
|||
|
|
@ -1,22 +1,12 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar"}}
|
||||
<div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
|
||||
{{if .SuccessfulRegistration}}
|
||||
<div class="alert alert-success" role="alert">
|
||||
|
|
|
|||
|
|
@ -1,29 +1,12 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card">
|
||||
|
|
|
|||
|
|
@ -1,50 +1,33 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card">
|
||||
<div class="card-body">
|
||||
<h2><em>{{.Group.Name}}</em> group members</h2>
|
||||
<p>{{template "login_prompt"}} to see your groups</p>
|
||||
{{with .Group.Members}}
|
||||
<ul class="list-group">
|
||||
{{range .}}
|
||||
<li class="list-group-item">
|
||||
{{.Name}}
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
{{else}}
|
||||
<p>There's nobody else in this group.</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-y-scroll flex-grow-1">
|
||||
<div class="container py-5">
|
||||
<section class="card">
|
||||
<div class="card-body">
|
||||
<h2><em>{{.Group.Name}}</em> group members</h2>
|
||||
<p>{{template "login_prompt"}} to see your groups</p>
|
||||
{{with .Group.Members}}
|
||||
<ul class="list-group">
|
||||
{{range .}}
|
||||
<li class="list-group-item">
|
||||
{{.Name}}
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p>There's nobody else in this group.</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,12 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
{{template "head" .}}
|
||||
{{template "head"}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="height: 100svh;" class="d-flex flex-column">
|
||||
<div class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-brand">Lishwist</div>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
|
||||
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<nav>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "navbar" .Navbar}}
|
||||
<div class="container d-flex flex-grow-1 justify-content-center align-items-center flex-column">
|
||||
<div class="alert alert-warning" role="alert">
|
||||
<p>Your password will be stored in a safe, responsible manner; but don't trust my programming skills!</p>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,43 @@ import (
|
|||
"html/template"
|
||||
)
|
||||
|
||||
type AccountLink struct {
|
||||
Alert bool
|
||||
}
|
||||
|
||||
type Link struct {
|
||||
Href string
|
||||
Name string
|
||||
}
|
||||
|
||||
type CopyList struct {
|
||||
Domain string
|
||||
Reference string
|
||||
}
|
||||
|
||||
type User struct {
|
||||
Name string
|
||||
CopyList *CopyList
|
||||
}
|
||||
|
||||
type NavCollapse struct {
|
||||
User *User
|
||||
AccountLink *AccountLink
|
||||
Links []Link
|
||||
}
|
||||
|
||||
func DefaultNavCollapse() NavCollapse {
|
||||
return NavCollapse{Links: []Link{{Href: "/", Name: "Home"}}}
|
||||
}
|
||||
|
||||
func UserNavCollapse(username string, accountAlert bool) NavCollapse {
|
||||
return NavCollapse{
|
||||
Links: []Link{{Href: "/", Name: "Home"}},
|
||||
User: &User{Name: username},
|
||||
AccountLink: &AccountLink{Alert: accountAlert},
|
||||
}
|
||||
}
|
||||
|
||||
type InputProps struct {
|
||||
Type string `json:",omitempty"`
|
||||
Name string
|
||||
|
|
|
|||
Loading…
Reference in New Issue