36 lines
2 KiB
HTML
36 lines
2 KiB
HTML
|
<div class="cor-loader-inline" ng-if="user.anonymous || state == 'updating'"></div>
|
||
|
<!-- TODO: Support additional kinds of prompts here -->
|
||
|
|
||
|
<div class="update-user" ng-show="hasPrompt(user, 'confirm_username') && state != 'updating'">
|
||
|
<h2>Confirm Username</h2>
|
||
|
<p>
|
||
|
The username <strong>{{ user.username }}</strong> was automatically generated to conform to the
|
||
|
Docker CLI guidelines for use as a namespace in <span class="registry-title"></span>.
|
||
|
</p>
|
||
|
<p>Please confirm the selected username or enter a different username below:</p>
|
||
|
<form name="usernameForm" ng-submit="updateUsername(username)">
|
||
|
<div class="namespace-input" binding="username" is-back-incompat="isBackIncompat"
|
||
|
namespace-title="Username" style="margin-bottom: 20px;"
|
||
|
has-external-error="state == 'existing'"></div>
|
||
|
|
||
|
<input type="submit" class="btn btn-primary"
|
||
|
ng-disabled="usernameForm.$invalid || state != 'confirmed'"
|
||
|
value="Confirm Username">
|
||
|
<span class="cor-loader-inline" ng-show="state == 'confirming'"></span>
|
||
|
<span class="username-status" ng-show="state == 'confirmed' && !isBackIncompat">
|
||
|
<i class="fa fa-check-circle"></i> Username valid
|
||
|
</span>
|
||
|
<span class="username-status" ng-show="state == 'existing'">
|
||
|
<i class="fa fa-ban"></i> Username already taken
|
||
|
</span>
|
||
|
<span class="username-status" ng-show="state == 'error'">
|
||
|
<i class="fa fa-exclamation-triangle"></i> Could not check username
|
||
|
</span>
|
||
|
<span class="username-status" ng-show="state == 'editing' && usernameForm.$invalid">
|
||
|
Usernames must be alphanumeric and be at least four characters in length
|
||
|
</span>
|
||
|
<span class="username-status" ng-show="state == 'confirmed' && isBackIncompat">
|
||
|
<i class="fa fa-exclamation-triangle"></i> Note: Usernames with dots or dashes are incompatible with Docker verion 1.8 or older
|
||
|
</span>
|
||
|
</form>
|
||
|
</div>
|