Restyle the applications manager
This commit is contained in:
parent
b240af6d7c
commit
393e91098c
3 changed files with 24 additions and 11 deletions
7
static/css/directives/ui/application-manager.css
Normal file
7
static/css/directives/ui/application-manager.css
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
.application-manager-element .co-table {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.application-manager-element i.fa {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Reference in a new issue