Fix - Registration permissions (#486)

* fix(permissions): added permissions

* fix(updates): updates

* feat(metadata): Implemented permissions for metadata page

* feat(registry-resource): Implemented permissions for resources page

* fix(registration): Implemented permissions

* fix(registration): Fixed write user permissions

* fix(registration): Fixed permissions for My registrations

---------

Co-authored-by: Nazar Semets <[email protected]>
Co-authored-by: nsemets <[email protected]>

Author: 3 people

src/app/features/metadata/components/cedar-template-form/cedar-template-form.component.html

@@ -7,13 +7,15 @@ <h3 class="text-lg">{{ 'project.metadata.addMetadata.publishedText' | translate
         } @else {
           <h3 class="text-lg text-red-500">{{ 'project.metadata.addMetadata.notPublishedText' | translate }}</h3>
         }
-        <p-button
-          class="w-10rem flex-shrink-0 btn-full-width"
-          severity="secondary"
-          [label]="'project.metadata.addMetadata.editRecord' | translate"
-          (onClick)="editModeEmit()"
-        >
-        </p-button>
+        @if (showEditButton()) {
+          <p-button
+            class="w-10rem flex-shrink-0 btn-full-width"
+            severity="secondary"
+            [label]="'project.metadata.addMetadata.editRecord' | translate"
+            (onClick)="editModeEmit()"
+          >
+          </p-button>
+        }
       </div>
     }
 

src/app/features/metadata/components/metadata-license/metadata-license.component.html

@@ -2,7 +2,7 @@
   <div class="flex justify-content-between align-items-center">
     <h2>{{ 'project.overview.metadata.license' | translate }}</h2>
 
-    @if (!hideEditLicense()) {
+    @if (!readonly()) {
       <p-button
         severity="secondary"
         [label]="'common.buttons.edit' | translate"

src/app/features/metadata/components/metadata-license/metadata-license.component.ts

@@ -15,6 +15,6 @@ import { LicenseModel } from '@shared/models';
 })
 export class MetadataLicenseComponent {
   openEditLicenseDialog = output<void>();
-  hideEditLicense = input<boolean>(false);
+  readonly = input<boolean>(false);
   license = input<LicenseModel | null>(null);
 }

src/app/features/metadata/components/metadata-tags/metadata-tags.component.html

@@ -2,6 +2,19 @@
   <div class="flex flex-column gap-3">
     <h2>{{ 'project.overview.metadata.tags' | translate }}</h2>
 
-    <osf-tags-input (tagsChanged)="tagsChanged.emit($event)" [tags]="tags()" />
+    @if (readonly()) {
+      <div class="flex flex-wrap gap-2">
+        @for (tag of tags(); track tag) {
+          <p-tag
+            class="cursor-pointer hover:bg-black-alpha-10"
+            [value]="tag"
+            severity="info"
+            (click)="tagClicked(tag)"
+          />
+        }
+      </div>
+    } @else {
+      <osf-tags-input (tagsChanged)="tagsChanged.emit($event)" [tags]="tags()" />
+    }
   </div>
 </p-card>

src/app/features/metadata/components/metadata-tags/metadata-tags.component.ts

@@ -1,19 +1,29 @@
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Card } from 'primeng/card';
+import { Tag } from 'primeng/tag';
 
-import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';
+import { Router } from '@angular/router';
 
 import { TagsInputComponent } from '@osf/shared/components/tags-input/tags-input.component';
 
 @Component({
   selector: 'osf-metadata-tags',
-  imports: [Card, TranslatePipe, TagsInputComponent],
+  imports: [Card, TranslatePipe, TagsInputComponent, Tag],
   templateUrl: './metadata-tags.component.html',
   styleUrl: './metadata-tags.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MetadataTagsComponent {
   tags = input<string[]>([]);
+  readonly = input<boolean>(false);
+
   tagsChanged = output<string[]>();
+
+  private router = inject(Router);
+
+  tagClicked(tag: string) {
+    this.router.navigate(['/search'], { queryParams: { search: tag } });
+  }
 }

src/app/features/metadata/mappers/metadata.mapper.ts

@@ -27,6 +27,7 @@ export class MetadataMapper {
       })),
       provider: response.embeds?.provider?.data.id,
       public: response.attributes.public,
+      currentUserPermissions: response.attributes.current_user_permissions,
     };
   }
 

src/app/features/metadata/metadata.component.html

@@ -1,6 +1,6 @@
 <section class="flex flex-column flex-1">
   <osf-sub-header
-    [showButton]="true"
+    [showButton]="hasWriteAccess()"
     [buttonLabel]="'project.metadata.addCommunityMetadataRecord.title' | translate"
     [isButtonDisabled]="isLoading()"
     (buttonClick)="openAddRecord()"
@@ -13,50 +13,64 @@
     [selectedCedarTemplate]="selectedCedarTemplate()!"
     [selectedCedarRecord]="selectedCedarRecord()!"
     [cedarFormReadonly]="cedarFormReadonly()"
+    [canEdit]="hasWriteAccess()"
     (changeTab)="onTabChange($event)"
     (formSubmit)="onCedarFormSubmit($event)"
     (cedarFormChangeTemplate)="onCedarFormChangeTemplate()"
     (cedarFormEdit)="onCedarFormEdit()"
   >
     <div class="flex-column flex flex-1 w-full bg-white lg:flex-row">
       <div class="col-12 lg:col-6 flex flex-column gap-4">
-        <osf-metadata-title (openEditTitleDialog)="openEditTitleDialog()" [title]="metadata()?.title!" />
+        <osf-metadata-title
+          (openEditTitleDialog)="openEditTitleDialog()"
+          [title]="metadata()?.title!"
+          [readonly]="!hasWriteAccess()"
+        />
 
         <osf-metadata-description
           (openEditDescriptionDialog)="openEditDescriptionDialog()"
           [description]="metadata()?.description!"
