format HTML templates with each attribute on its own line

This commit is contained in:
Andre Staltz 2021-02-23 12:40:08 +02:00
parent 90455ae34b
commit fee39ac3b7
No known key found for this signature in database
GPG Key ID: 9EDE23EA7E8A4890
3 changed files with 100 additions and 47 deletions

View File

@ -1,16 +1,31 @@
{{ define "title" }}{{i18n "AdminAllowListRemoveConfirmTitle"}}{{ end }}
{{ define "content" }}
<div class="flex flex-col justify-center items-center h-64">
<span id="welcome" class="text-center">{{i18n "AdminAllowListRemoveConfirmWelcome"}}</span>
<pre id="verify" class="my-4 font-mono truncate max-w-full text-lg text-gray-700">{{.Entry.PubKey.Ref}}</pre>
<form id="confirm" action="{{urlTo "admin:allow-list:remove"}}" method="POST">
{{ .csrfField }}
<input type="hidden" name="id" value={{.Entry.ID}}>
<div class="grid grid-cols-2 gap-4">
<a href="javascript:history.back()" class="px-4 h-8 shadow rounded flex flex-row justify-center items-center bg-white align-middle text-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-opacity-50">{{i18n "GenericGoBack"}}</a>
<button type="submit" class="shadow rounded px-4 h-8 text-gray-100 bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50">{{i18n "GenericConfirm"}}</button>
</div>
</form>
</div>
<div class="flex flex-col justify-center items-center h-64">
{{end}}
<span
id="welcome"
class="text-center"
>{{i18n "AdminAllowListRemoveConfirmWelcome"}}</span>
<pre
id="verify"
class="my-4 font-mono truncate max-w-full text-lg text-gray-700"
>{{.Entry.PubKey.Ref}}</pre>
<form id="confirm" action="{{urlTo "admin:allow-list:remove"}}" method="POST">
{{ .csrfField }}
<input type="hidden" name="id" value={{.Entry.ID}}>
<div class="grid grid-cols-2 gap-4">
<a
href="javascript:history.back()"
class="px-4 h-8 shadow rounded flex flex-row justify-center items-center bg-white align-middle text-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-opacity-50"
>{{i18n "GenericGoBack"}}</a>
<button
type="submit"
class="shadow rounded px-4 h-8 text-gray-100 bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50"
>{{i18n "GenericConfirm"}}</button>
</div>
</form>
</div>
{{end}}

View File

@ -1,21 +1,48 @@
{{ define "title" }}{{i18n "AdminAllowListTitle"}}{{ end }}
{{ define "content" }}
<h1 class="text-3xl tracking-tight font-black text-black mt-2 mb-4">{{i18n "AdminAllowListTitle"}}</h1>
<p id="welcome" class="my-4">{{i18n "AdminAllowListWelcome"}}</p>
<p id="allowListCount" class="text-lg font-bold my-2">{{i18npl "MemberCount" .Count}}</p>
<ul id="theList" class="divide-y pb-4">
<form id="add-entry" action="{{urlTo "admin:allow-list:add"}}" method="POST">
{{ .csrfField }}
<div class="flex flex-row items-center h-12">
<input type="text" name="pub_key" class="font-mono truncate flex-auto tracking-wider h-12 text-black focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-transparent placeholder-gray-300" placeholder="@ .ed25519">
<input type="submit" value="{{i18n "AdminAllowListAdd"}}" class="pl-4 w-20 py-2 text-center text-green-500 hover:text-green-600 font-bold bg-transparent cursor-pointer">
</div>
</form>
{{range .Entries}}
<li class="flex flex-row items-center h-12">
<span class="font-mono truncate flex-auto text-gray-600 tracking-wider">{{.PubKey.Ref}}</span>
<a href="{{urlTo "admin:allow-list:remove:confirm" "id" .ID}}" class="pl-4 w-20 py-2 text-center text-gray-400 hover:text-red-600 font-bold cursor-pointer">{{i18n "AdminAllowListRemove"}}</a>
</li>
{{end}}
</ul>
{{end}}
<h1
class="text-3xl tracking-tight font-black text-black mt-2 mb-4"
>{{i18n "AdminAllowListTitle"}}</h1>
<p id="welcome" class="my-4">{{i18n "AdminAllowListWelcome"}}</p>
<p
id="allowListCount"
class="text-lg font-bold my-2"
>{{i18npl "MemberCount" .Count}}</p>
<ul id="theList" class="divide-y pb-4">
<form
id="add-entry"
action="{{urlTo "admin:allow-list:add"}}"
method="POST"
>
{{ .csrfField }}
<div class="flex flex-row items-center h-12">
<input
type="text"
name="pub_key"
placeholder="@ .ed25519"
class="font-mono truncate flex-auto tracking-wider h-12 text-black focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-transparent placeholder-gray-300"
>
<input
type="submit"
value="{{i18n "AdminAllowListAdd"}}"
class="pl-4 w-20 py-2 text-center text-green-500 hover:text-green-600 font-bold bg-transparent cursor-pointer"
>
</div>
</form>
{{range .Entries}}
<li class="flex flex-row items-center h-12">
<span
class="font-mono truncate flex-auto text-gray-600 tracking-wider"
>{{.PubKey.Ref}}</span>
<a
href="{{urlTo "admin:allow-list:remove:confirm" "id" .ID}}"
class="pl-4 w-20 py-2 text-center text-gray-400 hover:text-red-600 font-bold cursor-pointer"
>{{i18n "AdminAllowListRemove"}}</a>
</li>
{{end}}
</ul>
{{end}}

View File

@ -1,18 +1,29 @@
{{ define "title" }}{{i18n "AuthFallbackTitle"}}{{ end }}
{{ define "content" }}
<div id="page-header">
<h1 id="welcome" class="text-lg">{{i18n "AuthFallbackWelcome"}}</h1>
</div>
<div class="">
<form method="POST" action={{urlTo "auth:fallback:signin"}} class="flex flex-row items-end">
{{ .csrfField }}
<div class="w-96 grid grid-cols-2 gap-x-4 gap-y-1 mr-4">
<label>Username</label>
<label>Password</label>
<input class="shadow rounded border border-transparent h-8 p-1 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:border-transparent" type="text" name="user">
<input class="shadow rounded border border-transparent h-8 p-1 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:border-transparent" type="password" name="pass">
</div>
<button type="submit" class="shadow rounded px-4 h-8 text-gray-100 bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50">Enter</button>
</form>
</div> <!-- /row -->
<div id="page-header">
<h1 id="welcome" class="text-lg">{{i18n "AuthFallbackWelcome"}}</h1>
</div>
<div>
<form method="POST" action={{urlTo "auth:fallback:signin" }} class="flex flex-row items-end">
{{ .csrfField }}
<div class="w-96 grid grid-cols-2 gap-x-4 gap-y-1 mr-4">
<label>Username</label>
<label>Password</label>
<input
type="text"
name="user"
class="shadow rounded border border-transparent h-8 p-1 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:border-transparent"
>
<input
type="password"
name="pass"
class="shadow rounded border border-transparent h-8 p-1 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:border-transparent"
>
</div>
<button
type="submit"
class="shadow rounded px-4 h-8 text-gray-100 bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50"
>Enter</button>
</form>
</div>
{{end}}