This repository has been archived by the owner on Nov 9, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 33
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #814 from cardosogabriel/HAWKULAR-979
HAWKULAR-979
- Loading branch information
Showing
3 changed files
with
148 additions
and
112 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
217 changes: 108 additions & 109 deletions
217
console/src/main/scripts/plugins/accounts/html/tokens.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,125 +1,124 @@ | ||
<div class="hk-organizations row" ng-controller="HawkularAccounts.TokensController as controller"> | ||
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | ||
<div class="hk-tokens" ng-controller="HawkularAccounts.TokensController as controller"> | ||
|
||
<h1 class="text-center" ng-show="!controller.loading">Tokens</h1> | ||
<h1 class="text-center" ng-show="!controller.loading">Tokens</h1> | ||
|
||
<div class="text-center hk-spinner-container-alone" ng-show="controller.loading"> | ||
<div class="spinner spinner-lg"></div> | ||
<p class="hk-spinner-legend-below">Loading...</p> | ||
</div> | ||
<div class="text-center hk-spinner-container-alone" ng-show="controller.loading"> | ||
<div class="spinner spinner-lg"></div> | ||
<p class="hk-spinner-legend-below">Loading...</p> | ||
</div> | ||
|
||
<div class="blank-slate-pf" ng-show="!controller.tokens.length && !controller.loading"> | ||
<div class="blank-slate-pf-icon"> | ||
<i class="fa fa-shield"></i> | ||
</div> | ||
<h1>No tokens created.</h1> | ||
<p> | ||
You can create access tokens for usage in the Agent or in other applications to make REST calls. | ||
</p> | ||
<div class="blank-slate-pf-main-action"> | ||
<button class="btn btn-primary btn-lg" type="button" role="button" ng-click="controller.create()"> | ||
Create Token | ||
</button> | ||
</div> | ||
<div class="blank-slate-pf" ng-show="!controller.tokens.length && !controller.loading"> | ||
<div class="blank-slate-pf-icon"> | ||
<i class="fa fa-shield"></i> | ||
</div> | ||
|
||
<div class="text-right" ng-show="controller.tokens.length && !controller.loading"> | ||
<button class="btn btn-primary" type="button" role="button" ng-click="controller.create()"> | ||
<h1>No tokens created.</h1> | ||
<p> | ||
You can create access tokens for usage in the Agent or in other applications to make REST calls. | ||
</p> | ||
<div class="blank-slate-pf-main-action"> | ||
<button class="btn btn-primary btn-lg" type="button" role="button" ng-click="controller.create()"> | ||
Create Token | ||
</button> | ||
</div> | ||
</div> | ||
|
||
<div class="container-fluid container-cards-pf" ng-show="controller.tokens.length && !controller.loading"> | ||
<div class="row row-cards-pf"> | ||
<div class="col-xs-12 col-sm-12 col-md-6" ng-repeat="token in controller.tokens"> | ||
<div class="card-pf"> | ||
<h2 class="card-pf-title"> | ||
<div ng-hide="controller.inEditMode(token)"> | ||
<span ng-show="token.attributes.name">{{token.attributes.name}}</span> | ||
<span ng-hide="token.attributes.name">Token generated at {{(token.createdAt | date:'medium')}}</span> | ||
<button class="btn btn-default pull-right" | ||
tooltip-trigger | ||
tooltip="Rename" | ||
ng-click="controller.edit(token)"> | ||
<i class="fa fa-pencil"></i> | ||
</button> | ||
</div> | ||
<div ng-show="controller.inEditMode(token)"> | ||
<input ng-model="controller.newNames[token.id]" placeholder="Name" class="form-control"/> | ||
<button class="btn btn-default pull-right" | ||
tooltip-trigger | ||
tooltip="Discard" | ||
type="reset" | ||
ng-click="controller.discard(token)"> | ||
<i class="fa fa-close"></i> | ||
</button> | ||
<div class="text-right" ng-show="controller.tokens.length && !controller.loading"> | ||
<button class="btn btn-primary" type="button" role="button" ng-click="controller.create()"> | ||
Create Token | ||
</button> | ||
</div> | ||
|
||
<button class="btn btn-default pull-right" | ||
tooltip-trigger | ||
tooltip="Confirm" | ||
type="submit" | ||
ng-click="controller.confirm(token)"> | ||
<i class="fa fa-check"></i> | ||
</button> | ||
</div> | ||
</h2> | ||
<div class="card-pf-body"> | ||
<div ng-hide="controller.inEditMode(token)"> | ||
<h3 ng-show="token.attributes.description">{{token.attributes.description}}</h3> | ||
<h3 ng-hide="token.attributes.description">No description.</h3> | ||
</div> | ||
<div ng-show="controller.inEditMode(token)"> | ||
<input ng-model="controller.newDescriptions[token.id]" placeholder="Description" class="form-control"/> | ||
</div> | ||
<div class="row row-cards-pf" ng-show="controller.tokens.length && !controller.loading"> | ||
<div class="col-xs-12 col-sm-6 col-lg-4" ng-repeat="token in controller.tokens"> | ||
<div class="card-pf hk-card-token"> | ||
<h2 class="card-pf-title"> | ||
<div ng-hide="controller.inEditMode(token)"> | ||
<button class="btn btn-default pull-right" | ||
tooltip-trigger | ||
tooltip="Rename" | ||
ng-click="controller.edit(token)"> | ||
<i class="fa fa-pencil"></i> | ||
</button> | ||
<span ng-show="token.attributes.name">{{token.attributes.name}}</span> | ||
<span ng-hide="token.attributes.name">Token generated at {{(token.createdAt | date:'medium')}}</span> | ||
</div> | ||
<div ng-show="controller.inEditMode(token)"> | ||
<div class="hk-form-buttons pull-right"> | ||
<button class="btn btn-default" | ||
tooltip-trigger | ||
tooltip="Discard" | ||
type="reset" | ||
ng-click="controller.discard(token)"> | ||
<i class="fa fa-close"></i> | ||
</button> | ||
<button class="btn btn-default" | ||
tooltip-trigger | ||
tooltip="Confirm" | ||
type="submit" | ||
ng-click="controller.confirm(token)"> | ||
<i class="fa fa-check"></i> | ||
</button> | ||
</div> | ||
<input ng-model="controller.newNames[token.id]" placeholder="Name" class="form-control hk-form-buttons-offset"/> | ||
</div> | ||
</h2> | ||
<div class="card-pf-body"> | ||
<div ng-hide="controller.inEditMode(token)"> | ||
<p ng-show="token.attributes.description">{{token.attributes.description}}</p> | ||
<!-- <h3 ng-hide="token.attributes.description">No description.</h3> --> | ||
</div> | ||
<div ng-show="controller.inEditMode(token)"> | ||
<input ng-model="controller.newDescriptions[token.id]" placeholder="Description" class="form-control hk-form-buttons-offset"/> | ||
</div> | ||
|
||
<img | ||
height="50" | ||
width="50" | ||
class="pull-right" | ||
ng-src="/secret-store/qrcode?tokenId={{token.id}}&size=50" | ||
ng-click="controller.showQRCode(token)"/> | ||
<img | ||
height="50" | ||
width="50" | ||
class="pull-right hk-cursor-pointer" | ||
tooltip-trigger | ||
tooltip="Click to expand" | ||
ng-src="/secret-store/qrcode?tokenId={{token.id}}&size=50" | ||
ng-click="controller.showQRCode(token)"/> | ||
|
||
<p> | ||
<small><b>Key:</b> {{token.id}}</small><br/> | ||
<small><b>Secret:</b> {{token.secret}}</small><br/> | ||
<small><b>Persona:</b> {{controller.personaForToken(token)}}</small><br/> | ||
</p> | ||
<p> | ||
<small><b>Key:</b> {{token.id}}</small><br/> | ||
<small><b>Secret:</b> {{token.secret}}</small><br/> | ||
<small><b>Persona:</b> {{controller.personaForToken(token)}}</small><br/> | ||
</p> | ||
|
||
</div> | ||
<div class="card-pf-footer"> | ||
<button type="button" | ||
class="btn btn-link pull-right" | ||
tooltip-trigger | ||
tooltip-placement="top" | ||
tooltip="Revoke" | ||
ng-click="controller.revoke(token)"> | ||
<i class="fa fa-trash-o"></i> | ||
</button> | ||
</div> | ||
<div class="card-pf-footer"> | ||
<button type="button" | ||
class="btn btn-link pull-right" | ||
tooltip-trigger | ||
tooltip-placement="top" | ||
tooltip="Revoke" | ||
ng-click="controller.revoke(token)"> | ||
<i class="fa fa-trash-o"></i> | ||
</button> | ||
|
||
<p> | ||
Expiration date: | ||
<abbr | ||
ng-hide="controller.inEditMode(token)" | ||
data-toggle="tooltip" | ||
data-placement="top" | ||
title="This date is shown in your timezone."> | ||
{{(token.expiresAt | date:'mediumDate') || "∞"}} | ||
</abbr> | ||
<div class="input-group date" ng-show="controller.inEditMode(token)"> | ||
<input | ||
type="text" | ||
id="dateFor{{token.id}}" | ||
class="form-control bootstrap-datepicker" | ||
ng-model="controller.newExpirations[token.id]" | ||
data-date-format="yyyy-mm-dd" | ||
data-provide="datepicker"/> | ||
<span class="input-group-addon"><span class="fa fa-calendar"></span></span> | ||
</div> | ||
</p> | ||
</div> | ||
<p> | ||
Expiration date: | ||
<abbr | ||
ng-hide="controller.inEditMode(token)" | ||
data-toggle="tooltip" | ||
data-placement="top" | ||
title="This date is shown in your timezone."> | ||
{{(token.expiresAt | date:'mediumDate') || "∞"}} | ||
</abbr> | ||
<div class="input-group date hk-form-buttons-offset" ng-show="controller.inEditMode(token)"> | ||
<input | ||
type="text" | ||
id="dateFor{{token.id}}" | ||
class="form-control bootstrap-datepicker" | ||
ng-model="controller.newExpirations[token.id]" | ||
data-date-format="yyyy-mm-dd" | ||
data-provide="datepicker"/> | ||
<span class="input-group-addon"><span class="fa fa-calendar"></span></span> | ||
</div> | ||
</p> | ||
</div> | ||
</div><!-- /row --> | ||
</div><!-- /container --> | ||
</div> | ||
</div> | ||
</div> | ||
</div><!-- /row --> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters