Add file manager refresh without reload; ❤️ @parkervcp
This commit is contained in:
parent
6b89dbd451
commit
6b011fcd36
3 changed files with 11 additions and 2 deletions
|
@ -13,6 +13,7 @@ This project follows [Semantic Versioning](http://semver.org) guidelines.
|
||||||
* Typeahead support for owner email when adding a new server.
|
* Typeahead support for owner email when adding a new server.
|
||||||
* Scheduled command to clear out task log every month (configurable timespan).
|
* Scheduled command to clear out task log every month (configurable timespan).
|
||||||
* Support for allocating a FQDN as an allocation (panel will convert to IP and assign the FQDN as the alias automatically).
|
* Support for allocating a FQDN as an allocation (panel will convert to IP and assign the FQDN as the alias automatically).
|
||||||
|
* Refresh files button in file manager to reload file listing without full page refresh.
|
||||||
|
|
||||||
### Changed
|
### Changed
|
||||||
* Creating a user, server, or node now returns `HTTP/1.1 200` and a JSON element with the user/server/node's ID.
|
* Creating a user, server, or node now returns `HTTP/1.1 200` and a JSON element with the user/server/node's ID.
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
<table class="table table-hover" id="file_listing">
|
<table class="table table-hover" id="file_listing">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width:2%;text-align:center;"></th>
|
<th style="width:2%;text-align:center;"><i class="fa fa-refresh muted muted-hover use-pointer" data-action="reload-files"></i></th>
|
||||||
<th style="width:45%">File Name</th>
|
<th style="width:45%">File Name</th>
|
||||||
<th style="width:15%">Size</th>
|
<th style="width:15%">Size</th>
|
||||||
<th style="width:20%">Last Modified</th>
|
<th style="width:20%">Last Modified</th>
|
||||||
|
|
|
@ -43,6 +43,7 @@ class FileManager {
|
||||||
this.loader(false);
|
this.loader(false);
|
||||||
$('#load_files').slideUp().html(data).slideDown(100, () => {
|
$('#load_files').slideUp().html(data).slideDown(100, () => {
|
||||||
ContextMenu.run();
|
ContextMenu.run();
|
||||||
|
this.reloadFilesButton();
|
||||||
if (_.isFunction(next)) {
|
if (_.isFunction(next)) {
|
||||||
return next();
|
return next();
|
||||||
}
|
}
|
||||||
|
@ -59,7 +60,7 @@ class FileManager {
|
||||||
text: 'An error occured while attempting to process this request. Please try again.',
|
text: 'An error occured while attempting to process this request. Please try again.',
|
||||||
});
|
});
|
||||||
console.log(jqXHR);
|
console.log(jqXHR);
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
loader(show) {
|
loader(show) {
|
||||||
|
@ -83,6 +84,13 @@ class FileManager {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
reloadFilesButton() {
|
||||||
|
$('i[data-action="reload-files"]').unbind().on('click', () => {
|
||||||
|
$('i[data-action="reload-files"]').addClass('fa-spin');
|
||||||
|
this.list();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
decodeHash() {
|
decodeHash() {
|
||||||
return decodeURIComponent(window.location.hash.substring(1));
|
return decodeURIComponent(window.location.hash.substring(1));
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue