lsm/seaweedfs
1
0
Fork 0
mirror of https://github.com/seaweedfs/seaweedfs.git synced 2025-12-17 17:51:20 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

Tune filer UI add rename feature

Browse Source
This commit is contained in:
yulai.li
2022-04-07 15:11:05 +08:00
parent 2454020a92
commit 2347c21cdd
2 changed files with 45 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
weed/server/filer_server_handlers_read_dir.go
View File

@@ -46,8 +46,10 @@ func (fs *FilerServer) listDirectoryHandler(w http.ResponseWriter, r *http.Reque
path = "" path = ""
} }
emptyFolder := true
if len(entries) > 0 { if len(entries) > 0 {
lastFileName = entries[len(entries)-1].Name() lastFileName = entries[len(entries)-1].Name()
emptyFolder = false
} }
glog.V(4).Infof("listDirectory %s, last file %s, limit %d: %d items", path, lastFileName, limit, len(entries)) glog.V(4).Infof("listDirectory %s, last file %s, limit %d: %d items", path, lastFileName, limit, len(entries))
@@ -59,12 +61,14 @@ func (fs *FilerServer) listDirectoryHandler(w http.ResponseWriter, r *http.Reque
Limit int Limit int
LastFileName string LastFileName string
ShouldDisplayLoadMore bool ShouldDisplayLoadMore bool
EmptyFolder bool
}{ }{
path, path,
entries, entries,
limit, limit,
lastFileName, lastFileName,
shouldDisplayLoadMore, shouldDisplayLoadMore,
emptyFolder,
}) })
return return
} }
@@ -76,6 +80,7 @@ func (fs *FilerServer) listDirectoryHandler(w http.ResponseWriter, r *http.Reque
Limit int Limit int
LastFileName string LastFileName string
ShouldDisplayLoadMore bool ShouldDisplayLoadMore bool
EmptyFolder bool
}{ }{
path, path,
ui.ToBreadcrumb(path), ui.ToBreadcrumb(path),
@@ -83,5 +88,6 @@ func (fs *FilerServer) listDirectoryHandler(w http.ResponseWriter, r *http.Reque
limit, limit,
lastFileName, lastFileName,
shouldDisplayLoadMore, shouldDisplayLoadMore,
emptyFolder,
}) })
} }

44
weed/server/filer_ui/filer.html
View File

@@ -44,6 +44,12 @@
border-radius: 2px; border-radius: 2px;
} }
.info {
background: #fff;
border: 1px solid #fff;
border-radius: 2px;
}
.footer { .footer {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
@@ -63,6 +69,14 @@
width: 60px; width: 60px;
text-align: right; text-align: right;
} }
.add-files {
font-size: 46px;
text-align: center;
border: 1px dashed #999;
padding-bottom: 9px;
margin: 0 2px;
}
</style> </style>
</head> </head>
<body> <body>
@@ -126,11 +140,16 @@
{{else}} {{else}}
<label class="button danger" onclick="handleDelete('{{ printpath $path "/" $entry.Name }}')">Delete</label> <label class="button danger" onclick="handleDelete('{{ printpath $path "/" $entry.Name }}')">Delete</label>
{{end}} {{end}}
<label class="button info" onclick="handleRename('{{ $entry.Name }}', '{{ printpath $path "/" }}')">Rename</label>
</td> </td>
</tr> </tr>
{{ end }} {{ end }}
</table> </table>
{{if .EmptyFolder}}
<div class="row add-files">
+
</div>
{{end}}
</form> </form>
</div> </div>
@@ -208,10 +227,10 @@
var values = Object.values(uploadList); var values = Object.values(uploadList);
var html = '<table class="progress-table">\n'; var html = '<table class="progress-table">\n';
for (let i of values) { for (let i of values) {
html += '<tr>\n<td class="progress-table-file-name">' + i.name + '</td>\n'; html += '<tr>\n<td class="progress-table-file-name">' + i.name + '<\/td>\n';
html += '<td class="progress-table-percent">' + i.percent + '% </td>\n</tr>\n'; html += '<td class="progress-table-percent">' + i.percent + '% <\/td>\n<\/tr>\n';
} }
html += '</table>\n'; html += '<\/table>\n';
progressArea.innerHTML = html; progressArea.innerHTML = html;
if (values.length > 0) { if (values.length > 0) {
progressArea.attributes.style.value = ''; progressArea.attributes.style.value = '';
@@ -263,7 +282,7 @@
function handleCreateDir() { function handleCreateDir() {
var dirName = prompt('Directory Name:', ''); var dirName = prompt('Directory Name:', '');
dirName = dirName.trim(); dirName = dirName.trim();
if (dirName == null && dirName == '') { if (dirName == null || dirName == '') {
return; return;
} }
var baseUrl = window.location.href; var baseUrl = window.location.href;
@@ -281,6 +300,21 @@
window.location.reload(); window.location.reload();
} }
function handleRename(originName, basePath) {
var newName = prompt('New Name:', originName);
if (newName == null || newName == '') {
return;
}
var url = basePath + newName;
var originPath = basePath + originName;
url += '?mv.from=' + originPath;
var xhr = new XMLHttpRequest();
xhr.open('POST', url, false);
xhr.setRequestHeader('Content-Type', '');
xhr.send();
window.location.reload();
}
function handleDelete(path) { function handleDelete(path) {
if (!confirm('Are you sure to delete ' + path + '?')) { if (!confirm('Are you sure to delete ' + path + '?')) {
return; return;