landing_page: add manage button

* closes zenodo/rdm-project#262

Author: jrcastro2

invenio_app_rdm/communities_ui/views/communities.py

@@ -16,7 +16,7 @@
 def communities_detail(pid_value, community, community_ui):
     """Community detail page."""
     permissions = community.has_permissions_to(
-        ["update", "read", "search_requests", "search_invites"]
+        ["update", "read", "search_requests", "search_invites", "manage_communities"]
     )
     endpoint = "/api/communities/{pid_value}/records"
 

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/side_bar/manage_menu.html

@@ -17,6 +17,7 @@
          data-is-draft="{{ is_draft | tojson }}"
          data-is-preview-submission-request="{{ is_preview_submission_request | tojson }}"
          data-current-user-id="{{ current_user.id }}"
+         data-record-owner-email='{{ record_owner_email }}'
          data-access-links-search-config='{{ search_app_access_links_config(app_id="InvenioAppRdm.AccessLinks", endpoint=record.links.access_links) | tojson }}'
     >
       <div class="ui placeholder">

invenio_app_rdm/records_ui/views/records.py

@@ -126,6 +126,7 @@ def record_detail(
     pid_value, record, files, media_files, is_preview=False, include_deleted=False
 ):
     """Record detail page (aka landing page)."""
+    record_owner = current_rdm_records.records_service.get_owner(pid_value)
     files_dict = None if files is None else files.to_dict()
     media_files_dict = None if media_files is None else media_files.to_dict()
     record_ui = UIJSONSerializer().dump_obj(record.to_dict())
@@ -191,6 +192,7 @@ def record_detail(
         is_draft=is_draft,
         community=resolved_community,
         external_resources=get_external_resources(record_ui),
+        record_owner_email=record_owner.email,
     )
 
 

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ManageButton.js

@@ -0,0 +1,47 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2021 Northwestern University.
+// Copyright (C) 2021 Graz University of Technology.
+//
+// Invenio RDM Records is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import React from "react";
+import { Dropdown } from "semantic-ui-react";
+import { i18next } from "@translations/invenio_app_rdm/i18next";
+import PropTypes from "prop-types";
+
+export const ManageButton = ({ recid, recordOwnerEmail }) => {
+  return (
+    <Dropdown
+      fluid
+      text={i18next.t("Manage")}
+      icon="cog"
+      floating
+      labeled
+      button
+      className="icon text-align-center"
+    >
+      <Dropdown.Menu>
+        <Dropdown.Item
+          as="a"
+          href={`/administration/records?q=id:${recid}`}
+          target="_blank"
+          key="manage_record"
+          text={i18next.t("Manage record")}
+        />
+        <Dropdown.Item
+          as="a"
+          href={`/administration/users?q=email:${recordOwnerEmail}`}
+          target="_blank"
+          key="manage_user"
+          text={i18next.t("Manage user")}
+        />
+      </Dropdown.Menu>
+    </Dropdown>
+  );
+};
+
+ManageButton.propTypes = {
+  recid: PropTypes.string.isRequired,
+  recordOwnerEmail: PropTypes.string.isRequired,
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordManagement.js

@@ -15,6 +15,7 @@ import { ShareButton } from "./ShareOptions/ShareButton";
 import { NewVersionButton } from "@js/invenio_rdm_records/";
 import PropTypes from "prop-types";
 import Overridable from "react-overridable";
+import { ManageButton } from "./ManageButton";
 
 export class RecordManagement extends Component {
   constructor(props) {
@@ -32,19 +33,24 @@ export class RecordManagement extends Component {
       isPreviewSubmissionRequest,
       currentUserId,
       accessLinksSearchConfig,
+      recordOwnerEmail,
     } = this.props;
     const { error } = this.state;
     const { id: recid } = record;
-
     const handleError = (errorMessage) => {
       console.error(errorMessage);
       this.setState({ error: errorMessage });
     };
 
     return (
       <Grid columns={1} className="record-management">
-        {permissions.can_edit && !isDraft && (
+        {permissions.can_manage && (
           <Grid.Column className="pb-5">
+            <ManageButton recid={recid} recordOwnerEmail={recordOwnerEmail} />
+          </Grid.Column>
+        )}
+        {permissions.can_edit && !isDraft && (
+          <Grid.Column className={permissions.can_manage ? "pb-5 pt-5" : "pb-5"}>
             <EditButton recid={recid} onError={handleError} />
           </Grid.Column>
         )}
@@ -111,5 +117,6 @@ RecordManagement.propTypes = {
   isDraft: PropTypes.bool.isRequired,
   isPreviewSubmissionRequest: PropTypes.bool.isRequired,
   currentUserId: PropTypes.string.isRequired,
+  recordOwnerEmail: PropTypes.object.isRequired,
   accessLinksSearchConfig: PropTypes.object.isRequired,
 };

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/index.js

@@ -42,6 +42,7 @@ function renderRecordManagement(element) {
           recordManagementAppDiv.dataset.isPreviewSubmissionRequest
         )}
         currentUserId={recordManagementAppDiv.dataset.currentUserId}
+        recordOwnerEmail={recordManagementAppDiv.dataset.recordOwnerEmail}
         accessLinksSearchConfig={JSON.parse(
           recordManagementAppDiv.dataset.accessLinksSearchConfig
         )}