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", "moderate"]
     )
     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-username='{{ record_owner_username }}'
          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/templates/semantic-ui/invenio_app_rdm/records/tombstone.html

@@ -24,7 +24,7 @@ <h1 class="ui header inline-block">
 
   <p>
     {%- trans sitename=config.THEME_SITENAME %}
-      The record  you are trying to access was removed from {{ sitename }}. The
+      The record you are trying to access was removed from {{ sitename }}. The
       metadata of the record is kept for archival purposes.
     {%- endtrans %}
   </p>

invenio_app_rdm/records_ui/views/records.py

@@ -174,6 +174,9 @@ def record_detail(
     if record is not None and emitter is not None:
         emitter(current_app, record=record._record, via_api=False)
 
+    # NOTE: this should maybe be an expandable field instead
+    record_owner = record._record.parent.access.owner.resolve()
+
     resolved_community, _ = get_record_community(record_ui)
     return render_template(
         current_app.config.get("APP_RDM_RECORD_LANDING_PAGE_TEMPLATE"),
@@ -191,6 +194,7 @@ def record_detail(
                 "review",
                 "view",
                 "media_read_files",
+                "moderate",
             ]
         ),
         custom_fields_ui=custom_fields["ui"],
@@ -200,6 +204,9 @@ def record_detail(
         community=resolved_community,
         external_resources=get_external_resources(record_ui),
         user_avatar=avatar,
+        record_owner_username=record_owner.username
+        if record_owner is not None
+        else None,  # record created with system_identity have not owners e.g demo
     )
 
 

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

@@ -0,0 +1,46 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2023 CERN.
+//
+// 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, recordOwnerUsername }) => {
+  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=username:${recordOwnerUsername}`}
+          target="_blank"
+          key="manage_user"
+          text={i18next.t("Manage user")}
+        />
+      </Dropdown.Menu>
+    </Dropdown>
+  );
+};
+
+ManageButton.propTypes = {
+  recid: PropTypes.string.isRequired,
+  recordOwnerUsername: 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,
+      recordOwnerUsername,
     } = 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_moderate && (
           <Grid.Column className="pb-5">
+            <ManageButton recid={recid} recordOwnerUsername={recordOwnerUsername} />
+          </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,
+  recordOwnerUsername: 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}
+        recordOwnerUsername={recordManagementAppDiv.dataset.recordOwnerUsername}
         accessLinksSearchConfig={JSON.parse(
           recordManagementAppDiv.dataset.accessLinksSearchConfig
         )}