Restyle the applications manager

This commit is contained in:
Joseph Schorr 2015-04-01 14:49:15 -04:00
parent b240af6d7c
commit 393e91098c
3 changed files with 24 additions and 11 deletions

View file

@ -0,0 +1,7 @@
.application-manager-element .co-table {
margin-top: 20px;
}
.application-manager-element i.fa {
margin-right: 4px;
}

View file

@ -1,17 +1,24 @@
<div class="application-manager-element"> <div class="application-manager-element">
<div class="quay-spinner" ng-show="loading"></div> <div class="cor-loader" ng-show="loading"></div>
<div ng-show="!loading">
<div class="cor-container" ng-show="!loading"> <div class="manager-header">
<div class="side-controls"> <div class="side-controls">
<span class="popup-input-button" placeholder="'Application Name'" submitted="createApplication(value)"> <span class="popup-input-button" placeholder="'Application Name'"
submitted="createApplication(value)">
<i class="fa fa-plus"></i> Create New Application <i class="fa fa-plus"></i> Create New Application
</span> </span>
</div> </div>
<h3>OAuth Applications</h3>
</div>
<table class="table"> <div class="manager-header section-description-header">
The OAuth Applications panel allows organizations to define custom OAuth applications that can be used by internal or external customers to access <span class="registry-name"></span> data on behalf of the customers. More information about the <span class="registry-name"></span> API can be found by contacting support.
</div>
<table class="co-table">
<thead> <thead>
<th>Application Name</th> <td>Application Name</td>
<th>Application URI</th> <td>Application URI</td>
</thead> </thead>
<tr ng-repeat="app in applications"> <tr ng-repeat="app in applications">

View file

@ -80,7 +80,6 @@
<!-- Applications --> <!-- Applications -->
<div id="applications" class="tab-pane"> <div id="applications" class="tab-pane">
<h3>Applications</h3>
<div class="application-manager" organization="organization" <div class="application-manager" organization="organization"
makevisible="showApplicationsCounter"></div> makevisible="showApplicationsCounter"></div>
</div> </div>