Add ui to configure registry

This commit is contained in:
Girish Ramakrishnan
2019-10-22 22:31:38 -07:00
parent 470936476e
commit 7c978f6c1c
3 changed files with 143 additions and 0 deletions

View File

@@ -94,6 +94,43 @@
</div>
</div>
<!-- Modal registry config -->
<div class="modal fade" id="registryConfigModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Private Registry Configuration</h4>
</div>
<div class="modal-body">
<form name="registryConfigForm" role="form" novalidate ng-submit="registryConfig.submit()" autocomplete="off">
<fieldset>
<p class="has-error text-center" ng-show="registryConfig.error">{{ registryConfig.error }}</p>
<div class="form-group">
<label class="control-label" for="registryConfigServerAddress">Registry Server</label>
<input type="text" class="form-control" ng-model="registryConfig.serverAddress" id="registryConfigServerAddress" name="serveraddress" ng-disabled="registryConfig.busy" ng-required>
</div>
<div class="form-group">
<label class="control-label" for="registryConfigUsername">Username</label>
<input type="text" class="form-control" ng-model="registryConfig.username" id="registryConfigUsername" name="username" ng-disabled="registryConfig.busy" ng-required>
</div>
<div class="form-group">
<label class="control-label" for="registryConfigPassword">Password</label>
<input type="text" class="form-control" ng-model="registryConfig.password" id="registryConfigPassword" name="password" ng-disabled="registryConfig.busy" ng-required>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" ng-click="registryConfig.submit()" ng-disabled="registryConfigForm.$invalid || registryConfig.busy"><i class="fa fa-circle-notch fa-spin" ng-show="registryConfig.busy"></i> Save</button>
</div>
</div>
</div>
</div>
<div class="content">
<div class="text-left">
@@ -268,6 +305,41 @@
</div>
</div>
<div class="text-left">
<h3>Private Docker Registry</h3>
</div>
<div class="card" style="margin-bottom: 15px;">
<div class="row">
<div class="col-xs-12">
Cloudron can pull and install apps from private docker registry.
</div>
</div>
<br/>
<div class="row">
<div class="col-xs-6">
<span class="text-muted">Server address</span>
</div>
<div class="col-xs-6 text-right">
<span>{{ registryConfig.serverAddress || 'Not set' }}</span>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<span class="text-muted">Username</span>
</div>
<div class="col-xs-6 text-right">
<span>{{ registryConfig.username || 'Not set' }}</span>
</div>
</div>
<br/>
<div class="row">
<div class="col-xs-12">
<button class="btn btn-primary pull-right" ng-click="registryConfig.show()">Configure Registry</button>
</div>
</div>
</div>
<div class="text-left">
<h3>Unstable App Listing</h3>
</div>