Improve permissions UI for users.

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

@@ -93,7 +93,9 @@ const Permissions = ({
     resourceType,
     permissionsLoading,
     compactPermissions,
-    onChangePermissions
+    onChangePermissions,
+    manageAnonymousPermissions,
+    manageRegisteredMemberPermissions
 }) => {
     const enableGeoLimits = resourceType === ResourceTypes.DATASET;
     const isMounted = useIsMounted();
@@ -105,11 +107,11 @@ const Permissions = ({
             let responseOptions;
             if (resourceIndex !== -1) {
                 responseOptions = getResourcePermissions(
-                    data[resourceIndex].allowed_perms.compact
+                    data[resourceIndex].allowed_perms.compact , compactPermissions?.groups ,manageAnonymousPermissions, manageRegisteredMemberPermissions
                 );
             } else {
                 // set a default permission object
-                responseOptions = getResourcePermissions(data[0].allowed_perms.compact);
+                responseOptions = getResourcePermissions(data[0].allowed_perms.compact, compactPermissions?.groups ,manageAnonymousPermissions, manageRegisteredMemberPermissions);
             }
             isMounted(() => setPermissionsObject(responseOptions));
         });

geonode_mapstore_client/client/js/plugins/Share/Share.jsx

@@ -0,0 +1,148 @@
+/*
+ * Copyright 2020, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { Glyphicon } from 'react-bootstrap';
+
+import { createPlugin } from '@mapstore/framework/utils/PluginsUtils';
+import { setControlProperty } from '@mapstore/framework/actions/controls';
+import Message from '@mapstore/framework/components/I18N/Message';
+import controls from '@mapstore/framework/reducers/controls';
+import Button from '@mapstore/framework/components/layout/Button';
+import { mapInfoSelector } from '@mapstore/framework/selectors/map';
+
+import OverlayContainer from '@js/components/OverlayContainer';
+import {
+    isNewResource,
+    getResourceId,
+    getResourceData,
+    getViewedResourceType
+} from '@js/selectors/resource';
+import {
+    canAccessPermissions,
+    canManageAnonymousPermissions,
+    canManageRegisteredMemberPermissions,
+    getDownloadUrlInfo,
+    getResourceTypesInfo
+} from '@js/utils/ResourceUtils';
+import SharePageLink from '@js/plugins/Share/SharePageLink';
+import ShareEmbedLink from '@js/plugins/Share/ShareEmbedLink';
+import Permissions from '@js/plugins/Share/components/Permissions';
+import FlexBox from '@mapstore/framework/components/layout/FlexBox';
+
+const getEmbedUrl = (resource) => {
+    const { formatEmbedUrl = (_resource) => _resource?.embed_url  } = getResourceTypesInfo()[resource?.resource_type] || {};
+    return formatEmbedUrl(resource) ? resource?.embed_url : null;
+};
+function Share({
+    enabled,
+    onClose,
+    resource,   
+    resourceType
+}) {
+    const embedUrl = getEmbedUrl(resource);
+    const downloadUrl = getDownloadUrlInfo(resource)?.url;
+    const manageAnonymousPermissions = canManageAnonymousPermissions(resource);
+    const manageRegisteredMemberPermissions = canManageRegisteredMemberPermissions(resource);
+    return (
+        <OverlayContainer
+            enabled={enabled}
+            className="gn-overlay-wrapper"
+        >
+            <section className="gn-share-panel">
+                <div className="gn-share-panel-head">
+                    <h2><Message msgId="gnviewer.shareThisResource" /></h2>
+                    <Button className="square-button gn-share-panel-close" onClick={() => onClose()}>
+                        <Glyphicon glyph="1-close" />
+                    </Button>
+                </div>
+                <FlexBox column gap="md" className="gn-share-panel-body">
+                    {canAccessPermissions(resource) && <Permissions resource={resource} manageAnonymousPermissions={manageAnonymousPermissions} manageRegisteredMemberPermissions={manageRegisteredMemberPermissions} />}
+                    {(resourceType === 'document' && !!downloadUrl) && <SharePageLink value={downloadUrl} label={<Message msgId={`gnviewer.directLink`} />} collapsible={false} />}
+                    {embedUrl && <ShareEmbedLink embedUrl={embedUrl} label={<Message msgId={`gnviewer.embed${resourceType}`} />} />}
+                </FlexBox>
+            </section>
+        </OverlayContainer>
+    );
+}
+
+Share.propTypes = {
+    resourceId: PropTypes.oneOfType([ PropTypes.number, PropTypes.string ]),
+    enabled: PropTypes.bool,
+    onClose: PropTypes.func
+};
+
+Share.defaultProps = {
+    resourceId: null,
+    enabled: false,
+    onClose: () => {}
+};
+
+const SharePlugin = connect(
+    createSelector([
+        state => state?.controls?.rightOverlay?.enabled === 'Share',
+        getResourceData,
+        getViewedResourceType
+    ], (enabled, resource, type) => ({
+        enabled,
+        resource,
+        resourceType: type
+    })),
+    {
+        onClose: setControlProperty.bind(null, 'rightOverlay', 'enabled', false)
+    }
+)(Share);
+
+function ShareButton({
+    enabled,
+    variant,
+    onClick,
+    size
+}) {
+    return enabled
+        ? <Button
+            variant={variant || "primary"}
+            size={size}
+            onClick={() => onClick()}
+        >
+            <Message msgId="share.title"/>
+        </Button>
+        : null
+    ;
+}
+
+const ConnectedShareButton = connect(
+    createSelector(
+        isNewResource,
+        getResourceId,
+        mapInfoSelector,
+        (isNew, resourceId, mapInfo) => ({
+            enabled: !isNew && (resourceId || mapInfo?.id)
+        })
+    ),
+    {
+        onClick: setControlProperty.bind(null, 'rightOverlay', 'enabled', 'Share')
+    }
+)((ShareButton));
+
+export default createPlugin('Share', {
+    component: SharePlugin,
+    containers: {
+        ActionNavbar: {
+            name: 'Share',
+            Component: ConnectedShareButton
+        }
+    },
+    epics: {},
+    reducers: {
+        controls
+    }
+});

geonode_mapstore_client/client/js/utils/ResourceUtils.js

@@ -476,13 +476,51 @@ export const setAvailableResourceTypes = (value) => {
     availableResourceTypes = value;
 };
 
+export const canManageAnonymousPermissions = (resource) => {
+    return resourceHasPermission(resource, 'can_manage_anonymous_permissions');
+};
+
+export const canManageRegisteredMemberPermissions = (resource) => {
+    return resourceHasPermission(resource, 'can_manage_registered_member_permissions');
+}
+
+/**
+ * Get the current permission for a specific group.
+ * @param {*} groupName
+ * @param {*} groups
+ */
+export const getPermissionForGroup = (groupName, groups) => {
+    const group = groups?.find(g => g.name === groupName);
+    return group?.permissions;
+};
+
+/**
+ * Filters permission options for a group if management is disabled.
+ * If management is disabled, it restricts the options to only the current permission.
+ * @param {object} options The permissions options object.
+ * @param {array} groups The list of groups with their current permissions.
+ * @param {string} groupName The name of the group to filter ('anonymous' or 'registered-members').
+ * @param {boolean} canManage The flag indicating if the user can manage permissions.
+ */
+const filterGroupPermissions = (options, groups, groupName, canManage) => {
+    if (!canManage && options[groupName]) {
+        const permissionValue = getPermissionForGroup(groupName, groups);
+        const currentPermission = options[groupName].find(p => p.name === permissionValue);
+        if (currentPermission) {
+            options[groupName] = [currentPermission];
+        }
+    }
+};
+
 /**
  * Extracts lists of permissions into an object for use in the Share plugin select elements
  * @param {Object} options Permission Object to extract permissions from
  * @returns An object containing permissions for each type of user/group
  */
-export const getResourcePermissions = (options) => {
-    const permissionsOptions = {};
+export const getResourcePermissions = (options , groups, manageAnonymousPermissions=false, manageRegisteredMemberPermissions=false) => {
+    filterGroupPermissions(options, groups, 'anonymous', manageAnonymousPermissions);
+    filterGroupPermissions(options, groups, 'registered-members', manageRegisteredMemberPermissions);
+    let permissionsOptions = {};
     Object.keys(options).forEach((key) => {
         const permissions = options[key];
         let selectOptions = [];
@@ -897,4 +935,4 @@ export const canManageResourceSettings = (resource) => {
 export const canAccessPermissions = (resource) => {
     const { perms } = resource || {};
     return perms?.includes('change_resourcebase_permissions');
-};
+};

geonode_mapstore_client/client/js/utils/__tests__/ResourceUtils-test.js

@@ -113,7 +113,8 @@ describe('Test Resource Utils', () => {
                 }
             }
         }];
-        const permissionOptions = getResourcePermissions(data[0].allowed_perms.compact);
+        const groups = [];
+        const permissionOptions = getResourcePermissions(data[0].allowed_perms.compact, groups);
         expect(permissionOptions).toEqual({
             test1: [
                 { value: 'none', labelId: `gnviewer.nonePermission`, label: 'None' },