web: Updates classes in templates
This commit is contained in:
parent
2bc690591e
commit
577d1af029
5 changed files with 41 additions and 270 deletions
|
@ -1,37 +1,35 @@
|
||||||
{{ template "header.html" . }}
|
{{ template "header.html" . }}
|
||||||
|
|
||||||
<div class="panel">
|
<div class="theme-panel">
|
||||||
<h2 class="heading">Grant Access</h2>
|
<h2 class="theme-heading">Grant Access</h2>
|
||||||
|
|
||||||
<hr>
|
<hr class="dex-separator">
|
||||||
<div class="list-with-title">
|
<div>
|
||||||
<div class="subtle-text">{{ .Client }} would like to:</div>
|
<div class="dex-subtle-text">{{ .Client }} would like to:</div>
|
||||||
|
<ul class="dex-list">
|
||||||
{{ range $scope := .Scopes }}
|
{{ range $scope := .Scopes }}
|
||||||
<li class="bullet-point">
|
<li>{{ $scope }}</li>
|
||||||
<div class="subtle-text">
|
|
||||||
{{ $scope }}
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr class="dex-separator">
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="form-row">
|
<div class="theme-form-row">
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
||||||
<input type="hidden" name="approval" value="approve">
|
<input type="hidden" name="approval" value="approve">
|
||||||
<button type="submit" class="btn btn-success">
|
<button type="submit" class="dex-btn theme-btn--success">
|
||||||
<span class="btn-text">Grant Access</span>
|
<span class="dex-btn-text">Grant Access</span>
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-row">
|
<div class="theme-form-row">
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
||||||
<input type="hidden" name="approval" value="rejected">
|
<input type="hidden" name="approval" value="rejected">
|
||||||
<button type="submit" class="btn btn-provider">
|
<button type="submit" class="dex-btn dex-btn-provider">
|
||||||
<span class="btn-text">Cancel</span>
|
<span class="dex-btn-text">Cancel</span>
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,22 +1,19 @@
|
||||||
{{ template "header.html" . }}
|
{{ template "header.html" . }}
|
||||||
|
|
||||||
<div class="panel">
|
<div class="theme-panel">
|
||||||
<h2 class="heading">Log in to {{ issuer }} </h2>
|
<h2 class="theme-heading">Log in to {{ issuer }} </h2>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
{{ range $c := .Connectors }}
|
{{ range $c := .Connectors }}
|
||||||
<div class="form-row">
|
<div class="theme-form-row">
|
||||||
<a href="{{ $c.URL }}?req={{ $.AuthReqID }}" target="_self">
|
<a href="{{ $c.URL }}?req={{ $.AuthReqID }}" target="_self">
|
||||||
<button class="btn btn-provider">
|
<button class="dex-btn dex-btn-provider">
|
||||||
<span class="btn-icon btn-icon-{{ $c.ID }}"></span>
|
<span class="dex-btn-icon dex-btn-icon--{{ $c.ID }}"></span>
|
||||||
<span class="btn-text">Log in with {{ $c.Name }}</span>
|
<span class="dex-btn-text">Log in with {{ $c.Name }}</span>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{{ template "footer.html" . }}
|
{{ template "footer.html" . }}
|
||||||
|
|
|
@ -1,11 +1,9 @@
|
||||||
{{ template "header.html" . }}
|
{{ template "header.html" . }}
|
||||||
|
|
||||||
<div class="panel">
|
<div class="theme-panel">
|
||||||
<h2 class="heading">Login Successful</h2>
|
<h2 class="theme-heading">Login Successful</h2>
|
||||||
|
<p>Please copy this code, switch to your application and paste it there:</p>
|
||||||
Please copy this code, switch to your application and paste it there:
|
<input type="text" class="theme-form-input" value="{{ .Code }}" />
|
||||||
<br/>
|
|
||||||
<input type="text" value="{{ .Code }}" />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ template "footer.html" . }}
|
{{ template "footer.html" . }}
|
||||||
|
|
|
@ -1,29 +1,29 @@
|
||||||
{{ template "header.html" . }}
|
{{ template "header.html" . }}
|
||||||
|
|
||||||
<div class="panel">
|
<div class="theme-panel">
|
||||||
<h2 class="heading">Log in to Your Account</h2>
|
<h2 class="theme-heading">Log in to Your Account</h2>
|
||||||
<form method="post" action="{{ .PostURL }}">
|
<form method="post" action="{{ .PostURL }}">
|
||||||
<div class="form-row">
|
<div class="theme-form-row">
|
||||||
<div class="input-desc">
|
<div class="theme-form-label">
|
||||||
<label for="userid">Username</label>
|
<label for="userid">Username</label>
|
||||||
</div>
|
</div>
|
||||||
<input tabindex="1" required id="login" name="login" type="text" class="input-box" placeholder="username" {{ if .Username }}value="{{ .Username }}" {{ else }} autofocus {{ end }}/>
|
<input tabindex="1" required id="login" name="login" type="text" class="theme-form-input" placeholder="username" {{ if .Username }} value="{{ .Username }}" {{ else }} autofocus {{ end }}/>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-row">
|
<div class="theme-form-row">
|
||||||
<div class="input-desc">
|
<div class="theme-form-label">
|
||||||
<label for="password">Password</label>
|
<label for="password">Password</label>
|
||||||
</div>
|
</div>
|
||||||
<input tabindex="2" required id="password" name="password" type="password" class="input-box" placeholder="password" {{ if .Invalid }} autofocus {{ end }}/>
|
<input tabindex="2" required id="password" name="password" type="password" class="theme-form-input" placeholder="password" {{ if .Invalid }} autofocus {{ end }}/>
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
<input type="hidden" name="req" value="{{ .AuthReqID }}"/>
|
||||||
|
|
||||||
{{ if .Invalid }}
|
{{ if .Invalid }}
|
||||||
<div class="error-box">
|
<div class="dex-error-box">
|
||||||
Invalid username and password.
|
Invalid username and password.
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<button tabindex="3" type="submit" class="btn btn-primary">Login</button>
|
<button tabindex="3" type="submit" class="dex-btn theme-btn--primary">Login</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue