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

100
static/partials/super-user.html
View file

@ -22,72 +22,71 @@
<span class="cor-title-content">Quay Enterprise Management</span>
</div>
<div class="cor-tab-panel">
<div class="cor-tabs">
<span class="cor-tab" tab-active="true" tab-title="Manage Users"
tab-target="#users" tab-init="loadUsers()">
<cor-tab-panel>
<cor-tabs>
<cor-tab tab-title="Manage Users"
tab-id="users" tab-init="loadUsers()">
<i class="fa fa-group"></i>
</span>
<span class="cor-tab" tab-title="Manage Organizations"
tab-target="#organizations" tab-init="loadOrganizations()">
</cor-tab>
<cor-tab tab-title="Manage Organizations"
tab-id="organizations" tab-init="loadOrganizations()">
<i class="fa fa-sitemap"></i>
</span>
<span class="cor-tab" tab-title="Manage Service Keys"
tab-target="#servicekeys" tab-init="loadServiceKeys()">
</cor-tab>
<cor-tab tab-title="Manage Service Keys"
tab-id="servicekeys" tab-init="loadServiceKeys()">
<i class="fa fa-key"></i>
</span>
<span class="cor-tab" tab-title="Change Log" tab-target="#change-log" tab-init="getChangeLog()">
</cor-tab>
<cor-tab tab-title="Change Log" tab-id="change-log" tab-init="getChangeLog()">
<i class="fa fa-rss"></i>
</span>
<span class="cor-tab" tab-title="Usage Logs" tab-target="#logs" tab-init="loadUsageLogs()">
</cor-tab>
<cor-tab tab-title="Usage Logs" tab-id="logs" tab-init="loadUsageLogs()">
<i class="fa fa-bar-chart"></i>
</span>
<span class="cor-tab" tab-title="Internal Logs and Debugging" tab-target="#debug"
tab-init="loadDebugServices()">
</cor-tab>
<cor-tab tab-title="Internal Logs and Debugging" tab-id="debug"
tab-init="loadDebugServices()">
<i class="fa fa-bug"></i>
</span>
<span class="cor-tab hidden-xs" tab-title="Registry Settings" tab-target="#setup"
tab-init="loadConfig()">
</cor-tab>
<cor-tab tab-title="Registry Settings" tab-id="setup"
tab-init="loadConfig()">
<i class="fa fa-cog"></i>
</span>
<span class="cor-tab hidden-xs" tab-title="Globally visible user messages" tab-target="#message-of-the-day"
tab-init="loadMessageOfTheDay()">
</cor-tab>
<cor-tab tab-title="Globally visible user messages" tab-id="message-of-the-day"
tab-init="loadMessageOfTheDay()">
<i class="fa fa-newspaper-o"></i>
</span>
<span class="cor-tab hidden-xs" tab-title="Build Logs" tab-target="#super-user-build-logs"
tab-init="loadSuperUserBuildLogs()">
</cor-tab>
<cor-tab tab-title="Build Logs" tab-id="super-user-build-logs"
tab-init="loadSuperUserBuildLogs()">
<i class="fa fa-history"></i>
</span>
</div> <!-- /cor-tabs -->
</cor-tab>
</cor-tabs>
<div class="cor-tab-content">
<cor-tab-content>
<!-- Setup tab -->
<div id="setup" class="tab-pane">
<cor-tab-pane id="setup">
<div class="co-alert co-alert-warning" ng-if="configProviderId != 'k8s'">
<strong>Warning:</strong> If you are running Quay Enterprise under multiple containers, additional actions are necessary in order to apply any configuration changes made here to the entire cluster. It is recommended to make (and validate) configuration changes here, then copy your configuration to all instances and restart them.
</div>
<div class="config-setup-tool" is-active="configStatus == 'ready'"
configuration-saved="configurationSaved(config)"></div>
</div>
</cor-tab-pane>
<!-- Super user build logs tab-->
<div id="super-user-build-logs" class="tab-pane">
<cor-tab-pane id="super-user-build-logs">
<div class="super-user-build-logs" is-enabled="superUserBuildLogsActive"></div>
</div> <!-- Super user build logs tab -->
</cor-tab-pane> <!-- Super user build logs tab -->
<!-- Messages tab -->
<div id="message-of-the-day" class="tab-pane">
<cor-tab-pane id="message-of-the-day">
<div class="global-message-tab" is-enabled="globalMessagesActive"></div>
</div> <!-- Messages tab -->
</cor-tab-pane> <!-- Messages tab -->
<!-- Service keys tab -->
<div id="servicekeys" class="tab-pane">
<cor-tab-pane id="servicekeys">
<div class="service-keys-manager" is-enabled="serviceKeysActive"></div>
</div>
</cor-tab-pane>
<!-- Debugging tab -->
<div id="debug" class="tab-pane">
<cor-tab-pane id="debug">
<div class="cor-loader" ng-show="!debugServices"></div>
<div role="tabpanel" ng-show="debugServices">
@ -110,22 +109,22 @@
</div>
<div class="cor-log-box" logs="debugLogs" ng-show="debugService"></div>
</div>
</div>
</cor-tab-pane>
<!-- Logs tab -->
<div id="logs" class="tab-pane">
<cor-tab-pane id="logs">
<div class="logsView" makevisible="logsCounter" all-logs="true"></div>
</div> <!-- /logs tab-->
</cor-tab-pane> <!-- /logs tab-->
<!-- Change Log tab -->
<div id="change-log" class="tab-pane">
<cor-tab-pane id="change-log">
<h3 style="margin-top: 0px;">Change Log</h3>
<div class="cor-loader" ng-if="!changeLog"></div>
<div class="markdown-view" content="changeLog.log" ng-if="changeLog"></div>
</div> <!-- /change-log tab-->
</cor-tab-pane> <!-- /change-log tab-->
<!-- Organizations tab -->
<div id="organizations" class="tab-pane">
<cor-tab-pane id="organizations">
<div class="resource-view" resource="organizationsResource"
error-message="'Could not load organizations'">
<div class="manager-header" header-title="Organizations">
@ -180,15 +179,14 @@
</tr>
</table>
</div> <!-- /resource -->
</div> <!-- organizations tab -->
</cor-tab-pane> <!-- organizations tab -->
<!-- Users tab -->
<div id="users" class="tab-pane active">
<cor-tab-pane id="users" class="tab-pane active">
<div class="manage-user-tab" is-enabled="manageUsersActive"></div>
</div> <!-- users-tab -->
</div> <!-- /cor-tab-content -->
</div> <!-- /cor-tab-panel -->
</cor-tab-pane> <!-- users-tab -->
</cor-tab-content>
</cor-tab-panel>
<!-- Modal message dialog -->
<div class="co-dialog modal fade" id="restartingContainerModal">