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:
Joseph Schorr 2017-04-28 17:03:38 -04:00
parent e5ec33511f
commit b11239f3bf
24 changed files with 832 additions and 588 deletions

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>