From 527fdf19dad43aa88e0947fb817b6b3dddccac5f Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 14:20:55 +0100
Subject: [PATCH 1/9] Update WebContentViewer.vue

---
 src/components/WebContentViewer.vue | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index 44524af..78f774e 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -4,26 +4,6 @@
             <div class="w-5/6 px-4 py-2 text-gray-500 font-semibold border-r border-gray-300">{{ translate('name') }}</div>
             <div class="w-1/6 px-4 py-2 text-gray-500 font-semibold">{{ translate('size') }}</div>
         </div>
-
-        <!-- Fichier .zip -->
-        <div class="flex h-16 dark:hover:bg-NcGray hover:bg-NcWhite items-center pl-4 cursor-pointer rounded-lg border-b last:border-b-0 border-gray-300" v-if="!isLoading && zipContent.length !== 0"
-            draggable="true" @dragstart="dragZip()" @dragend="onDragEnd">
-            <template>
-                <div class="flex items-center justify-center cursor-pointer">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 ">
-                        <path fill="#969696" d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z"/>
-                    </svg>
-                </div>
-            </template>
-            <div class="w-5/6 flex items-center px-4 py-2  cursor-pointer">
-                <div class="truncate max-sm:max-w-32 max-w-64 cursor-pointer">{{ zipName }}</div>
-
-            </div>
-            <div class="w-1/6 py-2 cursor-pointer">
-                {{ formatFileSize(zipSize) }}
-            </div>
-        </div>
-
         <!-- Archive depliee -->
         <div v-if="!isLoading && zipContent.length !== 0" class="overflow-y-auto h-full">
             <div v-for="(file, index) in sortedFiles" :key="file.fullPath" class="flex flex-col">

From 7dc81a905b3707c017fb06dc6d42aa84a9302c73 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:29:48 +0100
Subject: [PATCH 2/9] add cochedFiles list

---
 src/components/WebContentViewer.vue | 143 +++++++++++++++++++++-------
 1 file changed, 110 insertions(+), 33 deletions(-)

diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index 78f774e..1e3b615 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -1,7 +1,8 @@
 <template>
     <div class="flex flex-col h-full w-full border">
         <div class="flex h-12 items-center border-b border-gray-300">
-            <div class="w-5/6 px-4 py-2 text-gray-500 font-semibold border-r border-gray-300">{{ translate('name') }}</div>
+            <div class="w-5/6 px-4 py-2 text-gray-500 font-semibold border-r border-gray-300">{{ translate('name') }}
+            </div>
             <div class="w-1/6 px-4 py-2 text-gray-500 font-semibold">{{ translate('size') }}</div>
         </div>
         <!-- Archive depliee -->
@@ -9,10 +10,19 @@
             <div v-for="(file, index) in sortedFiles" :key="file.fullPath" class="flex flex-col">
 
                 <div class="flex h-16 dark:hover:bg-NcGray hover:bg-NcWhite items-center pl-4 cursor-pointer rounded-lg border-b last:border-b-0 border-gray-300"
-                    :style="{ 
+                    :style="{
                         'padding-left': `${0.5 * (file.depth + 1)}rem`
-                    }"
-                    @click="toggleFolder(file)" v-if="file.isDirectory" draggable="true" @dragstart="onDragStart(file)" @dragend="onDragEnd">
+                    }" @click="toggleFolder(file)" v-if="file.isDirectory" draggable="true"
+                    @dragstart="onDragStart(file)" @dragend="onDragEnd">
+
+                    <div class="flex items-center">
+                        <input type="checkbox" id="checkbox-file"
+                            class="form-checkbox h-5 w-5 text-blue-600 transition duration-150 ease-in-out cursor-pointer"
+                            @change="handleCheckboxChange(file, $event)" 
+                            :checked="isChecked(file)">
+                    </div>
+
+
                     <div class="w-5/6 flex items-center py-2 border-r border-gray-300 cursor-pointer">
                         <div class="w-12 h-12 flex items-center justify-center cursor-pointer">
                             <template>
