NEW Add Download file action to file meatballs button (#1011)

silverstripe · Oct 9, 2019 · 74c350a · 74c350a
1 parent 7656807
commit 74c350a
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 16 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/src/containers/Editor/Editor.js b/client/src/containers/Editor/Editor.js
@@ -34,24 +34,30 @@ class Editor extends Component {
   }
 
   handleAction(event) {
-    const name = event.currentTarget.name;
+    switch (event.currentTarget.name) {
+      // intercept the Add to Campaign submit and open the modal dialog instead
+      case 'action_addtocampaign':
+        this.openModal();
+        event.preventDefault();
 
-    // intercept the Add to Campaign submit and open the modal dialog instead
-    if (name === 'action_addtocampaign') {
-      this.openModal();
-      event.preventDefault();
-      return;
-    }
+        break;
+      case 'action_replacefile':
+        this.replaceFile();
+        event.preventDefault();
 
-    if (name === 'action_replacefile') {
-      this.replaceFile();
-      event.preventDefault();
-      return;
-    }
+        break;
+      case 'action_downloadfile':
+        this.downloadFile();
+        event.preventDefault();
 
-    if (name === 'action_delete') {
-      this.props.actions.confirmDeletion.confirm([this.props.file]);
-      event.preventDefault();
+        break;
+      case 'action_delete':
+        this.props.actions.confirmDeletion.confirm([this.props.file]);
+        event.preventDefault();
+
+        break;
+      default:
+        break;
     }
   }
 
@@ -111,6 +117,20 @@ class Editor extends Component {
     }
   }
 
+  downloadFile() {
+    function downloadURI(uri, name) {
+      const link = document.createElement('a');
+      link.download = name;
+      link.href = uri;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+
+    downloadURI(this.props.file.url, this.props.file.name);
+    document.getElementById('Form_fileEditForm_PopoverActions').focus();
+  }
+
   handleLoadingError(exception) {
     this.setState({
       loadingForm: false,

diff --git a/code/Forms/FileFormFactory.php b/code/Forms/FileFormFactory.php
@@ -400,6 +400,25 @@ protected function getReplaceFileAction($record)
         return $action;
     }
 
+    /**
+     * Get Download file action
+     *
+     * @param File $record
+     * @return FormAction
+     */
+    protected function getDownloadFileAction($record)
+    {
+        // Check if record exists and user has correct permissions
+        if (!$record || !$record->isInDB() || !$record->canEdit()) {
+            return null;
+        }
+
+        $action = FormAction::create('downloadfile', _t(__CLASS__ . '.DOWNLOAD_FILE', 'Download file'))
+            ->setIcon('down-circled');
+
+        return $action;
+    }
+
     /**
      * Get actions that go into the Popover menu
      *
@@ -411,6 +430,7 @@ protected function getPopoverActions($record)
         $this->beforeExtending('updatePopoverActions', function (&$actions, $record) {
             // add the unpublish and replace file actions to the start of the array
             array_unshift($actions, $this->getUnpublishAction($record));
+            array_unshift($actions, $this->getDownloadFileAction($record));
             array_unshift($actions, $this->getReplaceFileAction($record));
         });