KAZ/webtransfer
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout de la fonctionnalite de rename on drop

Browse Source
This commit is contained in:
Alexandre_BRAVO 2024-11-26 18:25:30 +01:00
parent 28d6b8d176
commit 2195b52200
2 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/FileExistsDialog.vue
View File

@ -5,7 +5,7 @@
<p>Le fichier "{{ fileName }}" existe déjà. Que voulez-vous faire ?</p>
<div class="flex justify-end mt-4 space-x-2">
<button @click="toggleOverwrite">Écraser</button>
<button @click="toggleRename">Renommer</button>
<button v-if="!isDirectory" @click="toggleRename">Renommer</button>
<button @click="onCancel">Annuler</button>
</div>
</div>
@ -49,10 +49,13 @@ export default {
fileName: {
type: String,
required: true
},
isDirectory:{
type: Boolean,
required: true,
}
},
data() {
var oldFileName = this.fileName;
var newFileName = this.fileName;
var extension = '';
if(!this.isDirectory) {
@ -66,7 +69,6 @@ export default {
displayRename: false,
displayOverwrite: false,
forAll: false,
oldFileName,
newFileName,
extension,
}
@ -96,7 +98,7 @@ export default {
this.newFileName = newFileNameWithOriginalExtension;
}
this.$emit("rename", { oldFileName: this.oldFileName, newFileName: this.newFileName });
this.$emit("rename", { newFileName: this.newFileName });
}
},
onInputChange() {

34
src/components/FileTable.vue
View File

@ -128,7 +128,7 @@
<EditFileName v-if="!editDialogDisabled" :initialFileName="initialFileName" :isDirectory="isDirectory"
@update="updateFileName" @close="closeEditDialog">
</EditFileName>
<FileExistsDialog v-if="!fileExistDialogDisabled" :fileName="initialFileName" @overwrite="setOverwrite" @rename="" @cancel="cancelDrop">
<FileExistsDialog v-if="!fileExistDialogDisabled" :fileName="initialFileName" :isDirectory="isDirectory" @overwrite="setOverwrite" @rename="setRename" @cancel="cancelDrop">
</FileExistsDialog>
</div>
</template>
@ -196,6 +196,8 @@ export default {
overwrite: false,
applyToAll: false,
cancelOperation: false,
rename: false,
newElemName: '',
};
},
async mounted() {
@ -259,7 +261,6 @@ export default {
try {
const client = getClient();
let filePath = '';
console.log(this.newFileName)
if (this.current_dir[this.current_dir.length - 1] === '/') {
filePath = `${this.root_path}${this.current_dir}${this.newFileName}`;
}
@ -349,6 +350,8 @@ export default {
}
this.overwrite = false;
this.applyToAll = false;
this.rename = false;
this.newElemName = '';
},
async moveFilesOfFolder(folder, parentPath) {
await this.createFolder(folder, parentPath + '/');
@ -378,13 +381,22 @@ export default {
}
}
},
async moveFileToTarget(file, parentPath) {
async moveFileToTarget(file, parentPath, newName = null) {
this.isDirectory = false;
try {
const client = getClient();
// Assurez-vous que le chemin parent est correctement formaté
let fullPath = '';
fullPath = `${this.root_path}${this.current_dir}${parentPath}${file.name}`;
if(!this.rename) {
fullPath = `${this.root_path}${this.current_dir}${parentPath}${file.name}`;
}
else if (this.rename && newName){
fullPath = `${this.root_path}${this.current_dir}${parentPath}${newName}`;
}
else {
return null;
}
if (ArrayBuffer.isView(file.content)) {
file.content = Buffer.from(file.content);
@ -409,7 +421,13 @@ export default {
await this.sleep(50);
}
if(!this.cancelOperation){
await this.moveFileToTarget(file,parentPath);
if(this.rename) {
await this.moveFileToTarget(file, parentPath, this.newElemName);
this.rename = false;
}
else{
await this.moveFileToTarget(file,parentPath);
}
}
}
} catch (error) {
@ -417,6 +435,7 @@ export default {
}
},
async createFolder(folder, parentPath) {
this.isDirectory = true;
try {
const client = getClient();
let fullPath = '';
@ -505,6 +524,11 @@ export default {
this.applyToAll = options.forAll;
this.fileExistDialogDisabled = true;
},
setRename(options) {
this.rename = true;
this.newElemName = options.newFileName;
this.fileExistDialogDisabled = true;
},
/**
* Check si un fichier ou un dossier existe deja sur le serveur
* @param path le chemin du fichier/dossier