property settings dialog: match validation pattern with dropdown when editing

src/Umbraco.Web.UI.Client/src/views/documenttype/dialogs/editpropertysettings/editpropertysettings.controller.js

@@ -45,6 +45,7 @@
       ];
 
       vm.changeValidationType = changeValidationType;
+      vm.changeValidationPattern = changeValidationPattern;
 
       function activate() {
 
@@ -52,6 +53,10 @@
 
       }
 
+      function changeValidationPattern() {
+         matchValidationType();
+      }
+
       function matchValidationType() {
 
          if($scope.model.property.validation.pattern !== null && $scope.model.property.validation.pattern !== "" && $scope.model.property.validation.pattern !== undefined) {

src/Umbraco.Web.UI.Client/src/views/documenttype/dialogs/editpropertysettings/editpropertysettings.html

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