Property settings: When selecting custom validation pattern - focus on input

This commit is contained in:
Mads Rasmussen
2015-08-25 12:58:26 +02:00
parent 8579cdcf45
commit ca88d9cbc2
2 changed files with 8 additions and 1 deletions

View File

@@ -11,6 +11,7 @@ function EditPropertySettingsController($scope, contentTypeResource) {
$scope.propertySettings = {};
$scope.propertySettings.validationTypes = [];
$scope.propertySettings.showValidationPattern = false;
$scope.propertySettings.focusOnPatternField = false;
$scope.selectedValidationType = {};
@@ -80,6 +81,12 @@ function EditPropertySettingsController($scope, contentTypeResource) {
if(selectedValidationType) {
$scope.model.property.validation.pattern = selectedValidationType.pattern;
$scope.propertySettings.showValidationPattern = true;
// set focus on textarea
if(selectedValidationType.key === "custom") {
$scope.propertySettings.focusOnPatternField = true;
}
} else {
$scope.propertySettings.showValidationPattern = false;
}

View File

@@ -56,7 +56,7 @@
<option value="">Validation</option>
</select>
<textarea class="editor-validation-pattern" placeholder="Enter a regular expression" ng-model="model.property.validation.pattern" ng-if="propertySettings.showValidationPattern" umb-auto-resize></textarea>
<textarea class="editor-validation-pattern" placeholder="Enter a regular expression" ng-model="model.property.validation.pattern" ng-if="propertySettings.showValidationPattern" umb-auto-resize focus-when="{{propertySettings.focusOnPatternField}}"></textarea>
</div>