Auto-focus the tag name field in the add tag dialog
This commit is contained in:
parent
7e8713171e
commit
eee6a38c5f
2 changed files with 4 additions and 1 deletions
|
@ -471,6 +471,9 @@ function RepoCtrl($scope, $sanitize, Restangular, ImageMetadataService, ApiServi
|
||||||
$scope.showAddTag = function(image) {
|
$scope.showAddTag = function(image) {
|
||||||
$scope.toTagImage = image;
|
$scope.toTagImage = image;
|
||||||
$('#addTagModal').modal('show');
|
$('#addTagModal').modal('show');
|
||||||
|
setTimeout(function() {
|
||||||
|
$('#tagName').focus();
|
||||||
|
}, 500);
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.isOwnedTag = function(image, tagName) {
|
$scope.isOwnedTag = function(image, tagName) {
|
||||||
|
|
|
@ -350,7 +350,7 @@
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<input type="text" class="form-control" id="tagName" placeholder="Enter tag name"
|
<input type="text" class="form-control" id="tagName" placeholder="Enter tag name"
|
||||||
ng-model="tagToCreate" ng-pattern="/^([a-z0-9_\.-]){3,30}$/" required
|
ng-model="tagToCreate" ng-pattern="/^([a-z0-9_\.-]){3,30}$/" required
|
||||||
ng-disabled="creatingTag">
|
ng-disabled="creatingTag" autofocus>
|
||||||
<div style="margin: 10px; margin-top: 20px;" ng-show="isOwnedTag(toTagImage, tagToCreate)">
|
<div style="margin: 10px; margin-top: 20px;" ng-show="isOwnedTag(toTagImage, tagToCreate)">
|
||||||
Note: <span class="label tag label-default">{{ tagToCreate }}</span> is already applied to this image.
|
Note: <span class="label tag label-default">{{ tagToCreate }}</span> is already applied to this image.
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue