Change cor-tabs to be a TypeScript and Angular "neu" component
We no longer use bootstrap tabs code in this version This is in prep for changing the tab style
This commit is contained in:
parent
e5ec33511f
commit
b11239f3bf
24 changed files with 832 additions and 588 deletions
|
@ -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>
|
||||
|
||||
|
|
Reference in a new issue