50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
{{define "familygate"}}
|
|
<!DOCTYPE html>
|
|
<html lang="{{T "layout.html_lang"}}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="robots" content="noindex">
|
|
<title>{{if .AppName}}{{.AppName}} — {{end}}{{T "family_gate.page_title"}}</title>
|
|
<link rel="stylesheet" href="/static/style.css?v={{.AssetTag}}">
|
|
</head>
|
|
<body class="login-body">
|
|
<div class="login-card">
|
|
<img src="/static/felhom-logo.svg?v={{.Version}}" alt="Felhom.eu" class="login-logo">
|
|
{{- if .AppName}}
|
|
<h1 class="login-title">{{.AppName}}</h1>
|
|
{{- end}}
|
|
{{- if .Notice}}
|
|
<p class="alert alert-info" id="family-gate-notice">{{.Notice}}</p>
|
|
{{- end}}
|
|
{{- if .SignedIn}}
|
|
<p id="family-gate-signed-in">{{T "family_gate.signed_in_note"}}</p>
|
|
<form method="post" action="/__family/logout">
|
|
<input type="hidden" name="_ft" value="{{.LogoutToken}}">
|
|
<button type="submit" class="btn btn-outline btn-full">{{T "family_gate.sign_out"}}</button>
|
|
</form>
|
|
{{- else}}
|
|
<p id="family-gate-text">{{T "family_gate.page_body"}}</p>
|
|
<form method="post" action="/__family/login" class="login-form">
|
|
<input type="hidden" name="_ft" value="{{.FormToken}}">
|
|
<input type="hidden" name="rd" value="{{.RD}}">
|
|
<div class="form-group">
|
|
<label for="family-name">{{T "family_gate.name"}}</label>
|
|
<input type="text" id="family-name" name="name" autocomplete="username" autocapitalize="none" required autofocus class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="family-password">{{T "family_gate.password"}}</label>
|
|
<input type="password" id="family-password" name="password" autocomplete="current-password" required class="form-control">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-full">{{T "family_gate.sign_in"}}</button>
|
|
</form>
|
|
{{- end}}
|
|
{{- if .Host}}
|
|
<p class="login-footer">{{.Host}}</p>
|
|
{{- end}}
|
|
<div class="shell-lang">{{template "lang_globe" .}}</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|