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

Change cor-tabs to be a TypeScript and Angular "neu" component

Browse source 
We no longer use bootstrap tabs code in this version

This is in prep for changing the tab style
This commit is contained in:
Joseph Schorr 2017-04-28 17:03:38 -04:00
parent e5ec33511f
commit b11239f3bf
24 changed files with 832 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -20,29 +20,28 @@
</div>
</div>
<div class="cor-tab-panel">
<div class="cor-tabs">
<span class="cor-tab" tab-active="true" tab-title="Settings" tab-target="#settings">
<cor-tab-panel>
<cor-tabs>
<cor-tab tab-title="Settings" tab-id="settings">
<i class="fa fa-gear"></i>
</span>
</cor-tab>
<span class="cor-tab" tab-title="OAuth Information" tab-target="#oauth">
<cor-tab tab-title="OAuth Information" tab-id="oauth">
<i class="fa fa-key"></i>
</span>
</cor-tab>
<span class="cor-tab" tab-title="Delete Application" tab-target="#delete">
<cor-tab tab-title="Delete Application" tab-id="delete">
<i class="fa fa-times"></i>
</span>
</cor-tab>
<span class="cor-tab" tab-title="Generate Token" tab-target="#gen-token">
<cor-tab tab-title="Generate Token" tab-id="gen-token">
<i class="fa fa-ticket"></i>
</span>
</div> <!-- /cor-tabs -->
<div class="cor-tab-content">
</cor-tab>
</cor-tabs>
<cor-tab-content>
<!-- Settings tab -->
<div id="settings" class="tab-pane active">
<cor-tab-pane id="settings">
<form method="put" name="applicationForm" id="applicationForm" ng-submit="updateApplication()">
<div class="form-group nested">
<label for="fieldAppName">Application Name</label>
@ -81,10 +80,10 @@
<span class="quay-spinner" ng-show="updating"></span>
</div>
</form>
</div>
</cor-tab-pane>
<!-- Delete tab -->
<div id="delete" class="tab-pane">
<cor-tab-pane id="delete">
<div class="panel panel-default">
<div class="panel-body">
<div style="text-align: center">
@ -93,10 +92,10 @@
</div>
</div>
</div>
</div>
</cor-tab-pane>
<!-- Generate Token tab -->
<div id="gen-token" class="tab-pane">
<cor-tab-pane id="gen-token">
<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>.
@ -125,10 +124,10 @@
ng-disabled="!getScopes(genScopes).length" ng-safenewtab>
Generate Access Token
</a>
</div>
</cor-tab-pane>
<!-- OAuth tab -->
<div id="oauth" class="tab-pane">
<cor-tab-pane id="oauth">
<dl class="dl-horizontal">
<dt>Client ID:</dt>
<dd><div class="copy-box" hovering-message="true" value="application.client_id"></div></dd>
@ -139,10 +138,9 @@
</dl>
<button class="btn btn-primary" ng-click="askResetClientSecret()">Reset Client Secret</button>
</div>
</div> <!-- /cor-tab-content -->
</div>
</cor-tab-pane>
</cor-tab-content>
</cor-tab-panel>
</div>
</div>