From 5ae243b26c401babedde32f1f270713da2a59bd0 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Wed, 20 Dec 2017 15:34:17 +0300
Subject: [PATCH] Expand treeview to selected level.

---
 apps/common/main/lib/component/TreeView.js    | 34 +++++++++++++++++++
 .../main/app/controller/Navigation.js         |  5 +++
 .../main/app/view/Navigation.js               | 14 ++++++--
 3 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/apps/common/main/lib/component/TreeView.js b/apps/common/main/lib/component/TreeView.js
index fd89c1f9d..e28c9fae2 100644
--- a/apps/common/main/lib/component/TreeView.js
+++ b/apps/common/main/lib/component/TreeView.js
@@ -114,6 +114,35 @@ define([
                 item.set('isExpanded', false);
                 i = this.collapseSubItems(item);
             }
+        },
+
+        expandToLevel: function(expandLevel) {
+            var me = this;
+            var _expand_sub_items = function(idx, level) {
+                var parent = me.at(idx);
+                parent.set('isExpanded', false);
+                for (var i=idx+1; i<me.length; i++) {
+                    var item = me.at(i);
+                    var item_level = item.get('level');
+                    if (item_level>level) {
+                        if (item_level<=expandLevel)
+                            parent.set('isExpanded', true);
+                        item.set('isVisible', item_level<=expandLevel);
+                        if (item.get('hasSubItems'))
+                            i = _expand_sub_items(i, item_level );
+                    } else {
+                        return (i-1);
+                    }
+                }
+            };
+
+            for (var j=0; j<this.length; j++) {
+                var item = this.at(j);
+                if (item.get('level')<=expandLevel) {
+                    item.set('isVisible', true);
+                    j = _expand_sub_items(j, item.get('level'));
+                }
+            }
         }
     });
 
@@ -206,6 +235,11 @@ define([
             collapseAll: function() {
                 this.store.collapseAll();
                 this.scroller.update({minScrollbarLength: 40});
+            },
+
+            expandToLevel: function(expandLevel) {
+                this.store.expandToLevel(expandLevel);
+                this.scroller.update({minScrollbarLength: 40});
             }
         }
     })());
diff --git a/apps/documenteditor/main/app/controller/Navigation.js b/apps/documenteditor/main/app/controller/Navigation.js
index 8ad35e774..52d0349cf 100644
--- a/apps/documenteditor/main/app/controller/Navigation.js
+++ b/apps/documenteditor/main/app/controller/Navigation.js
@@ -92,6 +92,7 @@ define([
             panelNavigation.viewNavigationList.on('item:click', _.bind(this.onSelectItem, this));
             panelNavigation.viewNavigationList.on('item:contextmenu', _.bind(this.onItemContextMenu, this));
             panelNavigation.navigationMenu.on('item:click',           _.bind(this.onMenuItemClick, this));
+            panelNavigation.navigationMenu.items[11].menu.on('item:click', _.bind(this.onMenuLevelsItemClick, this));
         },
 
         updateNavigation: function() {
@@ -176,6 +177,10 @@ define([
             } else  if (item.value == 'collapse') {
                 this.panelNavigation.viewNavigationList.collapseAll();
             }
+        },
+
+        onMenuLevelsItemClick: function (menu, item) {
+            this.panelNavigation.viewNavigationList.expandToLevel(item.value-1);
         }
 
     }, DE.Controllers.Navigation || {}));
diff --git a/apps/documenteditor/main/app/view/Navigation.js b/apps/documenteditor/main/app/view/Navigation.js
index 1063cdfea..bf4a32004 100644
--- a/apps/documenteditor/main/app/view/Navigation.js
+++ b/apps/documenteditor/main/app/view/Navigation.js
@@ -75,7 +75,6 @@ define([
             });
             this.viewNavigationList.cmpEl.off('click');
             this.navigationMenu = new Common.UI.Menu({
-                // menuAlign   : 'tr-br',
                 items: [{
                         caption     : this.txtPromote,
                         value: 'promote'
@@ -116,6 +115,16 @@ define([
                     {
                         caption     : this.txtCollapse,
                         value: 'collapse'
+                    },
+                    {
+                        caption     : this.txtExpandToLevel,
+                        menu: new Common.UI.Menu({
+                            menuAlign: 'tl-tr',
+                            items: [{ caption : '1', value: 1 }, { caption : '2', value: 2 }, { caption : '3', value: 3 },
+                                { caption : '4', value: 4 }, { caption : '5', value: 5 }, { caption : '6', value: 6 },
+                                { caption : '7', value: 7 }, { caption : '8', value: 8 },  { caption : '9', value: 9 }
+                            ]
+                        })
                     }
                 ]
             });
@@ -145,7 +154,8 @@ define([
         txtNewHeading: 'New subheading',
         txtSelect: 'Select content',
         txtExpand: 'Expand all',
-        txtCollapse: 'Collapse all'
+        txtCollapse: 'Collapse all',
+        txtExpandToLevel: 'Expand to level...'
 
     }, DE.Views.Navigation || {}));
 });
\ No newline at end of file