vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add scope descriptions to the generate token page

Browse source 
Also makes the UI a bit nicer.

Fixes #95
This commit is contained in:
Joseph Schorr 2015-06-22 15:49:26 -04:00
parent 66450d4810
commit 8dcd41fc2f
2 changed files with 25 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/css/pages/manage-application.css Normal file
View file

@ -0,0 +1,10 @@
.manage-application .scope-description {
padding-left: 22px;
margin-bottom: 20px;
}
.manage-application .user-name {
vertical-align: middle;
display: inline-block;
font-weight: bold;
}

23
static/partials/manage-application.html
View file

@ -97,19 +97,26 @@
<!-- Generate Token tab -->
<div id="gen-token" class="tab-pane">
<div style="margin-bottom: 20px">
Click the button below to generate a new <a href="http://tools.ietf.org/html/rfc6749#section-1.4" target="_new">OAuth 2 Access Token</a>.
</div>
<div class="co-alert co-alert-info">
<div style="margin-bottom: 10px">
Click the button below to generate a new <a href="http://tools.ietf.org/html/rfc6749#section-1.4" target="_new">OAuth 2 Access Token</a>.
</div>
<div style="margin-bottom: 20px">
<strong>Note:</strong> The generated token will act on behalf of user
<span class="avatar" data="user.avatar" size="16" style="margin-left: 6px; margin-right: 4px;"></span>
{{ user.username }}
<div>
The generated token will act on behalf of user
<span class="avatar" data="user.avatar" size="16" style="margin-left: 6px; margin-right: 4px;"></span>
<span class="user-name">{{ user.username }}</span>
</div>
</div>
<table>
<tr ng-repeat="(scopeName, scopeInfo) in OAuthService.SCOPES">
<td><label onclick="event.stopPropagation()"><input type="checkbox" value="scopeInfo[0]" ng-model="genScopes[scopeName]">{{ scopeInfo[3] }}</label></td>
<td>
<label onclick="event.stopPropagation()">
<input type="checkbox" value="scopeInfo[0]" ng-model="genScopes[scopeName]">{{ scopeInfo[3] }}
</label>
<div class="scope-description">{{ scopeInfo[4] }}</div>
</td>
</tr>
</table>