Fix: make multi-select key configurable for windows users

awcodes · Feb 20, 2024 · 0c49bce · 0c49bce
1 parent 7e7b035
commit 0c49bce
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/config/curator.php b/config/curator.php
@@ -53,4 +53,5 @@
     'should_preserve_filenames' => false,
     'should_register_navigation' => true,
     'visibility' => 'public',
+    'multi_select_key' => 'metaKey',
 ];
diff --git a/resources/lang/en/views.php b/resources/lang/en/views.php
@@ -44,7 +44,7 @@
         'download' => 'Download',
         'remove' => 'Remove',
         'deselect_all' => 'Deselect All',
-        'add_multiple_file' => 'Cmd + Click to select multiple files.',
+        'add_multiple_file' => ':key + Click to select multiple files.',
     ],
     'curation' => [
         'heading' => 'Curating',

diff --git a/resources/views/components/modals/curator-panel.blade.php b/resources/views/components/modals/curator-panel.blade.php
@@ -3,7 +3,7 @@
         handleItemClick: function (mediaId = null, event) {
             if (! mediaId) return;
 
-            if ($wire.isMultiple && event && event.metaKey) {
+            if ($wire.isMultiple && event && event.{{ config('curator.multi_select_key') }}) {
                 if (this.isSelected(mediaId)) {
                     let toRemove = Object.values($wire.selected).find(obj => obj.id == mediaId)
                     $wire.removeFromSelection(toRemove.id);
@@ -57,7 +57,11 @@ class="curator-panel h-full absolute inset-0 flex flex-col"
             </x-filament::button>
             @endif
             @if ($isMultiple)
-                <p class="text-xs">{{ trans('curator::views.panel.add_multiple_file') }}</p>
+                @if (config('curator.multi_select_key') === 'metaKey')
+                    <p class="text-xs">{{ trans('curator::views.panel.add_multiple_file', ['key' => 'Cmd']) }}</p>
+                @else
+                    <p class="text-xs">{{ trans('curator::views.panel.add_multiple_file', ['key' => config('curator.multi_select_key')]) }}</p>
+                @endif
             @endif
         </div>
         <label class="border border-gray-300 dark:border-gray-700 rounded-md relative flex items-center">