433 lines
19 KiB
HTML
433 lines
19 KiB
HTML
<div>
|
|
<div class="quay-spinner" ng-show="!configStatus"></div>
|
|
<div class="page-content" quay-show="Features.SUPER_USERS && configStatus.ready">
|
|
<div class="cor-title">
|
|
<span class="cor-title-link"></span>
|
|
<span class="cor-title-content">Enterprise Registry Management</span>
|
|
</div>
|
|
|
|
<div class="cor-tab-panel">
|
|
<div class="cor-tabs">
|
|
<span class="cor-tab" tab-active="true" tab-title="Registry Settings" tab-target="#setup"
|
|
tab-init="loadConfig()">
|
|
<i class="fa fa-cog"></i>
|
|
</span>
|
|
<span class="cor-tab" tab-title="Manage Users" tab-target="#users" tab-init="loadUsers()">
|
|
<i class="fa fa-group"></i>
|
|
</span>
|
|
<span class="cor-tab" tab-title="Container Usage" tab-target="#usage-counter" tab-init="getUsage()">
|
|
<i class="fa fa-pie-chart"></i>
|
|
</span>
|
|
<span class="cor-tab" tab-title="Usage Logs" tab-target="#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()">
|
|
<i class="fa fa-bug"></i>
|
|
</span>
|
|
</div> <!-- /cor-tabs -->
|
|
|
|
<div class="cor-tab-content">
|
|
<!-- Setup tab -->
|
|
<div id="setup" class="tab-pane active">
|
|
<div class="config-setup-tool"></div>
|
|
</div>
|
|
|
|
<!-- Debugging tab -->
|
|
<div id="debug" class="tab-pane">
|
|
<div class="quay-spinner" ng-show="!debugServices"></div>
|
|
|
|
<div role="tabpanel" ng-show="debugServices">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" ng-repeat="service in debugServices"
|
|
ng-class="debugService == service ? 'active' : ''">
|
|
<a href="javascript:void(0)" ng-click="viewSystemLogs(service)">{{ service }}</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="system-log-download-panel" ng-if="!debugService">
|
|
Select a service above to view its local logs
|
|
|
|
<div>
|
|
<a class="btn btn-primary" href="/systemlogsarchive?_csrf_token={{ csrf_token }}" target="_blank">
|
|
<i class="fa fa-download fa-lg" style="margin-right: 4px;"></i> Download All Local Logs (.tar.gz)
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="cor-log-box" logs="debugLogs" ng-show="debugService"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Logs tab -->
|
|
<div id="logs" class="tab-pane">
|
|
<div class="logsView" makevisible="logsCounter" all-logs="true"></div>
|
|
</div> <!-- /logs tab-->
|
|
|
|
<!-- Usage tab -->
|
|
<div id="usage-counter" class="tab-pane">
|
|
<div class="quay-spinner" ng-show="systemUsage == null"></div>
|
|
<div class="usage-chart" total="systemUsage.allowed" limit="systemUsageLimit"
|
|
current="systemUsage.usage" usage-title="Deployed Containers"></div>
|
|
|
|
<!-- Alerts -->
|
|
<div class="alert alert-danger" ng-show="systemUsageLimit == 'over' && systemUsage">
|
|
You have deployed more repositories than your plan allows. Please
|
|
upgrade your subscription by contacting <a href="mailto:sales@coreos.com">CoreOS Sales</a>.
|
|
</div>
|
|
|
|
<div class="alert alert-warning" ng-show="systemUsageLimit == 'at' && systemUsage">
|
|
You are at your current plan's number of allowed repositories. It might be time to think about
|
|
upgrading your subscription by contacting <a href="mailto:sales@coreos.com">CoreOS Sales</a>.
|
|
</div>
|
|
|
|
<div class="alert alert-success" ng-show="systemUsageLimit == 'near' && systemUsage">
|
|
You are nearing the number of allowed deployed repositories. It might be time to think about
|
|
upgrading your subscription by contacting <a href="mailto:sales@coreos.com">CoreOS Sales</a>.
|
|
</div>
|
|
|
|
For more information: <a href="https://coreos.com/products/enterprise-registry/plans/">See Here</a>.
|
|
</div> <!-- /usage-counter tab-->
|
|
|
|
<!-- Users tab -->
|
|
<div id="users" class="tab-pane">
|
|
<div class="quay-spinner" ng-show="!users"></div>
|
|
<div class="alert alert-error" ng-show="usersError">
|
|
{{ usersError }}
|
|
</div>
|
|
<div ng-show="users">
|
|
<div class="side-controls">
|
|
<div class="result-count">
|
|
Showing {{(users | filter:search | limitTo:100).length}} of
|
|
{{(users | filter:search).length}} matching users
|
|
</div>
|
|
<div class="filter-input">
|
|
<input id="log-filter" class="form-control" placeholder="Filter Users" type="text" ng-model="search.$">
|
|
</div>
|
|
<button class="btn btn-primary" style="vertical-align: top; margin-left: 10px;"
|
|
ng-click="showCreateUser()">
|
|
<i class="fa fa-plus" style="margin-right: 6px;"></i>Create User
|
|
</button>
|
|
</div>
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<th style="width: 24px;"></th>
|
|
<th>Username</th>
|
|
<th>E-mail address</th>
|
|
<th style="width: 24px;"></th>
|
|
</thead>
|
|
|
|
<tr ng-repeat="current_user in (users | filter:search | orderBy:'username' | limitTo:100)"
|
|
class="user-row">
|
|
<td>
|
|
<span class="avatar" hash="current_user.avatar" size="24"></span>
|
|
</td>
|
|
<td>
|
|
<span class="labels">
|
|
<span class="label label-default" ng-if="user.username == current_user.username">
|
|
You
|
|
</span>
|
|
<span class="label label-primary"
|
|
ng-if="current_user.super_user">
|
|
Superuser
|
|
</span>
|
|
</span>
|
|
{{ current_user.username }}
|
|
</td>
|
|
<td>
|
|
<a href="mailto:{{ current_user.email }}">{{ current_user.email }}</a>
|
|
</td>
|
|
<td style="text-align: center;">
|
|
<span class="cor-options-menu"
|
|
ng-if="user.username != current_user.username && !current_user.super_user">
|
|
<span class="cor-option" option-click="showChangePassword(current_user)">
|
|
<i class="fa fa-key"></i> Change Password
|
|
</span>
|
|
<span class="cor-option" option-click="sendRecoveryEmail(current_user)"
|
|
quay-show="Features.MAILING">
|
|
<i class="fa fa-envelope"></i> Send Recovery Email
|
|
</span>
|
|
<span class="cor-option" option-click="showDeleteUser(current_user)">
|
|
<i class="fa fa-times"></i> Delete User
|
|
</span>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div> <!-- /show if users -->
|
|
</div> <!-- users-tab -->
|
|
</div> <!-- /cor-tab-content -->
|
|
</div> <!-- /cor-tab-panel -->
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="confirmDeleteUserModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Delete User?</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="alert alert-danger">
|
|
This operation <strong>cannot be undone</strong> and will <strong>delete any repositories owned by the user</strong>.
|
|
</div>
|
|
Are you <strong>sure</strong> you want to delete user <strong>{{ userToDelete.username }}</strong>?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" ng-click="deleteUser(userToDelete)">Delete User</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="createUserModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Create New User</h4>
|
|
</div>
|
|
<form name="createUserForm" ng-submit="createUser()">
|
|
<div class="modal-body" ng-show="createdUser">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Username</th>
|
|
<th>E-mail address</th>
|
|
<th>Temporary Password</th>
|
|
</thead>
|
|
|
|
<tr class="user-row">
|
|
<td>{{ createdUser.username }}</td>
|
|
<td>{{ createdUser.email }}</td>
|
|
<td>{{ createdUser.password }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="modal-body" ng-show="creatingUser">
|
|
<div class="quay-spinner"></div>
|
|
</div>
|
|
<div class="modal-body" ng-show="!creatingUser && !createdUser">
|
|
<div class="form-group">
|
|
<label>Username</label>
|
|
<input class="form-control" type="text" ng-model="newUser.username" ng-pattern="/^[a-z0-9_]{4,30}$/" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Email address</label>
|
|
<input class="form-control" type="email" ng-model="newUser.email" required>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer" ng-show="createdUser">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
<div class="modal-footer" ng-show="!creatingUser && !createdUser">
|
|
<button class="btn btn-primary" type="submit" ng-disabled="!createUserForm.$valid">
|
|
Create User
|
|
</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade" id="changePasswordModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Change User Password</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="alert alert-warning">
|
|
The user will no longer be able to access the registry with their current password
|
|
</div>
|
|
|
|
<form class="form-change" id="changePasswordForm" name="changePasswordForm" data-trigger="manual">
|
|
<input type="password" class="form-control" placeholder="User's new password" ng-model="userToChange.password" required ng-pattern="/^.{8,}$/">
|
|
<input type="password" class="form-control" placeholder="Verify the new password" ng-model="userToChange.repeatPassword"
|
|
match="userToChange.password" required ng-pattern="/^.{8,}$/">
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" ng-click="changeUserPassword(userToChange)"
|
|
ng-disabled="changePasswordForm.$invalid">Change User Password</button>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
</div> <!-- /page-content -->
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade initial-setup-modal" id="createSuperuserModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"><span><span class="registry-name"></span> Setup</h4></span>
|
|
</div>
|
|
<div class="modal-body config-setup-tool-element" ng-show="configStep == 'creating-superuser'">
|
|
Creating super user account.... Please Wait
|
|
</div>
|
|
<form id="superuserForm" name="superuserForm" ng-submit="createSuperUser()">
|
|
<div class="modal-body config-setup-tool-element" ng-show="configStep == 'create-superuser'">
|
|
<p>A super user account is required to manage the <span class="registry-name"></span>
|
|
installation. Please enter details for the new account below.</p>
|
|
|
|
<div class="form-group">
|
|
<label>Username</label>
|
|
<input class="form-control" type="text" ng-model="superUser.username"
|
|
ng-pattern="/^[a-z0-9_]{4,30}$/" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Email address</label>
|
|
<input class="form-control" type="email" ng-model="superUser.email" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Password</label>
|
|
<input class="form-control" type="password" ng-model="superUser.password" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Repeat Password</label>
|
|
<input class="form-control" type="password" ng-model="superUser.repeatPassword"
|
|
match="superUser.password" required>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary" ng-disabled="!superuserForm.$valid"
|
|
ng-show="configStep == 'create-superuser'">
|
|
Create Super User
|
|
</button>
|
|
|
|
<span class="modal-body config-setup-tool-element" ng-show="configStep == 'creating-superuser'">
|
|
<span class="quay-spinner"></span>
|
|
Creating account...
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<!-- Modal message dialog -->
|
|
<div class="modal fade initial-setup-modal" id="initializeConfigModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"><span><span class="registry-name"></span> Setup</h4></span>
|
|
</div>
|
|
<div class="modal-body config-setup-tool-element valid-database" ng-show="configStep == 'valid-database'">
|
|
<div class="verified">
|
|
<i class="fa fa-check-circle"></i> Your database has been verified as working.
|
|
</div>
|
|
|
|
<p>
|
|
<strong>Please restart the <span class="registry-name"></span> container</strong>, which will automatically generate the database's schema.
|
|
</p>
|
|
|
|
<p>This operation may take a few minutes.</p>
|
|
</div>
|
|
<div class="modal-body config-setup-tool-element" ng-show="configStep == 'updating-config'">
|
|
Updating Configuration.... Please Wait
|
|
</div>
|
|
<div class="modal-body config-setup-tool-element" ng-show="configStep == 'validating-database'">
|
|
Validating Database.... Please Wait
|
|
</div>
|
|
<div class="modal-body config-setup-tool-element"
|
|
ng-show="configStep == 'enter-database' || configStep == 'invalid-database'">
|
|
<div class="alert alert-warning" ng-show="configStatus.has_file">
|
|
Could not connect to or validate the database configuration found. Please reconfigure to continue.
|
|
</div>
|
|
|
|
<div class="alert alert-warning" ng-show="databaseInvalid">
|
|
Database Validation Issue: {{ databaseInvalid }}
|
|
</div>
|
|
|
|
<p>
|
|
Please enter the connection details for your <strong>empty</strong> database. The schema will be created in the following step.</p>
|
|
</p>
|
|
|
|
<div class="config-parsed-field" binding="databaseUri"
|
|
parser="parseDbUri(value)"
|
|
serializer="serializeDbUri(fields)">
|
|
<table class="config-table">
|
|
<tr>
|
|
<td class="non-input">Database Type:</td>
|
|
<td>
|
|
<select ng-model="fields.kind">
|
|
<option value="mysql+pymysql">MySQL</option>
|
|
<option value="postgresql">Postgres</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="config-table" ng-show="fields.kind">
|
|
<tr>
|
|
<td>Database Server:</td>
|
|
<td>
|
|
<span class="config-string-field" binding="fields.server"
|
|
placeholder="The database server hostname"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Database Name:</td>
|
|
<td>
|
|
<span class="config-string-field" binding="fields.database"
|
|
placeholder="The name of the database on the server"></span>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Username:</td>
|
|
<td>
|
|
<span class="config-string-field" binding="fields.username"
|
|
placeholder="Username for accessing the database"></span>
|
|
<div class="help-text">The user must have full access to the database</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Password:</td>
|
|
<td>
|
|
<input class="form-control" type="password" ng-model="fields.password"></span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary" ng-disabled="!databaseUri"
|
|
ng-click="validateDatabase()"
|
|
ng-show="configStep == 'enter-database' || configStep == 'invalid-database'">
|
|
Confirm Database
|
|
</button>
|
|
|
|
<span class="modal-body config-setup-tool-element" ng-show="configStep == 'validating-database'">
|
|
<span class="quay-spinner"></span>
|
|
Validating Database...
|
|
</span>
|
|
|
|
<span class="modal-body config-setup-tool-element" ng-show="configStep == 'updating-config'">
|
|
<span class="quay-spinner"></span>
|
|
Updating Configuration...
|
|
</span>
|
|
|
|
<span class="modal-body config-setup-tool-element" ng-show="configStep == 'valid-database'">
|
|
<span class="quay-spinner"></span>
|
|
Waiting For Updated Container...
|
|
</span>
|
|
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
</div>
|