fix(sign-up): updated sign up (#515)

* fix(sign-up): updated sign up * fix(registry): added internet link

Author: nsemets

src/app/features/auth/models/sign-up-form.model.ts

@@ -2,6 +2,8 @@ import { FormControl } from '@angular/forms';
 
 export interface SignUpForm {
  fullName: FormControl<string>;
+ givenName: FormControl<string>;
+ familyName: FormControl<string>;
  email1: FormControl<string>;
  email2: FormControl<string>;
  password: FormControl<string>;

src/app/features/auth/pages/sign-up/sign-up.component.html

@@ -41,6 +41,22 @@ <h2 class="text-center">{{ 'auth.signUp.title' | translate }}</h2>
  ></osf-text-input>
  </div>
 
+ <div class="flex flex-column">
+ <osf-text-input
+ [control]="signUpForm.controls['givenName']"
+ [label]="'auth.signUp.form.givenName'"
+ [maxLength]="inputLimits.fullName.maxLength"
+ ></osf-text-input>
+ </div>
+
+ <div class="flex flex-column">
+ <osf-text-input
+ [control]="signUpForm.controls['familyName']"
+ [label]="'auth.signUp.form.familyName'"
+ [maxLength]="inputLimits.fullName.maxLength"
+ ></osf-text-input>
+ </div>
+
  <div class="flex flex-column">
  <osf-text-input
  [control]="signUpForm.controls['email1']"

src/app/features/auth/pages/sign-up/sign-up.component.ts

@@ -64,6 +64,8 @@ export class SignUpComponent implements OnInit {
  initializeForm(): void {
  this.signUpForm = new FormGroup<SignUpForm>({
  fullName: new FormControl('', { nonNullable: true, validators: CustomValidators.requiredTrimmed() }),
+ givenName: new FormControl('', { nonNullable: true, validators: CustomValidators.requiredTrimmed() }),
+ familyName: new FormControl('', { nonNullable: true, validators: CustomValidators.requiredTrimmed() }),
  email1: new FormControl('', {
  nonNullable: true,
  validators: [CustomValidators.requiredTrimmed(), Validators.email],

src/app/features/registry/mappers/registry-overview.mapper.ts

@@ -42,6 +42,7 @@ export function MapRegistryOverview(data: RegistryOverviewJsonApiData): Registry
  hasMaterials: data.attributes.has_materials,
  hasPapers: data.attributes.has_papers,
  hasSupplements: data.attributes.has_supplements,
+ iaUrl: data.attributes.ia_url,
  license: LicensesMapper.fromLicenseDataJsonApi(data.embeds?.license?.data),
  registrationSchemaLink: data.relationships.registration_schema.links.related.href,
  associatedProjectId: data.relationships?.registered_from?.data?.id,

src/app/features/registry/models/registry-overview.models.ts

@@ -63,6 +63,7 @@ export interface RegistryOverview {
  withdrawalJustification?: string;
  dateWithdrawn: string | null;
  rootParentId: string | null;
+ iaUrl: string | null;
 }
 
 export interface RegistrationOverviewModel extends RegistrationNodeModel {

src/app/shared/components/resource-metadata/resource-metadata.component.html

@@ -95,6 +95,14 @@ <h3>{{ 'project.overview.metadata.license' | translate }}</h3>
  <div>{{ resource.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
  </div>
 
+ @if (resource.iaUrl) {
+ <div class="flex flex-column gap-2">
+ <h3>{{ 'project.overview.metadata.internetArchiveLink' | translate }}</h3>
+
+ <div>{{ resource.iaUrl }}</div>
+ </div>
+ }
+
  @if (!resource.isAnonymous) {
  <div class="flex flex-column gap-2">
  <h3>

src/app/shared/mappers/resource-overview.mappers.ts

@@ -85,5 +85,6 @@ export function MapRegistryOverview(
  affiliatedInstitutions: institutions,
  associatedProjectId: registry.associatedProjectId,
  isAnonymous,
+ iaUrl: registry.iaUrl,
  };
 }

src/app/shared/models/resource-overview.model.ts

@@ -57,4 +57,5 @@ export interface ResourceOverview {
  viewOnlyLinksCount?: number;
  associatedProjectId?: string;
  isAnonymous?: boolean;
+ iaUrl?: string | null;
 }

src/assets/i18n/en.json

@@ -269,6 +269,8 @@
  "divider": "or",
  "form": {
  "fullName": "Full Name",
+ "givenName": "Given Name",
+ "familyName": "Family Name",
  "fullNamePlaceholder": "John Doe",
  "submit": "Sign Up",
  "terms": {
@@ -691,6 +693,7 @@
  "loading": "Loading metadata...",
  "cedarRecordCreatedSuccessfully": "CEDAR record created successfully",
  "failedToCreateCedarRecord": "Failed to create CEDAR record",
+ "internetArchiveLink": "internet archive link",
  "placeholders": {
  "edit": "Edit description here",
  "add": "Add description here"