update dropzone config

huytran17 · Jun 5, 2024 · dba0247 · dba0247
1 parent 7eb75f3
commit dba0247
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 19 deletions.
diff --git a/core/admin-dashboard/mixins/dropzone.js b/core/admin-dashboard/mixins/dropzone.js
@@ -3,44 +3,50 @@ import _ from "lodash";
 export default {
   methods: {
     uploadAdminAvatarOptions({ id }) {
-      return this.getDropzoneOptions(`admin/upload-avatar/${id}`);
+      return this.getDropzoneOptions({ endpoint: `admin/upload-avatar/${id}` });
     },
 
     uploadUserAvatarOptions({ id }) {
-      return this.getDropzoneOptions(`user/upload-avatar/${id}`);
+      return this.getDropzoneOptions({ endpoint: `user/upload-avatar/${id}` });
     },
 
     uploadCategoryThumbnailOptions({ id }) {
-      return this.getDropzoneOptions(`category/upload-thumbnail/${id}`);
+      return this.getDropzoneOptions({
+        endpoint: `category/upload-thumbnail/${id}`,
+      });
     },
 
     uploadPostThumbnailOptions({ id }) {
-      return this.getDropzoneOptions(`post/upload-thumbnail/${id}`);
+      return this.getDropzoneOptions({
+        endpoint: `post/upload-thumbnail/${id}`,
+      });
     },
 
     uploadThumbnailOptions({ id }) {
-      return this.getDropzoneOptions(
-        `system-configuration/upload-thumbnail/${id}`
-      );
+      return this.getDropzoneOptions({
+        endpoint: `system-configuration/upload-thumbnail/${id}`,
+      });
     },
 
     uploadOwnerAvatarOptions({ id }) {
-      return this.getDropzoneOptions(
-        `system-configuration/upload-owner-avatar/${id}`
-      );
+      return this.getDropzoneOptions({
+        endpoint: `system-configuration/upload-owner-avatar/${id}`,
+      });
     },
 
     uploadFolderIconOptions({ id }) {
-      return this.getDropzoneOptions(
-        `system-configuration/upload-folder-icon/${id}`
-      );
+      return this.getDropzoneOptions({
+        endpoint: `system-configuration/upload-folder-icon/${id}`,
+      });
     },
 
     uploadGalleryItemOptions({ id }) {
-      return this.getDropzoneOptions(`gallery/upload-gallery-item/${id}`);
+      return this.getDropzoneOptions({
+        endpoint: `gallery/upload-gallery-item/${id}`,
+      });
     },
 
-    getDropzoneOptions(endpoint) {
+    getDropzoneOptions({ endpoint, options = {} }) {
       return {
         url: `${process.env.SERVER_URL}/admin/v2/${endpoint}`,
         thumbnailWidth: 200,
@@ -49,6 +55,7 @@ export default {
         maxFiles: 1,
         withCredentials: true,
         acceptedFiles: ["image/*"],
+        ...options,
       };
     },
   },

diff --git a/core/user-dashboard/mixins/dropzone.js b/core/user-dashboard/mixins/dropzone.js
@@ -1,19 +1,20 @@
 export default {
   methods: {
     uploadUserAvatarOptions({ id }) {
-      const upload_url = `${process.env.SERVER_URL}/api/v2/user/upload-avatar/${id}`;
-      return this.getDropzoneOptions({ upload_url });
+      const endpoint = `${process.env.SERVER_URL}/api/v2/user/upload-avatar/${id}`;
+      return this.getDropzoneOptions({ endpoint });
     },
 
-    getDropzoneOptions({ upload_url }) {
+    getDropzoneOptions({ endpoint, options = {} }) {
       return {
-        url: `${upload_url}`,
+        url: `${endpoint}`,
         thumbnailWidth: 200,
         maxFilesize: 5,
         addRemoveLinks: true,
         maxFiles: 1,
         withCredentials: true,
         acceptedFiles: ["image/*"],
+        ...options,
       };
     },
   },