Set up mode setting as two-way binding so it can be changed on the fly

hawtio · May 10, 2013 · 2265c52 · 2265c52
1 parent b026ad1
commit 2265c52
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/hawtio-web/src/main/webapp/app/ui/js/editorDirective.ts b/hawtio-web/src/main/webapp/app/ui/js/editorDirective.ts
@@ -9,7 +9,8 @@ module UI {
 
     public scope = {
       text: '=hawtioEditor',
-      name: '@',
+      mode:  '=',
+      name: '@'
     };
 
     public controller = ($scope, $element, $attrs) => {
@@ -65,6 +66,7 @@ module UI {
       delete config['$attr'];
       delete config['class'];
       delete config['hawtioEditor'];
+      delete config['mode'];
 
       angular.forEach(config, function(value, key) {
         $scope.options.push({
@@ -73,6 +75,19 @@ module UI {
         });
       });
 
+      $scope.$watch('mode', () => {
+        if ($scope.mode) {
+          if (!$scope.codeMirror) {
+            $scope.options.push({
+              key: 'mode',
+              'value': $scope.mode
+            });
+          } else {
+            $scope.codeMirror.setOption('mode', $scope.mode);
+          }
+        }
+      });
+
       $scope.$watch('text', function() {
         if (!$scope.codeMirror) {