+          [readonly]="!hasWriteAccess()"
         />
 
         <osf-metadata-date-info [dateCreated]="metadata()?.dateCreated" [dateModified]="metadata()?.dateModified" />
 
         <osf-metadata-contributors
           (openEditContributorDialog)="openEditContributorDialog()"
           [contributors]="bibliographicContributors()"
+          [readonly]="!hasWriteAccess()"
         />
 
         <osf-metadata-resource-information
           (openEditResourceInformationDialog)="openEditResourceInformationDialog()"
           (showResourceInfo)="onShowResourceInfo()"
           [customItemMetadata]="customItemMetadata()!"
+          [readonly]="!hasWriteAccess()"
         />
 
         <osf-metadata-funding
           (openEditFundingDialog)="openEditFundingDialog()"
           [funders]="customItemMetadata()?.funders!"
+          [readonly]="!hasWriteAccess()"
         />
 
         <osf-metadata-affiliated-institutions
           (openEditAffiliatedInstitutionsDialog)="openEditAffiliatedInstitutionsDialog()"
           [affiliatedInstitutions]="affiliatedInstitutions()"
+          [readonly]="!hasWriteAccess()"
         />
       </div>
 
       <div class="col-12 lg:col-6 flex flex-column gap-4">
-        <osf-metadata-license (openEditLicenseDialog)="openEditLicenseDialog()" [license]="metadata()?.license!" />
+        <osf-metadata-license
+          (openEditLicenseDialog)="openEditLicenseDialog()"
+          [license]="metadata()?.license!"
+          [readonly]="!hasWriteAccess()"
+        />
 
         <osf-metadata-publication-doi
           (openEditPublicationDoiDialog)="handleEditDoi()"
-          [hideEditDoi]="hideEditDoi()"
+          [hideEditDoi]="hideEditDoi() || !hasWriteAccess()"
           [identifiers]="metadata()?.identifiers!"
           [publicationDoi]="metadata()?.publicationDoi || null"
           [resourceType]="resourceType()"
@@ -66,14 +80,19 @@
           <osf-metadata-registration-doi [identifiers]="metadata()?.identifiers!"></osf-metadata-registration-doi>
         }
 
-        <osf-metadata-tags [tags]="metadata()?.tags || []" (tagsChanged)="onTagsChanged($event)"></osf-metadata-tags>
+        <osf-metadata-tags
+          [tags]="metadata()?.tags || []"
+          (tagsChanged)="onTagsChanged($event)"
+          [readonly]="!hasWriteAccess()"
+        ></osf-metadata-tags>
 
         <osf-metadata-subjects
           (getSubjectChildren)="getSubjectChildren($event)"
           (searchSubjects)="searchSubjects($event)"
           (updateSelectedSubjects)="updateSelectedSubjects($event)"
           [isSubjectsUpdating]="isSubjectsUpdating()!"
           [selectedSubjects]="selectedSubjects()"
+          [readonly]="!hasAdminAccess()"
         />
       </div>
     </div>

src/app/features/metadata/metadata.component.ts

@@ -21,7 +21,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 
 import { ENVIRONMENT } from '@core/provider/environment.provider';
 import { MetadataTabsComponent, SubHeaderComponent } from '@osf/shared/components';
-import { MetadataResourceEnum, ResourceType } from '@osf/shared/enums';
+import { MetadataResourceEnum, ResourceType, UserPermissions } from '@osf/shared/enums';
 import { IS_MEDIUM } from '@osf/shared/helpers';
 import { MetadataTabsModel, SubjectModel } from '@osf/shared/models';
 import { CustomConfirmationService, ToastService } from '@osf/shared/services';
@@ -191,6 +191,18 @@ export class MetadataComponent implements OnInit {
 
   bibliographicContributors = computed(() => this.contributors().filter((contributor) => contributor.isBibliographic));
 
+  hasWriteAccess = computed(() => {
+    const metadata = this.metadata();
+    if (!metadata) return false;
+    return metadata.currentUserPermissions.includes(UserPermissions.Write);
+  });
+
+  hasAdminAccess = computed(() => {
+    const metadata = this.metadata();
+    if (!metadata) return false;
+    return metadata.currentUserPermissions.includes(UserPermissions.Admin);
+  });
+
   constructor() {
     effect(() => {
       const records = this.cedarRecords();

src/app/features/metadata/models/metadata-json-api.model.ts

@@ -1,4 +1,5 @@
 import { ApiData, InstitutionsJsonApiResponse, LicenseDataJsonApi, LicenseRecordJsonApi } from '@osf/shared/models';
+import { UserPermissions } from '@shared/enums';
 
 export interface MetadataJsonApiResponse {
   data: MetadataJsonApi;
@@ -17,6 +18,7 @@ export interface MetadataAttributesJsonApi {
   category?: string;
   node_license?: LicenseRecordJsonApi;
   public?: boolean;
+  current_user_permissions: UserPermissions[];
 }
 
 interface MetadataEmbedsJsonApi {

src/app/features/metadata/models/metadata.model.ts

@@ -1,4 +1,5 @@
 import { Identifier, Institution, LicenseModel } from '@osf/shared/models';
+import { UserPermissions } from '@shared/enums';
 
 export interface Metadata {
   id: string;
@@ -20,6 +21,7 @@ export interface Metadata {
     year: string;
   };
   public?: boolean;
+  currentUserPermissions: UserPermissions[];
 }
 
 export interface CustomItemMetadataRecord {