CreatBot/CreatBotMainsail
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix longpress not working on settings files

Browse Source
This commit is contained in:
Eike Ahmels
2021-02-27 11:27:57 +01:00
committed by Stefan Dej
parent d470d42b6d
commit 1736a5163b
1 changed files with 37 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/panels/Settings/ConfigFilesPanel.vue
View File

@@ -81,6 +81,7 @@
<template #item="{ item }">
<tr
v-longpress="(e) => showContextMenu(e, item)"
@contextmenu="showContextMenu($event, item)"
@click="clickRow(item)"
class="file-list-cursor"
@@ -321,7 +322,7 @@
highlighter(code) {
return highlight(code, languages.ini); //returns html
},
refreshFileList: function() {
refreshFileList() {
if (this.currentPath === "") {
this.$socket.sendObj('server.files.get_directory', { path: 'config' }, 'files/getDirectory');
this.$socket.sendObj('server.files.get_directory', { path: 'config_examples' }, 'files/getDirectory');
@@ -377,7 +378,7 @@
}
return items;
},
loadPath: function() {
loadPath() {
let dirArray = this.currentPath.substring(1).split("/");
this.files = findDirectory(this.filetree, dirArray);
@@ -389,30 +390,32 @@
this.files = this.files.filter(file => file.filename.substr(0, 1) !== ".");
}
},
clickRow: function(item) {
if (!item.isDirectory) {
this.editor.showLoader = true;
this.editor.sourcecode = "";
this.editor.item = item;
clickRow(item) {
if (!this.contextMenu.shown) {
if (!item.isDirectory) {
this.editor.showLoader = true;
this.editor.sourcecode = "";
this.editor.item = item;
let url = '//'+this.hostname+':'+this.port+'/server/files'+this.currentPath+'/'+item.filename+'?time='+Date.now();
fetch(url, { cache: "no-cache" }).then(res => res.text()).then(file => {
this.editor.sourcecode = file;
this.editor.show = true;
this.editor.showLoader = false;
this.editor.readonly = false;
if (this.currentPath === '/config_examples') this.editor.readonly = true;
});
let url = '//' + this.hostname + ':' + this.port + '/server/files' + this.currentPath + '/' + item.filename + '?time=' + Date.now();
fetch(url, {cache: "no-cache"}).then(res => res.text()).then(file => {
this.editor.sourcecode = file;
this.editor.show = true;
this.editor.showLoader = false;
this.editor.readonly = false;
if (this.currentPath === '/config_examples') this.editor.readonly = true;
});
} else {
this.currentPath += "/"+item.filename;
this.currentPage = 1;
} else {
this.currentPath += "/" + item.filename;
this.currentPage = 1;
}
}
},
clickRowGoBack: function() {
clickRowGoBack() {
this.currentPath = this.currentPath.substr(0, this.currentPath.lastIndexOf("/"));
},
saveFile: function(boolRestart = false) {
saveFile(boolRestart = false) {
let file = new File([this.editor.sourcecode], this.editor.item.filename);
let formData = new FormData();
@@ -440,14 +443,16 @@
});
},
showContextMenu (e, item) {
e.preventDefault();
this.contextMenu.shown = true;
this.contextMenu.x = e.clientX;
this.contextMenu.y = e.clientY;
this.contextMenu.item = item;
this.$nextTick(() => {
this.contextMenu.shown = true
});
if (!this.contextMenu.shown) {
e?.preventDefault();
this.contextMenu.shown = true;
this.contextMenu.x = e?.clientX ?? 0;
this.contextMenu.y = e?.clientY ?? 0;
this.contextMenu.item = item;
this.$nextTick(() => {
this.contextMenu.shown = true
});
}
},
downloadFile() {
let filename = (this.currentPath+"/"+this.contextMenu.item.filename);
@@ -507,10 +512,10 @@
removeFile() {
this.$socket.sendObj('server.files.delete_file', { path: this.currentPath+"/"+this.contextMenu.item.filename }, 'files/getDeleteFile');
},
deleteDirectoryAction: function() {
deleteDirectoryAction() {
this.$socket.sendObj('server.files.delete_directory', { path: this.currentPath+"/"+this.contextMenu.item.filename }, 'files/getDeleteDir');
},
uploadFileButton: function() {
uploadFileButton() {
this.$refs.fileUpload.click()
},
async uploadFile() {
@@ -533,7 +538,7 @@
this.$refs.fileUpload.value = ''
}
},
doUploadFile: function(file) {
doUploadFile(file) {
let toast = this.$toast;
let formData = new FormData();
let filename = file.name.replace(" ", "_");
@@ -579,7 +584,7 @@
})
})
},
cancelUpload: function() {
cancelUpload() {
this.uploadSnackbar.cancelTokenSource.cancel()
this.uploadSnackbar.status = false
},