Add support for uploading/deleting assets from a resource (#2174)

Author: dsuren1

geonode_mapstore_client/client/js/api/geonode/v2/constants.js

@@ -34,7 +34,8 @@ let endpoints = {
     'executionrequest': '/api/v2/executionrequest',
     'facets': '/api/v2/facets',
     'uploads': '/api/v2/uploads',
-    'metadata': '/api/v2/metadata'
+    'metadata': '/api/v2/metadata',
+    'assets': '/api/v2/assets'
 };
 
 export const RESOURCES = 'resources';
@@ -49,6 +50,7 @@ export const EXECUTION_REQUEST = 'executionrequest';
 export const FACETS = 'facets';
 export const UPLOADS = 'uploads';
 export const METADATA = 'metadata';
+export const ASSETS = 'assets';
 
 export const setEndpoints = (data) => {
     endpoints = { ...endpoints, ...data };

geonode_mapstore_client/client/js/api/geonode/v2/index.js

@@ -703,6 +703,26 @@ export const getResourceByTypeAndByPk = (type, pk, subtype) => {
     }
 };
 
+export const uploadAsset = (pk, file) => {
+    const formData = new FormData();
+    formData.append('files', file);
+    formData.append('title', file.name);
+    return axios.post(getEndpointUrl(RESOURCES) + `/${pk}/assets/`,
+        formData, {
+            headers: {
+                'Content-Type': 'multipart/form-data'
+            },
+            ...paramsSerializer()
+        })
+        .then(({ data }) => data);
+};
+
+export const deleteAsset = (pk, assetId) => {
+    return axios.delete(getEndpointUrl(RESOURCES) + `/${pk}/assets/${assetId}`, {
+        ...paramsSerializer()
+    });
+};
+
 export default {
     getEndpoints,
     getResources,
@@ -718,6 +738,8 @@ export default {
     getMaps,
     getDocumentsByDocType,
     getUserByPk,
+    uploadAsset,
+    deleteAsset,
     getUsers,
     getAccountInfo,
     getConfiguration,

geonode_mapstore_client/client/js/plugins/ResourceDetails/ResourceDetails.jsx

@@ -224,7 +224,8 @@ function ResourceDetailsPanel({
             "type": "assets",
             "id": "assets",
             "labelId": "gnviewer.assets",
-            "items": "{context.get(state('gnResourceData'), 'assets')}"
+            "items": "{context.get(state('gnResourceData'), 'assets')}",
+            "disableIf": "{!context.resourceHasPermission(state('gnResourceData'), 'change_resourcebase')}"
         },
         {
             "type": "data",
@@ -325,9 +326,9 @@ function ResourceDetailsPanel({
                 show={show}
                 enabled={show}
                 editing={editingOverlay && pendingChanges}
+                ref={node}
             >
                 <DetailsPanel
-                    panelRef={node}
                     resource={resource}
                     loading={loading}
                     toolbarItems={toolbarItems}