web: Updates classes in templates

This commit is contained in:
Amruta Chitnis 2016-12-01 12:18:12 -08:00
parent 2bc690591e
commit 577d1af029
5 changed files with 41 additions and 270 deletions

View file

@ -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

View file

@ -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" . }}

View file

@ -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" . }}

View file

@ -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>