@@ -36,10 +46,16 @@
                 </div>
 
                 <div class="flex h-16 dark:hover:bg-NcGray hover:bg-NcWhite items-center pl-4 cursor-pointer rounded-lg border-b last:border-b-0 border-gray-300"
-                    :style="{ 
+                    :style="{
                         'padding-left': `${0.5 * (file.depth + 1)}rem`
-                    }"
-                    v-else draggable="true" @dragstart="onDragStart(file, $event)">
+                    }" v-else draggable="true" @dragstart="onDragStart(file, $event)">
+                    <div class="flex items-center">
+                        <input type="checkbox" id="checkbox-file"
+                            class="form-checkbox h-5 w-5 text-blue-600 transition duration-150 ease-in-out cursor-pointer"
+                            @change="handleCheckboxChange(file, $event)" 
+                            :checked="isChecked(file)">
+                    </div>
+
                     <template>
                         <div class="flex items-center justify-center cursor-pointer">
                             <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"
@@ -76,7 +92,6 @@ import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue';
 import ChevronDownIcon from 'vue-material-design-icons/ChevronDown.vue';
 import Loading from 'vue-material-design-icons/Loading.vue';
 import { ref } from 'vue';
-import path from 'path';
 
 export default {
     name: 'WebContentViewer',
@@ -92,6 +107,7 @@ export default {
             Loading,
             zipName: '',
             zipSize: 0,
+            cochedFiles: [],
         };
     },
     props: {
@@ -220,7 +236,59 @@ export default {
             event.preventDefault();
             this.$emit('dragEnded');
         },
+        handleCheckboxChange(file, event) {
+            if (event.target.checked) {
+                this.cocheFile(file);
 
+                // Si c'est un dossier, cocher récursivement tous les fichiers enfants
+                if (file.isDirectory && file.children) {
+                    this.cocheFilesRecursively(file.children);
+                }
+            } else {
+                this.decocheFile(file);
+
+                // Si c'est un dossier, décocher récursivement tous les fichiers enfants
+                if (file.isDirectory && file.children) {
+                    this.decocheFilesRecursively(file.children);
+                }
+            }
+        },
+        getFullPath(file) {
+            if (!file.parentPath || file.parentPath === '') {
+                return [file.name];
+            } else {
+                return `${file.parentPath}/${file.name}`;
+            }
+        },
+        cocheFile(file) {
+            if (!this.cochedFiles.some(f => this.getFullPath(f) === this.getFullPath(file))) {
+                this.cochedFiles.push(file);
+                console.log(this.cochedFiles);
+            }
+        },
+        decocheFile(file) {
+            this.cochedFiles = this.cochedFiles.filter(f => this.getFullPath(f) !== this.getFullPath(file));
+            console.log(this.cochedFiles);
+        },
+        cocheFilesRecursively(files) {
+            files.forEach(file => {
+                this.cocheFile(file);
+                if (file.isDirectory && file.children) {
+                    this.cocheFilesRecursively(file.children);
+                }
+            });
+        },
+        decocheFilesRecursively(files) {
+            files.forEach(file => {
+                this.decocheFile(file);
+                if (file.isDirectory && file.children) {
+                    this.decocheFilesRecursively(file.children);
+                }
+            });
+        },
+        isChecked(file) {
+            return this.cochedFiles.some(f => this.getFullPath(f) === this.getFullPath(file));
+        },
         formatFileSize(size) {
             if (size < 1024) return `${size} B`;
             if (size < 1024 * 1024) return `${(size / 1024).toFixed(2)} KB`;
@@ -234,40 +302,49 @@ export default {
         },
         async dragZip() {
             try {
-                const zip = {name: this.zipName, url: this.zipUrl};
+                const zip = { name: this.zipName, url: this.zipUrl };
                 this.$emit('zip-upload', zip);
             } catch (error) {
                 console.error('Erreur lors du drag du ZIP :', error);
             }
         },
-        async onDragStart(file) {
+        async onDragStart(file, event) {
+            // Si des fichiers sont cochés, utiliser cette liste
+            if (this.cochedFiles.length > 0) {
+                try {
+                    console.log('Fichiers cochés :', this.cochedFiles);
+                } catch (error) {
+                    console.error('Erreur lors du drag start avec fichiers cochés :', error);
+                }
+            } else {
+                // Logique existante pour un seul fichier/dossier
+                const getFilesFromFolder = (folder) => {
+                    const files = [];
+                    if (!folder.children || folder.children.length === 0) return files;
 
-            const getFilesFromFolder = (folder) => {
-                const files = [];
-                if (!folder.children || folder.children.length === 0) return files;
-
-                for (let i = 0; i < folder.children.length; i++) {
-                    const child = folder.children[i];
-                    if (child.isDirectory) {
-                        files.push(...getFilesFromFolder(child));
-                    } else {
-                        files.push(child);
+                    for (let i = 0; i < folder.children.length; i++) {
+                        const child = folder.children[i];
+                        if (child.isDirectory) {
+                            files.push(...getFilesFromFolder(child));
+                        } else {
+                            files.push(child);
+                        }
                     }
-                }
-                return files;
-            };
+                    return files;
+                };
 
-            try {
-                if (file.isDirectory) {
-                    const files = getFilesFromFolder(file);
-                    const filesToUnzip = files.map(file => file.unzip);
-                    await Promise.all(filesToUnzip);
-                } else {
-                    await file.unzip;
+                try {
+                    if (file.isDirectory) {
+                        const files = getFilesFromFolder(file);
+                        const filesToUnzip = files.map(file => file.unzip);
+                        await Promise.all(filesToUnzip);
+                    } else {
+                        await file.unzip;
+                    }
+                    this.$emit('file-upload', file);
+                } catch (error) {
+                    console.error('Erreur lors du drag start :', error);
                 }
-                this.$emit('file-upload', file);
-            } catch (error) {
-                console.error('Erreur lors du drag start :', error);
             }
         },
     },

From 12a3664654dc0eb4a81eff0b1ef901442788b2f1 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:32:58 +0100
Subject: [PATCH 3/9] remove zip transfert

---
 src/App.vue                  | 11 +++------
 src/components/FileTable.vue | 43 +++++++++---------------------------
 2 files changed, 13 insertions(+), 41 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1d57de8..23d7849 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,12 +5,12 @@
 			<!-- Première section -->
 			<div 
 				class="w-full sm:w-1/3 max-sm:h-2/5 p-4 sm:m-6 sm:mr-0 rounded-xl dark:bg-NcBlack/40 bg-white/80">
-				<WebContentViewer :translate="translate" @zip-upload="handleZipUpload" @file-upload="handleFileUpload" @dragEnded="toggleDragEnded" :zipUrl="zipUrl"/>
+				<WebContentViewer :translate="translate" @file-upload="handleFileUpload" @dragEnded="toggleDragEnded" :zipUrl="zipUrl"/>
 			</div>
 			<!-- Deuxième section -->
 			<div 
 				class="w-full sm:w-2/3 max-sm:h-3/5 p-4 sm:m-6 sm:ml-4 dark:bg-NcBlack bg-white rounded-xl">
-				<FileTable :file="sharedFile" :zip="zip" :dragEnded="dragEnded" :translate="translate" @dragEnded="toggleDragEnded"/>
+				<FileTable :file="sharedFile" :dragEnded="dragEnded" :translate="translate" @dragEnded="toggleDragEnded"/>
 			</div>
 		</div>
 	</div>
@@ -40,11 +40,10 @@ export default {
 	data() {
 		console.log('feur')
 		let zipUrl = document.getElementById('archiveInfos').getAttribute('dataarchiveurl');
-		console.log(zipUrl);
+		console.log(zipUrl)
 		return {
 			zipUrl,
 			sharedFile: null,
-			zip: null,
 			dragEnded: false,
 		};
 	},
@@ -52,12 +51,8 @@ export default {
 		handleFileUpload(file) {
 			this.sharedFile = file;
 		},
-		handleZipUpload(zip) {
-			this.zip = zip;
-		},
 		toggleDragEnded(){
 			this.dragEnded = !this.dragEnded;
-			this.zip = null;
 			this.sharedFile = null;
 		},
 		translate(id) {
diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
index c641f56..a1662ff 100644
--- a/src/components/FileTable.vue
+++ b/src/components/FileTable.vue
@@ -190,10 +190,6 @@ export default {
             type: Object,
             default: null,
         },
-        zip: {
-            type: Object,
-            default: null,
-        },
         dragEnded: {
             type: Boolean,
             Required: true,
@@ -411,39 +407,20 @@ export default {
                 try {
                     this.isTransfering = true;
                     const file = this.file;
-                    const zip = this.zip;
-                    console.log(file);
-                    console.log(zip);
 
-                    if (!file && !zip) return;
-
-                    if (zip) {
-                        const response = await fetch(zip.url);
-                        this.transferProgress = 25;
-                        if (!response.ok) {
-                            throw new Error(`Erreur lors du téléchargement : ${response.statusText}`);
-                        }
-                        const zipFile = await response.arrayBuffer();
-                        this.transferProgress = 50;
-
-                        await this.moveFileToTarget({
-                            name: zip.name,
-                            content: zipFile
-                        }, '');
-                        this.transferProgress = 100;
+                    if (!file) return;
+                    if (file.isDirectory) {
+                        await this.moveFilesOfFolder(file, '');
                     } else {
-                        if (file.isDirectory) {
-                            await this.moveFilesOfFolder(file, '');
-                        } else {
-                            this.transferProgress = 25;
-                            if (file.content && typeof file.content.arrayBuffer === 'function') {
-                                file.content = await file.content.arrayBuffer();
-                            }
-                            this.transferProgress = 50;
-                            await this.moveFileToTarget(file, '');
-                            this.transferProgress = 100;
+                        this.transferProgress = 25;
+                        if (file.content && typeof file.content.arrayBuffer === 'function') {
+                            file.content = await file.content.arrayBuffer();
                         }
+                        this.transferProgress = 50;
+                        await this.moveFileToTarget(file, '');
+                        this.transferProgress = 100;
                     }
+                    
                     this.isTransfering = false;
                     this.transferProgress = 0;
                     this.cancelOperation = false;

From cefedd56cb7e6a1b1acf2b6801168d93221201db Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:38:32 +0100
Subject: [PATCH 4/9] transfert cochedList

---
 src/components/FileTable.vue        | 17 +++++++++++
 src/components/WebContentViewer.vue | 47 +++++++++++++++++------------
 2 files changed, 45 insertions(+), 19 deletions(-)

diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
index a1662ff..1f27fe9 100644
--- a/src/components/FileTable.vue
+++ b/src/components/FileTable.vue
@@ -408,6 +408,11 @@ export default {
                     this.isTransfering = true;
                     const file = this.file;
 
+                    if (file.isList) {
+                        await this.moveListOfFiles(file);
+                        return;
+                    }
+
                     if (!file) return;
                     if (file.isDirectory) {
                         await this.moveFilesOfFolder(file, '');
@@ -437,6 +442,18 @@ export default {
             }
             this.isDroppable = true;
         },
+        async moveListOfFiles(files) {
+            for (const file of files) {
+                if (file.isDirectory) {
+                    await this.moveFilesOfFolder(file, '');
+                } else {
+                    if (file.content && typeof file.content.arrayBuffer === 'function') {
+                        file.content = await file.content.arrayBuffer();
+                    }
+                    await this.moveFileToTarget(file, '');
+                }
+            }
+        },
         async moveFilesOfFolder(folder, parentPath) {
             await this.createFolder(folder, parentPath + '/');
             const checkChildrenInChildren = (folder) => {
diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index 1e3b615..eb35bad 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -18,8 +18,7 @@
                     <div class="flex items-center">
                         <input type="checkbox" id="checkbox-file"
                             class="form-checkbox h-5 w-5 text-blue-600 transition duration-150 ease-in-out cursor-pointer"
-                            @change="handleCheckboxChange(file, $event)" 
-                            :checked="isChecked(file)">
+                            @change="handleCheckboxChange(file, $event)" :checked="isChecked(file)">
                     </div>
 
 
@@ -52,8 +51,7 @@
                     <div class="flex items-center">
                         <input type="checkbox" id="checkbox-file"
                             class="form-checkbox h-5 w-5 text-blue-600 transition duration-150 ease-in-out cursor-pointer"
-                            @change="handleCheckboxChange(file, $event)" 
-                            :checked="isChecked(file)">
+                            @change="handleCheckboxChange(file, $event)" :checked="isChecked(file)">
                     </div>
 
                     <template>
@@ -309,29 +307,40 @@ export default {
             }
         },
         async onDragStart(file, event) {
+            const getFilesFromFolder = (folder) => {
+                const files = [];
+                if (!folder.children || folder.children.length === 0) return files;
+
+                for (let i = 0; i < folder.children.length; i++) {
+                    const child = folder.children[i];
+                    if (child.isDirectory) {
+                        files.push(...getFilesFromFolder(child));
+                    } else {
+                        files.push(child);
+                    }
+                }
+                return files;
+            };
             // Si des fichiers sont cochés, utiliser cette liste
             if (this.cochedFiles.length > 0) {
+                const folder = {
+                    name: file.name,
+                    isDirectory: true,
+                    children: this.cochedFiles,
+                    unzip: Promise.all(this.cochedFiles.map(file => file.unzip))
+                };
                 try {
-                    console.log('Fichiers cochés :', this.cochedFiles);
+                    const files = getFilesFromFolder(folder);
+                    const filesToUnzip = files.map(file => file.unzip);
+                    await Promise.all(filesToUnzip);
+                    this.$emit('file-upload', folder);
                 } catch (error) {
-                    console.error('Erreur lors du drag start avec fichiers cochés :', error);
+                    console.error('Erreur lors du drag start :', error);
                 }
+
             } else {
                 // Logique existante pour un seul fichier/dossier
-                const getFilesFromFolder = (folder) => {
-                    const files = [];
-                    if (!folder.children || folder.children.length === 0) return files;
 
-                    for (let i = 0; i < folder.children.length; i++) {
-                        const child = folder.children[i];
-                        if (child.isDirectory) {
-                            files.push(...getFilesFromFolder(child));
-                        } else {
-                            files.push(child);
-                        }
-                    }
-                    return files;
-                };
 
                 try {
                     if (file.isDirectory) {

From 20bfa586310caaa2ed76f21554eea739e8afc1d8 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:39:49 +0100
Subject: [PATCH 5/9] fix

---
 src/components/WebContentViewer.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index eb35bad..d84b996 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -321,11 +321,14 @@ export default {
                 }
                 return files;
             };
-            // Si des fichiers sont cochés, utiliser cette liste
+            
             if (this.cochedFiles.length > 0) {
+
                 const folder = {
+                    // Si des fichiers sont cochés, utiliser cette liste
                     name: file.name,
                     isDirectory: true,
+                    isList: true,
                     children: this.cochedFiles,
                     unzip: Promise.all(this.cochedFiles.map(file => file.unzip))
                 };
@@ -340,8 +343,6 @@ export default {
 
             } else {
                 // Logique existante pour un seul fichier/dossier
-
-
                 try {
                     if (file.isDirectory) {
                         const files = getFilesFromFolder(file);

From 99fa335004caa76871668942cb15d1052a8c6a1e Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:41:19 +0100
Subject: [PATCH 6/9] Update EditFileName.vue

---
 src/components/EditFileName.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/EditFileName.vue b/src/components/EditFileName.vue
index 50a6ac1..b892d38 100644
--- a/src/components/EditFileName.vue
+++ b/src/components/EditFileName.vue
@@ -1,6 +1,6 @@
 <template>
 <div  class="fixed inset-0 flex items-center justify-center bg-gray-700 bg-opacity-50 z-50" @click="closeModal">
-    <div class="bg-NcBlack rounded-lg shadow-lg p-6 w-96" @click.stop>
+    <div class="dark:bg-NcBlack bg-white rounded-lg shadow-lg p-6 w-96" @click.stop>
         <h2 class="text-lg font-semibold mb-4">{{ translate('modify.file.name') }}</h2>
         <input
             type="text"

From dd4521324cad38ebb0ab894e0d084d1a5faa1500 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 16:04:40 +0100
Subject: [PATCH 7/9] fix transfert

---
 src/components/FileTable.vue        | 32 ++++++++++++++---------------
 src/components/WebContentViewer.vue |  5 +----
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
index 1f27fe9..f886795 100644
--- a/src/components/FileTable.vue
+++ b/src/components/FileTable.vue
@@ -407,25 +407,24 @@ export default {
                 try {
                     this.isTransfering = true;
                     const file = this.file;
+                    if (!file) return;
 
                     if (file.isList) {
                         await this.moveListOfFiles(file);
-                        return;
-                    }
-
-                    if (!file) return;
-                    if (file.isDirectory) {
-                        await this.moveFilesOfFolder(file, '');
                     } else {
-                        this.transferProgress = 25;
-                        if (file.content && typeof file.content.arrayBuffer === 'function') {
-                            file.content = await file.content.arrayBuffer();
+                        if (file.isDirectory) {
+                            await this.moveFilesOfFolder(file, '');
+                        } else {
+                            this.transferProgress = 25;
+                            if (file.content && typeof file.content.arrayBuffer === 'function') {
+                                file.content = await file.content.arrayBuffer();
+                            }
+                            this.transferProgress = 50;
+                            await this.moveFileToTarget(file, '');
+                            this.transferProgress = 100;
                         }
-                        this.transferProgress = 50;
-                        await this.moveFileToTarget(file, '');
-                        this.transferProgress = 100;
                     }
-                    
+                  
                     this.isTransfering = false;
                     this.transferProgress = 0;
                     this.cancelOperation = false;
@@ -443,14 +442,15 @@ export default {
             this.isDroppable = true;
         },
         async moveListOfFiles(files) {
-            for (const file of files) {
+            for (const file of files.children) {
                 if (file.isDirectory) {
-                    await this.moveFilesOfFolder(file, '');
+                    //just create the folder
+                    await this.createFolder(file, file.parentPath + '/');
                 } else {
                     if (file.content && typeof file.content.arrayBuffer === 'function') {
                         file.content = await file.content.arrayBuffer();
                     }
-                    await this.moveFileToTarget(file, '');
+                    await this.moveFileToTarget(file, file.parentPath + '/');
                 }
             }
         },
diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index d84b996..11db017 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -72,7 +72,6 @@
                         {{ formatFileSize(file.size) }}
                     </div>
                 </div>
-
             </div>
         </div>
         <div v-if="isLoading" class="flex h-full items-center justify-center">
@@ -333,9 +332,7 @@ export default {
                     unzip: Promise.all(this.cochedFiles.map(file => file.unzip))
                 };
                 try {
-                    const files = getFilesFromFolder(folder);
-                    const filesToUnzip = files.map(file => file.unzip);
-                    await Promise.all(filesToUnzip);
+                    await folder.unzip;
                     this.$emit('file-upload', folder);
                 } catch (error) {
                     console.error('Erreur lors du drag start :', error);

From 8aea56cf3b6730bf476465245cc4a96a6f1390b4 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 16:07:36 +0100
Subject: [PATCH 8/9] fix while uncheck

---
 src/components/WebContentViewer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index 11db017..4a60a8a 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -252,7 +252,7 @@ export default {
         },
         getFullPath(file) {
             if (!file.parentPath || file.parentPath === '') {
-                return [file.name];
+                return file.name;
             } else {
                 return `${file.parentPath}/${file.name}`;
             }

From dc6b2e7213ffb0185d23357aa6b3b5cc470156e9 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Wed, 11 Dec 2024 16:09:08 +0100
Subject: [PATCH 9/9] progressbar for checkedFile transfert

---
 src/components/FileTable.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
index f886795..27a4652 100644
--- a/src/components/FileTable.vue
+++ b/src/components/FileTable.vue
@@ -443,6 +443,7 @@ export default {
         },
         async moveListOfFiles(files) {
             for (const file of files.children) {
+                this.transferProgress += 100 / files.children.length;
                 if (file.isDirectory) {
                     //just create the folder
                     await this.createFolder(file, file.parentPath + '/');