fix bug: nested drop not working

Author: Mark

backend/src/app/components/post.category/post.category.list.controller.js

@@ -62,15 +62,23 @@
         vm.categoryTree = {
             collapsed: true,
             accept: function (sourceNodeScope, destNodesScope, destIndex) {
-                console.log(sourceNodeScope, destNodesScope, destIndex);
                 return true;
             },
+            dragStart: function (event) {
+                var oldParent = event.dest.nodesScope.$parent.$parent.$modelValue;
+                
+                //if old parent get only a children, remove the handle tool
+                if (!_.isUndefined(oldParent) && oldParent.children.length === 1) {
+                    oldParent.rgt = oldParent.lft + 1;
+                }
+            },
             dropped: function (event) {
                 if (!event.pos.moving) {
                     return;
                 }
-                var source = event.source.nodeScope.$modelValue.id;
 
+                var source = event.source.nodeScope.$modelValue.id;
+                console.log('sad', event.source.nodeScope);
                 var categoryAPI = {};
 
                 var dest = event.dest.nodesScope.$parent.$modelValue;
@@ -91,8 +99,13 @@
                 }
 
                 postCategoryService.move(source, categoryAPI).then(function (result) {
+                    if (!_.isUndefined(dest) && dest.children.length > 0) {
+                        dest.rgt += 1;
+                    }
+
                     // show notifications
                     toaster.pop('success', '', $translate.instant('post.category.update_success_msg'));
+
                 });
 
             }

backend/src/app/components/post.category/post.category.list.html

@@ -30,7 +30,7 @@ <h3 class="box-title">{{ 'post.category.categories' | translate }}</h3>
                     <div ui-tree="listCtrl.categoryTree" ng-if="listCtrl.categories.length > 0">
                         <ol ui-tree-nodes="" ng-model="listCtrl.categories">
                             <li ng-repeat="node in listCtrl.categories"
-                                collapsed="{{ node.lft+1 !== node.rgt > 0 ? 'true' : 'false'}}"
+                                collapsed="{{ node.lft+1 !== node.rgt  ? 'true' : 'false'}}"
                                 ui-tree-node
                                 ng-include="'nodes_renderer.html'"></li>
                         </ol>
@@ -73,7 +73,7 @@ <h3 class="box-title">{{ 'post.category.categories' | translate }}</h3>
 
     <ol ui-tree-nodes="" ng-model="node.children" ng-if="!collapsed" ng-class="{hidden: collapsed}">
         <li ng-if="listCtrl.getChildrenLoading[node.id]"><i class="fa fa-refresh fa-spin"></i></li>
-        <li ng-repeat="node in node.children" collapsed="{{ node.lft+1 !== node.rgt > 0 ? 'true' : 'false'}}"
+        <li ng-repeat="node in node.children" collapsed="{{ node.lft+1 !== node.rgt ? 'true' : 'false'}}"
             ui-tree-node
             ng-include="'nodes_renderer.html'">
         </li>