"Replace" actions for element select inputs

craftcms · Sep 9, 2024 · ce92893 · ce92893
1 parent 55bebbb
commit ce92893
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 3 deletions.
diff --git a/CHANGELOG-WIP.md b/CHANGELOG-WIP.md
@@ -2,6 +2,7 @@
 
 ### Content Management
 - Improved the styling of element cards with thumbnails. ([#15692](https://github.com/craftcms/cms/pull/15692), [#15673](https://github.com/craftcms/cms/issues/15673))
+- Elements within element selection inputs now have “Replace” actions.
 
 ### Administration
 - All relation fields can now be selected as field layouts’ thumbnail providers. ([#15651](https://github.com/craftcms/cms/discussions/15651))

diff --git a/src/translations/en/app.php b/src/translations/en/app.php
@@ -1286,6 +1286,7 @@
     'Replace files' => 'Replace files',
     'Replace it' => 'Replace it',
     'Replace the folder (all existing files will be deleted)' => 'Replace the folder (all existing files will be deleted)',
+    'Replace' => 'Replace',
     'Replacing “{find}” with “{replace}”' => 'Replacing “{find}” with “{replace}”',
     'Reply To' => 'Reply To',
     'Reply-To Address' => 'Reply-To Address',

diff --git a/src/web/assets/cp/CpAsset.php b/src/web/assets/cp/CpAsset.php
@@ -304,6 +304,7 @@ private function _registerTranslations(View $view): void
             'Reorder',
             'Replace it',
             'Replace the folder (all existing files will be deleted)',
+            'Replace',
             'Required',
             'Rotate',
             'Row could not be added. Maximum number of rows reached.',

diff --git a/src/web/assets/cp/dist/cp.js b/src/web/assets/cp/dist/cp.js
diff --git a/src/web/assets/cp/dist/cp.js.map b/src/web/assets/cp/dist/cp.js.map
diff --git a/src/web/assets/cp/src/js/BaseElementSelectInput.js b/src/web/assets/cp/src/js/BaseElementSelectInput.js
@@ -441,6 +441,15 @@ Craft.BaseElementSelectInput = Garnish.Base.extend(
       }
 
       if (this.settings.allowRemove) {
+        actions.push({
+          icon: 'arrows-rotate',
+          label: Craft.t('app', 'Replace'),
+          callback: () => {
+            this.removeElement($element);
+            this.showModal();
+          },
+        });
+
         actions.push({
           icon: 'remove',
           label: Craft.t('app', 'Remove'),
@@ -452,7 +461,6 @@ Craft.BaseElementSelectInput = Garnish.Base.extend(
               this.removeElement($element);
             }
           },
-          destructive: true,
         });
       }