Auto-focus the tag name field in the add tag dialog

This commit is contained in:
Joseph Schorr 2014-08-05 18:16:30 -04:00
parent 7e8713171e
commit eee6a38c5f
2 changed files with 4 additions and 1 deletions

View file

@ -471,6 +471,9 @@ function RepoCtrl($scope, $sanitize, Restangular, ImageMetadataService, ApiServi
$scope.showAddTag = function(image) {
$scope.toTagImage = image;
$('#addTagModal').modal('show');
setTimeout(function() {
$('#tagName').focus();
}, 500);
};
$scope.isOwnedTag = function(image, tagName) {

View file

@ -350,7 +350,7 @@
<div class="modal-body">
<input type="text" class="form-control" id="tagName" placeholder="Enter tag name"
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)">
Note: <span class="label tag label-default">{{ tagToCreate }}</span> is already applied to this image.
</div>