From d852d7be0654758e4f5eaaadafcc5f25ba5aebe4 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Thu, 22 Feb 2024 10:12:45 +0800
Subject: [PATCH] feat: Compare file sort Dropdown done.

---
 src/views/Files/index.vue | 26 +++++++++-----------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/views/Files/index.vue b/src/views/Files/index.vue
index 2768b09..5227737 100644
--- a/src/views/Files/index.vue
+++ b/src/views/Files/index.vue
@@ -108,7 +108,7 @@
           <h2 class="font-bold">All Files</h2>
           <ul class="flex items-center gap-x-4">
             <li>
-              <Dropdown v-model="gridSort" :options="columnType" optionLabel="name" placeholder="Grid Sort" class="w-full !border-neutral-500" inputClass="!text-sm" @change="getGridSortData($event)"></Dropdown>
+              <Dropdown v-model="gridSort" :options="columnType" optionLabel="name" placeholder="Sort" class="w-full !border-neutral-500" inputClass="!text-sm" @change="getGridSortData($event)"></Dropdown>
             </li>
             <li>
               <IconGrid class="hover:bg-neutral-50 duration-300"></IconGrid>
@@ -262,16 +262,14 @@
         secondaryDragData: [],
         gridSort: null,
         columnType: [
-          { name: 'name a-z', code: 'nameAscending'},
-          { name: 'name z-a', code: 'nameDescending'},
-          { name: 'Dependency a-z', code: 'parentLogAscending'},
-          { name: 'Dependency z-a', code: 'parentLogDescending'},
-          { name: 'File Type a-z', code: 'fileAscending'},
-          { name: 'File Type z-a', code: 'fileDescending'},
-          { name: 'Owner a-z', code: 'ownerAscending'},
-          { name: 'Owner z-a', code: 'ownerDescending'},
-          { name: 'Last Update 遠-近', code: 'updatedAscending'},
-          { name: 'Last Update 近-遠', code: 'updatedDescending'},
+          { name: 'By File Name (A to Z)', code: 'nameAscending'},
+          { name: 'By File Name (Z to A)', code: 'nameDescending'},
+          { name: 'By Dependency (A to Z)', code: 'parentLogAscending'},
+          { name: 'By Dependency (Z to A)', code: 'parentLogDescending'},
+          { name: 'By File Type (A to Z)', code: 'fileAscending'},
+          { name: 'By File Type (Z to A)', code: 'fileDescending'},
+          { name: 'By Last Update (A to Z)', code: 'updatedAscending'},
+          { name: 'By Last Update (Z to A)', code: 'updatedDescending'},
         ],
       }
     },
@@ -541,12 +539,6 @@
           case 'fileDescending':
             this.compareData = this.compareData.sort((a, b) => a.fileType.toLowerCase().localeCompare(b.fileType.toLowerCase())).reverse();
             break;
-          case 'ownerAscending':
-            this.compareData = this.compareData.sort((a, b) => a.ownerName.toLowerCase().localeCompare(b.ownerName.toLowerCase()));
-            break;
-          case 'ownerDescending':
-            this.compareData = this.compareData.sort((a, b) => a.ownerName.toLowerCase().localeCompare(b.ownerName.toLowerCase())).reverse();
-            break;
           case 'updatedAscending':
             this.compareData = this.compareData.sort((a, b) => new Date(a.updated_base) - new Date(b.updated_base));
             break;