Apache
/
hadoop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

HDFS-7713. Implement mkdirs in the HDFS Web UI. Contributed by Ravi Prakash.

This commit is contained in:
Haohui Mai 2015-03-24 15:48:52 -07:00
parent a16bfff71b
commit e38ef70fbc
3 changed files with 73 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
hadoop-hdfs-project/hadoop-hdfs/CHANGES.txt
View File

@ -335,6 +335,8 @@ Release 2.8.0 - UNRELEASED
HDFS-7854. Separate class DataStreamer out of DFSOutputStream. (Li Bo via
jing9)
HDFS-7713. Implement mkdirs in the HDFS Web UI. (Ravi Prakash via wheat9)
OPTIMIZATIONS
BUG FIXES

55
hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/explorer.html
View File

@ -87,13 +87,56 @@ <h1>Browse Directory</h1>
<button type="button" class="close" onclick="$('#alert-panel').hide();">&times;</button>
<div class="alert-body" id="alert-panel-body"></div>
</div>
<div class="row">
<form onsubmit="return false;">
<div class="input-group"><input type="text" class="form-control" id=
"directory" /> <span class="input-group-btn"><button class="btn btn-default"
type="submit" id="btn-nav-directory"><span class="input-group-btn">Go!</span></button></span></div>
</form>
<div class="modal" id="btn-create-directory" tabindex="-1" role="dialog"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Create Directory</h4>
</div>
<div class="modal-body">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" id="new_directory_pwd"></span>
<input type="text" class="form-control" id="new_directory"
placeholder="New Directory Name" />
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success"
id="btn-create-directory-send" data-complete-text="Creating...">
Create
</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-11">
<form onsubmit="return false;">
<div class="input-group">
<input type="text" class="form-control" id="directory"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="btn-nav-directory">Go!</button>
</span>
</div>
</form>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-default" data-toggle="modal"
aria-label="New Directory" data-target="#btn-create-directory"
title="Create Directory">
<span class="glyphicon glyphicon-folder-open"></span>
</button>
</div>
</div>
<br />
<div id="panel"></div>

22
hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/explorer.js
View File

@ -193,5 +193,27 @@
}
}
$('#btn-create-directory').on('show.bs.modal', function(event) {
var modal = $(this)
$('#new_directory_pwd').html(current_directory);
});
$('#btn-create-directory-send').click(function () {
$(this).prop('disabled', true);
$(this).button('complete');
var url = '/webhdfs/v1' + encode_path(append_path(current_directory,
$('#new_directory').val())) + '?op=MKDIRS';
$.ajax(url, { type: 'PUT' }
).done(function(data) {
browse_directory(current_directory);
}).error(network_error_handler(url)
).complete(function() {
$('#btn-create-directory').modal('hide');
$('#btn-create-directory-send').button('reset');
});
})
init();
})();