mirror of
https://github.com/juanfont/headscale.git
synced 2025-10-28 10:51:44 +01:00
Rewrite oidc_callback_template in elem-go
This commit is contained in:
hopleus
parent
271224a80c
commit
38533c99aa
@ -1,307 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Headscale Authentication Succeeded</title>
|
||||
<style>
|
||||
body {
|
||||
font-size: 14px;
|
||||
font-family:
|
||||
system-ui,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
"Roboto",
|
||||
"Oxygen",
|
||||
"Ubuntu",
|
||||
"Cantarell",
|
||||
"Fira Sans",
|
||||
"Droid Sans",
|
||||
"Helvetica Neue",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: #fdfdfe;
|
||||
margin: 24px 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: block;
|
||||
margin-left: -20px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.message {
|
||||
display: flex;
|
||||
min-width: 40vw;
|
||||
background: #fafdfa;
|
||||
border: 1px solid #c6e9c9;
|
||||
margin-bottom: 12px;
|
||||
padding: 12px 16px 16px 12px;
|
||||
position: relative;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.message-content {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.message #checkbox {
|
||||
fill: #2eb039;
|
||||
}
|
||||
|
||||
.message .message-title {
|
||||
color: #1e7125;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
border: 0;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.message p {
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #17421b;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: 8px 0;
|
||||
color: #1563ff;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a svg {
|
||||
fill: currentcolor;
|
||||
}
|
||||
|
||||
.icon {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
height: 21px;
|
||||
width: 21px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 17.5px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1 + p {
|
||||
margin: 8px 0 16px 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body translate="no">
|
||||
<div class="container">
|
||||
<div>
|
||||
<svg
|
||||
id="logo"
|
||||
width="146"
|
||||
height="51"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xml:space="preserve"
|
||||
style="
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
stroke-linejoin: round;
|
||||
stroke-miterlimit: 2;
|
||||
"
|
||||
viewBox="0 0 1280 640"
|
||||
>
|
||||
<path
|
||||
d="M.08 0v-.736h.068v.3C.203-.509.27-.545.347-.545c.029 0 .055.005.079.015.024.01.045.025.062.045.017.02.031.045.041.075.009.03.014.065.014.105V0H.475v-.289C.475-.352.464-.4.443-.433.422-.466.385-.483.334-.483c-.027 0-.052.006-.075.017C.236-.455.216-.439.2-.419c-.017.02-.029.044-.038.072-.009.028-.014.059-.014.093V0H.08Z"
|
||||
style="fill: #f8b5cb; fill-rule: nonzero"
|
||||
transform="translate(32.92220721 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.264c0-.036.007-.071.02-.105.013-.034.031-.064.055-.09.023-.026.052-.047.086-.063.033-.015.071-.023.112-.023.039 0 .076.007.109.021.033.014.062.033.087.058.025.025.044.054.058.088.014.035.021.072.021.113v.005H.121c.001.031.007.059.018.084.01.025.024.047.042.065.018.019.04.033.065.043.025.01.052.015.082.015.026 0 .049-.003.069-.01.02-.007.038-.016.054-.028C.466-.102.48-.115.492-.13c.011-.015.022-.03.032-.046l.057.03C.556-.097.522-.058.48-.03.437-.001.387.013.328.013.284.013.245.006.21-.01.175-.024.146-.045.123-.07.1-.095.082-.125.07-.159.057-.192.051-.227.051-.264ZM.128-.32h.396C.51-.375.485-.416.449-.441.412-.466.371-.479.325-.479c-.048 0-.089.013-.123.039-.034.026-.059.066-.074.12Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(177.16674681 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.097h.067V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.012-.027.018-.056.018-.089 0-.031-.005-.059-.016-.086C.515-.375.501-.398.482-.417.462-.436.44-.452.415-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(327.76463481 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.302h.068V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.011-.027.017-.056.017-.089 0-.031-.005-.059-.016-.086C.514-.375.5-.398.481-.417.462-.436.439-.452.414-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(488.71612761 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="m.034-.062.043-.049c.017.019.035.034.054.044.018.01.037.015.057.015.013 0 .026-.002.038-.007.011-.004.021-.01.031-.018.009-.008.016-.017.021-.028.005-.011.008-.022.008-.035 0-.019-.005-.034-.014-.047C.263-.199.248-.21.229-.221.205-.234.183-.247.162-.259.14-.271.122-.284.107-.298.092-.311.08-.327.071-.344.062-.361.058-.381.058-.404c0-.021.004-.04.012-.058.007-.016.018-.031.031-.044.013-.013.028-.022.046-.029.018-.007.037-.01.057-.01.029 0 .056.006.079.019s.045.031.068.053l-.044.045C.291-.443.275-.456.258-.465.241-.474.221-.479.2-.479c-.022 0-.041.007-.056.02C.128-.445.12-.428.12-.408c0 .019.006.035.017.048.011.013.027.026.048.037.027.015.05.028.071.04.021.013.038.026.052.039.014.013.025.028.032.044.007.016.011.035.011.057 0 .021-.004.041-.011.059-.008.019-.019.036-.033.05-.014.015-.031.026-.05.035C.237.01.215.014.191.014c-.03 0-.059-.006-.086-.02C.077-.019.053-.037.034-.062Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(649.90292961 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.266c0-.04.007-.077.022-.111.014-.034.034-.063.059-.089.025-.025.054-.044.089-.058.035-.014.072-.021.113-.021.051 0 .098.01.139.03.041.021.075.049.1.085l-.05.043C.498-.418.47-.441.439-.456.408-.471.372-.479.331-.479c-.03 0-.058.005-.083.016C.222-.452.2-.436.181-.418.162-.399.148-.376.137-.35c-.011.026-.016.054-.016.084 0 .031.005.06.016.086.011.027.025.049.044.068.019.019.041.034.067.044.025.011.053.016.084.016.077 0 .141-.03.191-.09l.051.04c-.028.036-.062.064-.103.085C.43.004.384.014.332.014.291.014.254.007.219-.008.184-.022.155-.042.13-.067.105-.092.086-.121.072-.156.058-.19.051-.227.051-.266Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(741.20289921 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.097h.067V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.012-.027.018-.056.018-.089 0-.031-.005-.059-.016-.086C.515-.375.501-.398.482-.417.462-.436.44-.452.415-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(884.27089281 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.066-.736h.068V0H.066z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(1045.22238561 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<path
|
||||
d="M.051-.264c0-.036.007-.071.02-.105.013-.034.031-.064.055-.09.023-.026.052-.047.086-.063.033-.015.071-.023.112-.023.039 0 .076.007.109.021.033.014.062.033.087.058.025.025.044.054.058.088.014.035.021.072.021.113v.005H.121c.001.031.007.059.018.084.01.025.024.047.042.065.018.019.04.033.065.043.025.01.052.015.082.015.026 0 .049-.003.069-.01.02-.007.038-.016.054-.028C.466-.102.48-.115.492-.13c.011-.015.022-.03.032-.046l.057.03C.556-.097.522-.058.48-.03.437-.001.387.013.328.013.284.013.245.006.21-.01.175-.024.146-.045.123-.07.1-.095.082-.125.07-.159.057-.192.051-.227.051-.264ZM.128-.32h.396C.51-.375.485-.416.449-.441.412-.466.371-.479.325-.479c-.048 0-.089.013-.123.039-.034.026-.059.066-.074.12Z"
|
||||
style="fill: #8d8d8d; fill-rule: nonzero"
|
||||
transform="translate(1092.28422561 521.8022953) scale(235.3092)"
|
||||
/>
|
||||
<circle
|
||||
cx="141.023"
|
||||
cy="338.36"
|
||||
r="117.472"
|
||||
style="fill: #f8b5cb"
|
||||
transform="matrix(.581302 0 0 .58613 40.06479894 12.59842153)"
|
||||
/>
|
||||
<circle
|
||||
cx="352.014"
|
||||
cy="268.302"
|
||||
r="33.095"
|
||||
style="fill: #a2a2a2"
|
||||
transform="matrix(.59308 0 0 .58289 32.39345942 21.2386)"
|
||||
/>
|
||||
<circle
|
||||
cx="352.014"
|
||||
cy="268.302"
|
||||
r="33.095"
|
||||
style="fill: #a2a2a2"
|
||||
transform="matrix(.59308 0 0 .58289 32.39345942 88.80371146)"
|
||||
/>
|
||||
<circle
|
||||
cx="352.014"
|
||||
cy="268.302"
|
||||
r="33.095"
|
||||
style="fill: #a2a2a2"
|
||||
transform="matrix(.59308 0 0 .58289 120.7528627 88.80371146)"
|
||||
/>
|
||||
<circle
|
||||
cx="352.014"
|
||||
cy="268.302"
|
||||
r="33.095"
|
||||
style="fill: #a2a2a2"
|
||||
transform="matrix(.59308 0 0 .58289 120.99825939 21.2386)"
|
||||
/>
|
||||
<circle
|
||||
cx="805.557"
|
||||
cy="336.915"
|
||||
r="118.199"
|
||||
style="fill: #8d8d8d"
|
||||
transform="matrix(.5782 0 0 .58289 36.19871106 15.26642564)"
|
||||
/>
|
||||
<circle
|
||||
cx="805.557"
|
||||
cy="336.915"
|
||||
r="118.199"
|
||||
style="fill: #8d8d8d"
|
||||
transform="matrix(.5782 0 0 .58289 183.24041937 15.26642564)"
|
||||
/>
|
||||
<path
|
||||
d="M680.282 124.808h-68.093v390.325h68.081v-28.23H640V153.228h40.282v-28.42Z"
|
||||
style="fill: #303030"
|
||||
transform="translate(34.2345 21.2386) scale(.58289)"
|
||||
/>
|
||||
<path
|
||||
d="M680.282 124.808h-68.093v390.325h68.081v-28.23H640V153.228h40.282v-28.42Z"
|
||||
style="fill: #303030"
|
||||
transform="matrix(-.58289 0 0 .58289 1116.7719791 21.2386)"
|
||||
/>
|
||||
</svg>
|
||||
<div class="message is-success">
|
||||
<svg
|
||||
id="checkbox"
|
||||
aria-hidden="true"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm114.9 149.1L231.8 359.6c-1.1 1.1-2.9 3.5-5.1 3.5-2.3 0-3.8-1.6-5.1-2.9-1.3-1.3-78.9-75.9-78.9-75.9l-1.5-1.5c-.6-.9-1.1-2-1.1-3.2 0-1.2.5-2.3 1.1-3.2.4-.4.7-.7 1.1-1.2 7.7-8.1 23.3-24.5 24.3-25.5 1.3-1.3 2.4-3 4.8-3 2.5 0 4.1 2.1 5.3 3.3 1.2 1.2 45 43.3 45 43.3l111.3-143c1-.8 2.2-1.4 3.5-1.4 1.3 0 2.5.5 3.5 1.3l30.6 24.1c.8 1 1.3 2.2 1.3 3.5.1 1.3-.4 2.4-1 3.3z"
|
||||
></path>
|
||||
</svg>
|
||||
<div class="message-content">
|
||||
<div class="message-title">Signed in via your OIDC provider</div>
|
||||
<p class="message-body">
|
||||
{{.Verb}} as {{.User}}, you can now close this window.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<h1>Not sure how to get started?</h1>
|
||||
<p class="learn">
|
||||
Check out beginner and advanced guides on, or read more in the
|
||||
documentation.
|
||||
</p>
|
||||
<a
|
||||
href="https://github.com/juanfont/headscale/tree/main/docs"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<span class="icon">
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M13.307 1H11.5a.5.5 0 1 1 0-1h3a.499.499 0 0 1 .5.65V3.5a.5.5 0 1 1-1 0V1.72l-1.793 1.774a.5.5 0 0 1-.713-.701L13.307 1zM12 14V8a.5.5 0 1 1 1 0v6.5a.5.5 0 0 1-.5.5H.563a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5H8a.5.5 0 0 1 0 1H1v12h11zM4 6a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1H4zm0 2.5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1H4zM4 11a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1H4z"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
View the headscale documentation
|
||||
</a>
|
||||
<a
|
||||
href="https://tailscale.com/kb/"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<span class="icon">
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M13.307 1H11.5a.5.5 0 1 1 0-1h3a.499.499 0 0 1 .5.65V3.5a.5.5 0 1 1-1 0V1.72l-1.793 1.774a.5.5 0 0 1-.713-.701L13.307 1zM12 14V8a.5.5 0 1 1 1 0v6.5a.5.5 0 0 1-.5.5H.563a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5H8a.5.5 0 0 1 0 1H1v12h11zM4 6a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1H4zm0 2.5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1H4zM4 11a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1H4z"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
View the tailscale documentation
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,14 +1,13 @@
|
||||
package hscontrol
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"context"
|
||||
"crypto/rand"
|
||||
_ "embed"
|
||||
"encoding/hex"
|
||||
"errors"
|
||||
"fmt"
|
||||
"html/template"
|
||||
"github.com/juanfont/headscale/hscontrol/templates"
|
||||
"net/http"
|
||||
"slices"
|
||||
"strings"
|
||||
@ -177,13 +176,6 @@ type oidcCallbackTemplateConfig struct {
|
||||
Verb string
|
||||
}
|
||||
|
||||
//go:embed assets/oidc_callback_template.html
|
||||
var oidcCallbackTemplateContent string
|
||||
|
||||
var oidcCallbackTemplate = template.Must(
|
||||
template.New("oidccallback").Parse(oidcCallbackTemplateContent),
|
||||
)
|
||||
|
||||
// OIDCCallbackHandler handles the callback from the OIDC endpoint
|
||||
// Retrieves the nkey from the state cache and adds the node to the users email user
|
||||
// TODO: A confirmation page for new nodes should be added to avoid phishing vulnerabilities
|
||||
@ -248,19 +240,11 @@ func (a *AuthProviderOIDC) OIDCCallbackHandler(
|
||||
return
|
||||
}
|
||||
|
||||
// TODO(kradalby): replace with go-elem
|
||||
var content bytes.Buffer
|
||||
if err := oidcCallbackTemplate.Execute(&content, oidcCallbackTemplateConfig{
|
||||
User: user.DisplayNameOrUsername(),
|
||||
Verb: "Reauthenticated",
|
||||
}); err != nil {
|
||||
http.Error(writer, fmt.Errorf("rendering OIDC callback template: %w", err).Error(), http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
content := templates.OidcCallback(node, user, "Reauthenticated")
|
||||
|
||||
writer.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
writer.WriteHeader(http.StatusOK)
|
||||
_, err = writer.Write(content.Bytes())
|
||||
_, err = writer.Write([]byte(content))
|
||||
if err != nil {
|
||||
util.LogErr(err, "Failed to write response")
|
||||
}
|
||||
@ -275,15 +259,11 @@ func (a *AuthProviderOIDC) OIDCCallbackHandler(
|
||||
return
|
||||
}
|
||||
|
||||
content, err := renderOIDCCallbackTemplate(user)
|
||||
if err != nil {
|
||||
http.Error(writer, err.Error(), http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
content := templates.OidcCallback(node, user, "Authenticated")
|
||||
|
||||
writer.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
writer.WriteHeader(http.StatusOK)
|
||||
if _, err := writer.Write(content.Bytes()); err != nil {
|
||||
if _, err := writer.Write([]byte(content)); err != nil {
|
||||
util.LogErr(err, "Failed to write response")
|
||||
}
|
||||
|
||||
@ -486,19 +466,3 @@ func (a *AuthProviderOIDC) registerNode(
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
// TODO(kradalby):
|
||||
// Rewrite in elem-go
|
||||
func renderOIDCCallbackTemplate(
|
||||
user *types.User,
|
||||
) (*bytes.Buffer, error) {
|
||||
var content bytes.Buffer
|
||||
if err := oidcCallbackTemplate.Execute(&content, oidcCallbackTemplateConfig{
|
||||
User: user.DisplayNameOrUsername(),
|
||||
Verb: "Authenticated",
|
||||
}); err != nil {
|
||||
return nil, fmt.Errorf("rendering OIDC callback template: %w", err)
|
||||
}
|
||||
|
||||
return &content, nil
|
||||
}
|
||||
|
||||
@ -20,6 +20,99 @@ var headerStyle = styles.Props{
|
||||
styles.LineHeight: "1.2",
|
||||
}
|
||||
|
||||
func logo(class string) *elem.Element {
|
||||
return &elem.Element{
|
||||
Tag: "svg",
|
||||
Attrs: attrs.Props{
|
||||
attrs.Class: class,
|
||||
attrs.Width: "146",
|
||||
attrs.Height: "51",
|
||||
"xmlns": "http://www.w3.org/2000/svg",
|
||||
"xml:space": "preserve",
|
||||
attrs.Style: styles.Props{
|
||||
styles.Var("fill-rule"): "evenodd",
|
||||
styles.Var("clip-rule"): "evenodd",
|
||||
styles.Var("stroke-linejoin"): "round",
|
||||
styles.Var("stroke-miterlimit"): styles.Int(2),
|
||||
}.ToInline(),
|
||||
"viewBox": "0 0 1280 640",
|
||||
},
|
||||
Children: []elem.Node{
|
||||
elem.Raw("<path d=\"M.08 0v-.736h.068v.3C.203-.509.27-.545.347-.545c.029 0 .055.005.079.015.024.01.045.025.062.045.017.02.031.045.041.075.009.03.014.065.014.105V0H.475v-.289C.475-.352.464-.4.443-.433.422-.466.385-.483.334-.483c-.027 0-.052.006-.075.017C.236-.455.216-.439.2-.419c-.017.02-.029.044-.038.072-.009.028-.014.059-.014.093V0H.08Z\" style=\"fill: #f8b5cb; fill-rule: nonzero\" transform=\"translate(32.92220721 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.264c0-.036.007-.071.02-.105.013-.034.031-.064.055-.09.023-.026.052-.047.086-.063.033-.015.071-.023.112-.023.039 0 .076.007.109.021.033.014.062.033.087.058.025.025.044.054.058.088.014.035.021.072.021.113v.005H.121c.001.031.007.059.018.084.01.025.024.047.042.065.018.019.04.033.065.043.025.01.052.015.082.015.026 0 .049-.003.069-.01.02-.007.038-.016.054-.028C.466-.102.48-.115.492-.13c.011-.015.022-.03.032-.046l.057.03C.556-.097.522-.058.48-.03.437-.001.387.013.328.013.284.013.245.006.21-.01.175-.024.146-.045.123-.07.1-.095.082-.125.07-.159.057-.192.051-.227.051-.264ZM.128-.32h.396C.51-.375.485-.416.449-.441.412-.466.371-.479.325-.479c-.048 0-.089.013-.123.039-.034.026-.059.066-.074.12Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(177.16674681 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.097h.067V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.012-.027.018-.056.018-.089 0-.031-.005-.059-.016-.086C.515-.375.501-.398.482-.417.462-.436.44-.452.415-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(327.76463481 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.302h.068V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.011-.027.017-.056.017-.089 0-.031-.005-.059-.016-.086C.514-.375.5-.398.481-.417.462-.436.439-.452.414-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(488.71612761 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"m.034-.062.043-.049c.017.019.035.034.054.044.018.01.037.015.057.015.013 0 .026-.002.038-.007.011-.004.021-.01.031-.018.009-.008.016-.017.021-.028.005-.011.008-.022.008-.035 0-.019-.005-.034-.014-.047C.263-.199.248-.21.229-.221.205-.234.183-.247.162-.259.14-.271.122-.284.107-.298.092-.311.08-.327.071-.344.062-.361.058-.381.058-.404c0-.021.004-.04.012-.058.007-.016.018-.031.031-.044.013-.013.028-.022.046-.029.018-.007.037-.01.057-.01.029 0 .056.006.079.019s.045.031.068.053l-.044.045C.291-.443.275-.456.258-.465.241-.474.221-.479.2-.479c-.022 0-.041.007-.056.02C.128-.445.12-.428.12-.408c0 .019.006.035.017.048.011.013.027.026.048.037.027.015.05.028.071.04.021.013.038.026.052.039.014.013.025.028.032.044.007.016.011.035.011.057 0 .021-.004.041-.011.059-.008.019-.019.036-.033.05-.014.015-.031.026-.05.035C.237.01.215.014.191.014c-.03 0-.059-.006-.086-.02C.077-.019.053-.037.034-.062Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(649.90292961 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.266c0-.04.007-.077.022-.111.014-.034.034-.063.059-.089.025-.025.054-.044.089-.058.035-.014.072-.021.113-.021.051 0 .098.01.139.03.041.021.075.049.1.085l-.05.043C.498-.418.47-.441.439-.456.408-.471.372-.479.331-.479c-.03 0-.058.005-.083.016C.222-.452.2-.436.181-.418.162-.399.148-.376.137-.35c-.011.026-.016.054-.016.084 0 .031.005.06.016.086.011.027.025.049.044.068.019.019.041.034.067.044.025.011.053.016.084.016.077 0 .141-.03.191-.09l.051.04c-.028.036-.062.064-.103.085C.43.004.384.014.332.014.291.014.254.007.219-.008.184-.022.155-.042.13-.067.105-.092.086-.121.072-.156.058-.19.051-.227.051-.266Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(741.20289921 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.267c0-.038.007-.074.021-.108.014-.033.033-.063.058-.088.025-.025.054-.045.087-.06.033-.015.069-.022.108-.022.043 0 .083.009.119.027.035.019.066.047.093.084v-.097h.067V0H.537v-.091C.508-.056.475-.029.44-.013.404.005.365.013.323.013.284.013.248.006.215-.01.182-.024.153-.045.129-.071.104-.096.085-.126.072-.16.058-.193.051-.229.051-.267Zm.279.218c.027 0 .054-.005.079-.015.025-.01.048-.024.068-.043.019-.018.035-.04.047-.067.012-.027.018-.056.018-.089 0-.031-.005-.059-.016-.086C.515-.375.501-.398.482-.417.462-.436.44-.452.415-.463.389-.474.361-.479.331-.479c-.031 0-.059.006-.084.017C.221-.45.199-.434.18-.415c-.019.02-.033.043-.043.068-.011.026-.016.053-.016.082 0 .029.005.056.016.082.011.026.025.049.044.069.019.02.041.036.066.047.025.012.053.018.083.018Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(884.27089281 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.066-.736h.068V0H.066z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(1045.22238561 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<path d=\"M.051-.264c0-.036.007-.071.02-.105.013-.034.031-.064.055-.09.023-.026.052-.047.086-.063.033-.015.071-.023.112-.023.039 0 .076.007.109.021.033.014.062.033.087.058.025.025.044.054.058.088.014.035.021.072.021.113v.005H.121c.001.031.007.059.018.084.01.025.024.047.042.065.018.019.04.033.065.043.025.01.052.015.082.015.026 0 .049-.003.069-.01.02-.007.038-.016.054-.028C.466-.102.48-.115.492-.13c.011-.015.022-.03.032-.046l.057.03C.556-.097.522-.058.48-.03.437-.001.387.013.328.013.284.013.245.006.21-.01.175-.024.146-.045.123-.07.1-.095.082-.125.07-.159.057-.192.051-.227.051-.264ZM.128-.32h.396C.51-.375.485-.416.449-.441.412-.466.371-.479.325-.479c-.048 0-.089.013-.123.039-.034.026-.059.066-.074.12Z\" style=\"fill: #8d8d8d; fill-rule: nonzero\" transform=\"translate(1092.28422561 521.8022953) scale(235.3092)\" />"),
|
||||
elem.Raw("<circle cx=\"141.023\" cy=\"338.36\" r=\"117.472\" style=\"fill: #f8b5cb\" transform=\"matrix(.581302 0 0 .58613 40.06479894 12.59842153)\" />"),
|
||||
elem.Raw("<circle cx=\"352.014\" cy=\"268.302\" r=\"33.095\" style=\"fill: #a2a2a2\" transform=\"matrix(.59308 0 0 .58289 32.39345942 21.2386)\" />"),
|
||||
elem.Raw("<circle cx=\"352.014\" cy=\"268.302\" r=\"33.095\" style=\"fill: #a2a2a2\" transform=\"matrix(.59308 0 0 .58289 32.39345942 88.80371146)\" />"),
|
||||
elem.Raw("<circle cx=\"352.014\" cy=\"268.302\" r=\"33.095\" style=\"fill: #a2a2a2\" transform=\"matrix(.59308 0 0 .58289 120.7528627 88.80371146)\" />"),
|
||||
elem.Raw("<circle cx=\"352.014\" cy=\"268.302\" r=\"33.095\" style=\"fill: #a2a2a2\" transform=\"matrix(.59308 0 0 .58289 120.99825939 21.2386)\" />"),
|
||||
elem.Raw("<circle cx=\"805.557\" cy=\"336.915\" r=\"118.199\" style=\"fill: #8d8d8d\" transform=\"matrix(.5782 0 0 .58289 36.19871106 15.26642564)\" />"),
|
||||
elem.Raw("<circle cx=\"805.557\" cy=\"336.915\" r=\"118.199\" style=\"fill: #8d8d8d\" transform=\"matrix(.5782 0 0 .58289 183.24041937 15.26642564)\" />"),
|
||||
elem.Raw("<path d=\"M680.282 124.808h-68.093v390.325h68.081v-28.23H640V153.228h40.282v-28.42Z\" style=\"fill: #303030\" transform=\"translate(34.2345 21.2386) scale(.58289)\" />"),
|
||||
elem.Raw("<path d=\"M680.282 124.808h-68.093v390.325h68.081v-28.23H640V153.228h40.282v-28.42Z\" style=\"fill: #303030\" transform=\"matrix(-.58289 0 0 .58289 1116.7719791 21.2386)\" />"),
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
func iconSuccess(class string) *elem.Element {
|
||||
return &elem.Element{
|
||||
Tag: "svg",
|
||||
Attrs: attrs.Props{
|
||||
attrs.Class: class,
|
||||
attrs.Width: "20",
|
||||
attrs.Height: "20",
|
||||
"viewBox": "0 0 512 512",
|
||||
"xmlns": "http://www.w3.org/2000/svg",
|
||||
},
|
||||
Children: []elem.Node{
|
||||
elem.Raw("<path d=\"M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm114.9 149.1L231.8 359.6c-1.1 1.1-2.9 3.5-5.1 3.5-2.3 0-3.8-1.6-5.1-2.9-1.3-1.3-78.9-75.9-78.9-75.9l-1.5-1.5c-.6-.9-1.1-2-1.1-3.2 0-1.2.5-2.3 1.1-3.2.4-.4.7-.7 1.1-1.2 7.7-8.1 23.3-24.5 24.3-25.5 1.3-1.3 2.4-3 4.8-3 2.5 0 4.1 2.1 5.3 3.3 1.2 1.2 45 43.3 45 43.3l111.3-143c1-.8 2.2-1.4 3.5-1.4 1.3 0 2.5.5 3.5 1.3l30.6 24.1c.8 1 1.3 2.2 1.3 3.5.1 1.3-.4 2.4-1 3.3z\" />"),
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
func iconWarning() *elem.Element {
|
||||
return &elem.Element{
|
||||
Tag: "svg",
|
||||
Attrs: attrs.Props{
|
||||
attrs.Width: "20",
|
||||
attrs.Height: "20",
|
||||
"viewBox": "0 0 24 24",
|
||||
"fill": "none",
|
||||
"xmlns": "http://www.w3.org/2000/svg",
|
||||
attrs.Style: styles.Props{
|
||||
styles.MarginBottom: "1rem",
|
||||
}.ToInline(),
|
||||
},
|
||||
Children: []elem.Node{
|
||||
elem.Raw("<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#E5993E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />"),
|
||||
elem.Raw("<path d=\"M12 8V12\" stroke=\"#E5993E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />"),
|
||||
elem.Raw("<path d=\"M12 16H12.01\" stroke=\"#E5993E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />"),
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
func iconExternalLink() *elem.Element {
|
||||
return &elem.Element{
|
||||
Tag: "svg",
|
||||
Attrs: attrs.Props{
|
||||
attrs.Width: "16",
|
||||
attrs.Height: "16",
|
||||
"viewBox": "0 0 16 16",
|
||||
"fill": "currentColor",
|
||||
"xmlns": "http://www.w3.org/2000/svg",
|
||||
},
|
||||
Children: []elem.Node{
|
||||
elem.Raw("<path d=\"M13.307 1H11.5a.5.5 0 1 1 0-1h3a.499.499 0 0 1 .5.65V3.5a.5.5 0 1 1-1 0V1.72l-1.793 1.774a.5.5 0 0 1-.713-.701L13.307 1zM12 14V8a.5.5 0 1 1 1 0v6.5a.5.5 0 0 1-.5.5H.563a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5H8a.5.5 0 0 1 0 1H1v12h11zM4 6a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1H4zm0 2.5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1H4zM4 11a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1H4z\" />"),
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
func headerOne(text string) *elem.Element {
|
||||
return elem.H1(attrs.Props{attrs.Style: headerStyle.ToInline()}, elem.Text(text))
|
||||
}
|
||||
|
||||
272
hscontrol/templates/oidc_callback.go
Normal file
272
hscontrol/templates/oidc_callback.go
Normal file
@ -0,0 +1,272 @@
|
||||
package templates
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"github.com/chasefleming/elem-go"
|
||||
"github.com/chasefleming/elem-go/attrs"
|
||||
"github.com/chasefleming/elem-go/styles"
|
||||
"github.com/juanfont/headscale/hscontrol/types"
|
||||
)
|
||||
|
||||
func OidcCallback(node *types.Node, user *types.User, verb string) string {
|
||||
styleMgr := styles.NewStyleManager()
|
||||
styleBody := styleMgr.AddStyle(styles.Props{
|
||||
styles.FontSize: styles.Pixels(14),
|
||||
styles.FontFamily: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
|
||||
})
|
||||
styleHr := styleMgr.AddStyle(styles.Props{
|
||||
styles.BorderColor: "#fdfdfe",
|
||||
styles.Margin: "24px 0",
|
||||
})
|
||||
classContainer := styleMgr.AddStyle(styles.Props{
|
||||
styles.Display: "flex",
|
||||
styles.JustifyContent: "center",
|
||||
styles.AlignItems: "center",
|
||||
styles.Height: styles.ViewportHeight(70),
|
||||
})
|
||||
classLogo := styleMgr.AddStyle(styles.Props{
|
||||
styles.Display: "block",
|
||||
styles.MarginLeft: styles.Pixels(-20),
|
||||
styles.MarginBottom: styles.Pixels(16),
|
||||
})
|
||||
|
||||
colorMessageSuccess := styles.Props{
|
||||
styles.Background: "#fafdfa",
|
||||
styles.Border: "1px solid #c6e9c9",
|
||||
}
|
||||
colorMessageWarning := styles.Props{
|
||||
styles.Background: "#fff9f2",
|
||||
styles.Border: "1px solid #f7d7b0",
|
||||
}
|
||||
styleMessage := styles.Props{
|
||||
styles.Display: "flex",
|
||||
styles.MinWidth: styles.ViewportWidth(40),
|
||||
styles.MarginBottom: styles.Pixels(12),
|
||||
styles.Padding: "12px 16px 16px 12px",
|
||||
styles.Position: "relative",
|
||||
styles.BorderRadius: styles.Pixels(2),
|
||||
styles.FontSize: styles.Pixels(14),
|
||||
}
|
||||
|
||||
var classMessage string
|
||||
if node.Approved {
|
||||
classMessage = styleMgr.AddStyle(styles.Merge(styleMessage, colorMessageSuccess))
|
||||
} else {
|
||||
classMessage = styleMgr.AddStyle(styles.Merge(styleMessage, colorMessageWarning))
|
||||
}
|
||||
|
||||
classMessageContent := styleMgr.AddStyle(styles.Props{
|
||||
styles.MarginLeft: styles.Pixels(4),
|
||||
})
|
||||
classIconSuccess := styleMgr.AddStyle(styles.Props{
|
||||
"fill": "#2eb039",
|
||||
})
|
||||
|
||||
colorMessageTitleSuccess := styles.Props{
|
||||
styles.Color: "#1e7125",
|
||||
}
|
||||
colorMessageTitleWarning := styles.Props{
|
||||
styles.Color: "#d58525",
|
||||
}
|
||||
styleMessageTitle := styles.Props{
|
||||
styles.FontSize: styles.Pixels(16),
|
||||
styles.FontWeight: styles.Int(700),
|
||||
styles.LineHeight: styles.Float(1.25),
|
||||
}
|
||||
|
||||
var classMessageTitle string
|
||||
if node.Approved {
|
||||
classMessageTitle = styleMgr.AddStyle(styles.Merge(styleMessageTitle, colorMessageTitleSuccess))
|
||||
} else {
|
||||
classMessageTitle = styleMgr.AddStyle(styles.Merge(styleMessageTitle, colorMessageTitleWarning))
|
||||
}
|
||||
|
||||
colorMessageBodySuccess := styles.Props{
|
||||
styles.Color: "#17421b",
|
||||
}
|
||||
colorMessageBodyWarning := styles.Props{
|
||||
styles.Color: "#824c0b",
|
||||
}
|
||||
styleMessageBody := styles.Props{
|
||||
styles.FontSize: styles.Pixels(12),
|
||||
styles.Margin: styles.Int(0),
|
||||
styles.Padding: styles.Int(0),
|
||||
styles.Border: styles.Int(0),
|
||||
styles.MarginTop: styles.Pixels(4),
|
||||
}
|
||||
|
||||
var classMessageBody string
|
||||
if node.Approved {
|
||||
classMessageBody = styleMgr.AddStyle(styles.Merge(styleMessageBody, colorMessageBodySuccess))
|
||||
} else {
|
||||
classMessageBody = styleMgr.AddStyle(styles.Merge(styleMessageBody, colorMessageBodyWarning))
|
||||
}
|
||||
|
||||
styleA := styleMgr.AddCompositeStyle(styles.CompositeStyle{
|
||||
Default: styles.Props{
|
||||
styles.Display: "block",
|
||||
styles.Margin: "8px 0",
|
||||
styles.Color: "#1563ff",
|
||||
styles.TextDecoration: "none",
|
||||
styles.FontWeight: styles.Int(600),
|
||||
},
|
||||
PseudoClasses: map[string]styles.Props{
|
||||
styles.PseudoHover: {styles.Color: "black"},
|
||||
},
|
||||
})
|
||||
classIcon := styleMgr.AddStyle(styles.Props{
|
||||
styles.AlignItems: "center",
|
||||
styles.Display: "inline-flex",
|
||||
styles.JustifyContent: "center",
|
||||
styles.Width: styles.Pixels(21),
|
||||
styles.Height: styles.Pixels(21),
|
||||
styles.VerticalAlign: "middle",
|
||||
})
|
||||
styleH1 := styleMgr.AddStyle(styles.Props{
|
||||
styles.FontSize: "17.5px",
|
||||
styles.FontWeight: styles.Pixels(700),
|
||||
styles.MarginBottom: styles.Pixels(0),
|
||||
})
|
||||
styleH1P := styleMgr.AddStyle(styles.Props{
|
||||
styles.Margin: "8px 0 16px 0",
|
||||
})
|
||||
|
||||
var messageText string
|
||||
var icon *elem.Element
|
||||
|
||||
if node.Approved {
|
||||
messageText = fmt.Sprintf(
|
||||
"%s as %s, you can now close this window.",
|
||||
verb,
|
||||
user.DisplayNameOrUsername(),
|
||||
)
|
||||
icon = iconSuccess(classIconSuccess)
|
||||
} else {
|
||||
messageText = fmt.Sprintf(
|
||||
"%s as %s, but not connected!",
|
||||
verb,
|
||||
user.DisplayNameOrUsername(),
|
||||
)
|
||||
icon = iconWarning()
|
||||
}
|
||||
|
||||
description := &elem.Element{
|
||||
Tag: "span",
|
||||
}
|
||||
|
||||
if !node.Approved {
|
||||
description = elem.Div(
|
||||
nil,
|
||||
elem.P(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessageBody,
|
||||
attrs.Style: styles.Props{
|
||||
styles.MarginTop: "1rem",
|
||||
}.ToInline(),
|
||||
},
|
||||
elem.Text("However, it can't connect until approved by the administrator a network."),
|
||||
),
|
||||
elem.P(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessageBody,
|
||||
},
|
||||
elem.Text("Once approved, your node will connect automatically."),
|
||||
),
|
||||
)
|
||||
}
|
||||
|
||||
return HtmlStructure(
|
||||
elem.Title(
|
||||
nil,
|
||||
elem.Text("headscale - Authentication Succeeded"),
|
||||
),
|
||||
elem.Body(
|
||||
attrs.Props{
|
||||
attrs.DataAttr("translate"): "no",
|
||||
attrs.Class: styleBody,
|
||||
},
|
||||
elem.Div(
|
||||
attrs.Props{
|
||||
attrs.Class: classContainer,
|
||||
},
|
||||
elem.Div(
|
||||
nil,
|
||||
logo(classLogo),
|
||||
elem.Div(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessage,
|
||||
},
|
||||
icon,
|
||||
elem.Div(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessageContent,
|
||||
},
|
||||
elem.Div(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessageTitle,
|
||||
},
|
||||
elem.Text("Signed in via your OIDC provider"),
|
||||
),
|
||||
elem.P(
|
||||
attrs.Props{
|
||||
attrs.Class: classMessageBody,
|
||||
},
|
||||
elem.Text(messageText),
|
||||
),
|
||||
description,
|
||||
),
|
||||
),
|
||||
elem.Hr(
|
||||
attrs.Props{
|
||||
attrs.Class: styleHr,
|
||||
},
|
||||
),
|
||||
elem.H1(
|
||||
attrs.Props{
|
||||
attrs.Class: styleH1,
|
||||
},
|
||||
elem.Text("Not sure how to get started?"),
|
||||
),
|
||||
elem.P(
|
||||
attrs.Props{
|
||||
attrs.Class: styleH1P,
|
||||
},
|
||||
elem.Text(" Check out beginner and advanced guides on, or read more in the documentation."),
|
||||
),
|
||||
elem.A(
|
||||
attrs.Props{
|
||||
attrs.Href: "https://github.com/juanfont/headscale/tree/main/docs",
|
||||
attrs.Rel: "noreferrer noopener",
|
||||
attrs.Target: "_blank",
|
||||
attrs.Class: styleA,
|
||||
},
|
||||
elem.Span(
|
||||
attrs.Props{
|
||||
attrs.Class: classIcon,
|
||||
},
|
||||
iconExternalLink(),
|
||||
),
|
||||
elem.Text("View the headscale documentation"),
|
||||
),
|
||||
elem.A(
|
||||
attrs.Props{
|
||||
attrs.Href: "https://tailscale.com/kb/",
|
||||
attrs.Rel: "noreferrer noopener",
|
||||
attrs.Target: "_blank",
|
||||
attrs.Class: styleA,
|
||||
},
|
||||
elem.Span(
|
||||
attrs.Props{
|
||||
attrs.Class: classIcon,
|
||||
},
|
||||
iconExternalLink(),
|
||||
),
|
||||
elem.Text("View the tailscale documentation"),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
).RenderWithOptions(elem.RenderOptions{
|
||||
StyleManager: styleMgr,
|
||||
})
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user