Edit FileNavigation

minjk-bl · minjk-bl · commit e385e74d21fc · 2022-06-16T12:17:59.000+09:00
diff --git a/css/component/fileNavigation.css b/css/component/fileNavigation.css
@@ -21,6 +21,10 @@
     height: 55%;
     background-color: white;
 }
+#fnpRootFolder:hover {
+    color: var(--font-highlight);
+    cursor: pointer;
+}
 
 /* Sidebar Menu */
 .fileNavigationPage-sidebar {
@@ -119,7 +123,7 @@
 .fileNavigationPage-menu {
     min-height: 35px;
     height: fit-content;
-    padding-left: 10px;
+    /* padding-left: 10px; */
     background-color: #EEE;
     border:  1px solid #ddd;;
     display: flex; 
diff --git a/html/component/fileNavigation.html b/html/component/fileNavigation.html
@@ -23,7 +23,7 @@
 >
                  <div class='fileNavigationPage-menu'>
 
-                    <div class="btn-group" id="move_up_down"
+                    <!-- <div class="btn-group" id="move_up_down"
                          style='width: 90px;
                                 display: flex;
                                 flex-direction: column;
@@ -32,11 +32,11 @@
                             <img class="fileNavigationPage-btn-prev" src="/nbextensions/visualpython/img/arrow_backward.svg">
                             <img class="fileNavigationPage-btn-next" src="/nbextensions/visualpython/img/arrow_forward.svg">
                         </div>
-                    </div>
+                    </div> -->
 
                     <div class='fileNavigationPage-menu-inner'
                          style='font-weight: normal;'>
-                        <i class="item_icon 
+                        <i id="fnpRootFolder" class="item_icon 
                                   folder_icon 
                                   icon-fixed-width"
                             style='margin:0px;'>
diff --git a/js/com/component/FileNavigation.js b/js/com/component/FileNavigation.js
@@ -100,6 +100,15 @@ define([
                 that.close();
             });
 
+            // Click root
+            $(this.wrapSelector('#fnpRootFolder')).on('click', function() {
+                var dirObj = {
+                    direction: NAVIGATION_DIRECTION_TYPE.TOP,
+                    destDir: '/'
+                };
+                that.getFileList(dirObj);
+            });
+
             // Click sidebar
             $(this.wrapSelector('.fnp-sidebar-menu')).click(function(event) {
                 $('.fnp-sidebar-menu').removeClass('selected');
