#445 partial fix for editting dozer files; need to keep track fo real…

… changes in the entity bound to the forms though
hawtio · Aug 1, 2013 · 303c6da · 303c6da
1 parent 3ee31f9
commit 303c6da
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/hawtio-web/src/main/webapp/app/wiki/html/dozerMappings.html b/hawtio-web/src/main/webapp/app/wiki/html/dozerMappings.html
@@ -15,6 +15,7 @@
         -->
         <li class="pull-right">
           <a href="" id="saveButton" ng-disabled="!isValid()" ng-click="save()"
+             ng-class="{'nav-primary' : modified}"
              title="Saves the Mappings document">
             <i class="icon-save"></i> Save</a>
         </li>

diff --git a/hawtio-web/src/main/webapp/app/wiki/js/dozerMappings.ts b/hawtio-web/src/main/webapp/app/wiki/js/dozerMappings.ts
@@ -8,6 +8,7 @@ module Wiki {
     $scope.propertiesDialog = new Core.Dialog();
     $scope.deleteDialog = false;
     $scope.unmappedFieldsHasValid = false;
+    $scope.modified = false;
 
     $scope.selectedItems = [];
     $scope.mappings = [];
@@ -52,6 +53,7 @@ module Wiki {
           added.expand(true);
           added.select(true);
           added.activate(true);
+          onTreeModified();
         }
       }
     };
@@ -87,6 +89,7 @@ module Wiki {
                 added.expand(true);
                 added.select(true);
                 added.activate(true);
+                onTreeModified();
               }
             } else {
               console.log("No treenode and folder for mapping node! treeNode " + treeNode + " mappingFolder " + mappingFolder);
@@ -117,6 +120,7 @@ module Wiki {
         $scope.treeNode.remove();
         $scope.selectedFolder = null;
         $scope.treeNode = null;
+        onTreeModified();
       }
     };
 
@@ -129,6 +133,7 @@ module Wiki {
           var commitMessage = $scope.commitMessage || "Updated page " + $scope.pageId;
           wikiRepository.putPage($scope.branch, $scope.pageId, text, commitMessage, (status) => {
             Wiki.onComplete(status);
+            $scope.modified = false;
             notification("success", "Saved " + $scope.pageId)
             goToView();
             Core.$apply($scope);
@@ -155,6 +160,13 @@ module Wiki {
       $scope.selectedMapping = null;
       $scope.selectedMappingTreeNode = null;
       $scope.selectedMappingFolder = null;
+      // now the model is bound, lets add a listener
+      if ($scope.removeModelChangeListener) {
+        console.log("Removing old form listener: " + $scope.removeModelChangeListener())
+        $scope.removeModelChangeListener();
+        $scope.removeModelChangeListener = null;
+      }
+
       if (folder) {
         var entity = folder.entity;
         $scope.dozerEntity = entity;
@@ -177,7 +189,20 @@ module Wiki {
           $scope.selectedMappingFolder = folder;
           $scope.selectedMappingTreeNode = treeNode;
         }
+        if ($scope.selectedMapping && !$scope.removeModelChangeListener) {
+/*
+          TODO problem is we have many forms here so we end up creating lots of change events when really we don't change things!: )
+          // maybe watch the entity instead?
+
+          console.log("Adding onTreeModified form listener");
+          $scope.removeModelChangeListener = $scope.$on("hawtio.form.modelChange", () => {
+            console.log("form modified!");
+            onTreeModified();
+          });
+*/
+        }
       }
+
       Core.$apply($scope);
     };
 
@@ -238,6 +263,11 @@ module Wiki {
       Core.$applyLater($scope);
     }
 
+    function onTreeModified() {
+      console.log("tree modified!");
+      $scope.modified = true;
+    }
+
     function goToView() {
       // TODO lets navigate to the view if we have a separate view one day :)
       /*

diff --git a/hawtio-web/src/main/webapp/app/wiki/js/edit.ts b/hawtio-web/src/main/webapp/app/wiki/js/edit.ts
@@ -18,6 +18,7 @@ module Wiki {
       }
     };
     $scope.codeMirrorOptions = CodeEditor.createEditorSettings(options);
+    $scope.modified = false;
 
 
     $scope.isValid = () => $scope.fileName;
@@ -124,6 +125,7 @@ module Wiki {
       //console.log("About to write contents '" + contents + "'");
       wikiRepository.putPage($scope.branch, path, contents, commitMessage, (status) => {
         Wiki.onComplete(status);
+        $scope.modified = false;
         notification("success", "Saved " + path);
         goToView();
         Core.$apply($scope);