HDFS-15239. Add button to go to the parent directory in the explorer. Contributed by hemanthboyina.

Author: Inigo Goiri

hadoop-hdfs-project/hadoop-hdfs-rbf/src/main/webapps/router/explorer.html

@@ -172,7 +172,7 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
   </div>
 
       <div class="row">
-      <div class="col-xs-10 col-md-10">
+      <div class="col-xs-9 col-md-9">
         <form onsubmit="return false;">
           <div class="input-group">
             <input type="text" class="form-control" id="directory"/>
@@ -182,7 +182,7 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
           </div>
         </form>
       </div>
-      <div class="col-xs-2 col-md-2">
+      <div class="col-xs-3 col-md-3">
         <button type="button" class="btn btn-default" data-toggle="modal"
           aria-label="New Directory" data-target="#btn-create-directory"
           title="Create Directory" id="btn-create-dir">
@@ -199,6 +199,10 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
           <li><a id="explorer-cut">Cut</a></li>
           <li><a id="explorer-paste">Paste</a></li>
         </ul>
+        <button type="button" class="btn btn-default"  data-toggle="modal"
+          aria-label="Parent Directory" title="Parent Directory" id="parentDir">
+           <span class="glyphicon glyphicon-level-up"></span>
+        </button>
       </div>
     </div>
 

hadoop-hdfs-project/hadoop-hdfs-rbf/src/main/webapps/router/explorer.js

@@ -377,6 +377,13 @@
   }
 
 
+  $('#parentDir').click(function () {
+     var current = current_directory;
+     var lastIndex = current.lastIndexOf('/');
+     var parent = current.substr(0, lastIndex);
+     browse_directory(parent);
+  })
+
   function init() {
     dust.loadSource(dust.compile($('#tmpl-explorer').html(), 'explorer'));
     dust.loadSource(dust.compile($('#tmpl-block-info').html(), 'block-info'));

hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/explorer.html

@@ -172,7 +172,7 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
   </div>
 
       <div class="row">
-      <div class="col-xs-10 col-md-10">
+      <div class="col-xs-9 col-md-9">
         <form onsubmit="return false;">
           <div class="input-group">
             <input type="text" class="form-control" id="directory"/>
@@ -182,7 +182,7 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
           </div>
         </form>
       </div>
-      <div class="col-xs-2 col-md-2">
+      <div class="col-xs-3 col-md-3">
         <button type="button" class="btn btn-default" data-toggle="modal"
           aria-label="New Directory" data-target="#btn-create-directory"
           title="Create Directory" id="btn-create-dir">
@@ -199,6 +199,10 @@ <h4 class="modal-title" id="delete-modal-title">Delete</h4>
           <li><a id="explorer-cut">Cut</a></li>
           <li><a id="explorer-paste">Paste</a></li>
         </ul>
+        <button type="button" class="btn btn-default"  data-toggle="modal"
+          aria-label="Parent Directory" title="Parent Directory" id="parentDir">
+          <span class="glyphicon glyphicon-level-up"></span>
+        </button>
       </div>
     </div>
 

hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/explorer.js

@@ -376,6 +376,13 @@
     }).fail(network_error_handler(url));
   }
 
+  $('#parentDir').click(function () {
+    var current = current_directory;
+    var lastIndex = current.lastIndexOf('/');
+    var parent = current.substr(0, lastIndex);
+    browse_directory(parent);
+  })
+
 
   function init() {
     dust.loadSource(dust.compile($('#tmpl-explorer').html(), 'explorer'));