forked from lbi-bot/letsblockit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
kratos-form.hbs
94 lines (91 loc) · 4.24 KB
/
kratos-form.hbs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<style>
div.type-hidden {
margin: 0 !important;
}
div.type-submit + div.row {
margin-top: 2rem !important;
padding-top: 2rem !important;
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
</style>
{{#each ui.messages}}
<div role="alert" class="alert {{#if (eq type "error")}}alert-warning{{else}}alert-info{{/if}}">
{{text}}
</div>
{{/each}}
<div class="container m-auto p-4" style="max-width: 50em">
<div class="card shadow-sm">
{{#if settings.Tabs}}
<div class="card-header pt-3 ps-4 pe-4">
<ul class="nav nav-tabs card-header-tabs">
{{#each settings.Tabs}}
{{#if (eq @root.Data.type Type)}}
<li class="ms-lg-3 nav-item">
<a class="nav-link active" aria-current="true" href="#">{{Title}}</a>
</li>
{{else}}
<li class="ms-lg-3 nav-item">
<form method="POST" action="{{href "user-action" Type}}">
{{{csrf @root}}}
{{#with @root.Data.return_to}}
<input type="hidden" name="return_to" value="{{.}}">
{{/with}}
<button type="submit" class="nav-link">{{Title}}</button>
</form>
</li>
{{/if}}
{{/each}}
</ul>
</div>
{{else}}
<div class="card-header p-4">{{settings.title}}</div>
{{/if}}
{{#with settings.Intro}}
<div class="card-body">{{{.}}}</div>
{{/with}}
<form class="card-body" method="{{ui.method}}" action="{{ui.action}}">
{{#each ui.nodes}}
<div class="form-group m-md-4 row type-{{attributes.type}}">
{{#if meta.label.text}}
<label class="col-lg-2 col-form-label" for="input-{{attributes.name}}">
{{#unless (eq attributes.type "submit")}}
{{#if (eq meta.label.id 1070004)}}E-Mail{{else}}{{meta.label.text}}{{/if}}
{{/unless}}
</label>
{{/if}}
<div class="col-lg-10">
{{#if (eq attributes.type "submit")}}
<button type="submit" class="btn btn-primary"
id="input-{{attributes.name}}"
name="{{attributes.name}}"
value="{{attributes.value}}">
{{meta.label.text}}
</button>
{{else}}
<input
{{#if attributes.disabled}}disabled{{/if}}
{{#if attributes.required}}required{{/if}}
id="input-{{attributes.name}}"
name="{{attributes.name}}"
type="{{#if (eq meta.label.id 1070004)}}email{{else}}{{attributes.type}}{{/if}}"
value="{{attributes.value}}"
class="form-control {{#each messages}}
{{#if (eq type "error")}}is-invalid{{else}}is-valid{{/if}}
{{/each}}"/>
{{/if}}
{{#each messages}}
<div class="{{#if (eq type "error")}}invalid-feedback{{else}}valid-feedback{{/if}}">
{{text}}
</div>
{{/each}}
</div>
</div>
{{/each}}
</form>
<div class="card-footer p-3 text-end">
Account management is provided by <a target="_blank" href="https://www.ory.sh/docs">the fine folks at
Ory</a> |
Read our <a href="{{href "help" "privacy"}}">privacy page</a>.
</div>
</div>
</div>