deep-worktype-menu

src/app/cdk/deep-select-input/deep-select-input.module.ts

@@ -5,7 +5,10 @@ import { MatLegacyFormFieldControl } from '@angular/material/legacy-form-field'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { MatLegacySelectModule } from '@angular/material/legacy-select'
 import { SharedModule } from 'src/app/shared/shared.module'
-import { MatLegacyMenu, MatLegacyMenuModule } from '@angular/material/legacy-menu'
+import {
+  MatLegacyMenu,
+  MatLegacyMenuModule,
+} from '@angular/material/legacy-menu'
 import { MatMenuModule } from '@angular/material/menu'
 import { MatButtonModule } from '@angular/material/button'
 import { MatLegacyInputModule } from '@angular/material/legacy-input'
@@ -19,7 +22,7 @@ import { MatLegacyInputModule } from '@angular/material/legacy-input'
     MatLegacySelectModule,
     SharedModule,
     MatLegacyMenuModule,
-    MatLegacyInputModule
+    MatLegacyInputModule,
   ],
   exports: [DeepSelectInputComponent],
 })

src/app/cdk/deep-select-input/deep-select-input/deep-select-input.component.html

@@ -3,7 +3,6 @@
     appearance="outline"
     class="mat-form-field-min input-container"
     (click)="clickHoverMenuTrigger.openMenu()"
-
   >
     <input
       type="text"

src/app/cdk/deep-select-input/deep-select-input/deep-select-input.component.scss

@@ -95,12 +95,10 @@ button.mat-button-wrap-text.secondaryItem {
   line-height: 18px;
 }
 
-
 button.mat-button-wrap-text:not(.mobile):not(.secondaryItem) {
   padding: 0px 16px !important;
 }
 
-
 .not-selectable-label {
   padding: 0 16px;
 }

src/app/cdk/deep-select-input/deep-select-input/deep-select-input.component.spec.ts

@@ -1,21 +1,21 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing'
 
-import { DeepSelectInputComponent } from './deep-select-input.component';
+import { DeepSelectInputComponent } from './deep-select-input.component'
 
 describe('DeepSelectInputComponent', () => {
-  let component: DeepSelectInputComponent;
-  let fixture: ComponentFixture<DeepSelectInputComponent>;
+  let component: DeepSelectInputComponent
+  let fixture: ComponentFixture<DeepSelectInputComponent>
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [DeepSelectInputComponent]
-    });
-    fixture = TestBed.createComponent(DeepSelectInputComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+      declarations: [DeepSelectInputComponent],
+    })
+    fixture = TestBed.createComponent(DeepSelectInputComponent)
+    component = fixture.componentInstance
+    fixture.detectChanges()
+  })
 
   it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+    expect(component).toBeTruthy()
+  })
+})

src/app/record/components/work-form/work-form/work-form.component.html

@@ -42,10 +42,8 @@
         [menu]="workTypeMenu"
         [formControlRef]="workTypeControl"
         formControlName="workType"
-
       >
       </app-deep-select-input>
-
     </div>
     <!-- Title -->
 

src/app/record/components/work-form/work-form/work-form.component.ts

@@ -638,15 +638,9 @@ export class WorkFormComponent implements OnInit {
     const workType = this.workForm.get('workType').value
 
     if (externalIdentifier && workType) {
-      if (
-        externalIdentifier === 'isbn' &&
-        workType === WorkTypes.bookChapter
-      ) {
+      if (externalIdentifier === 'isbn' && workType === WorkTypes.bookChapter) {
         workRelationship = WorkRelationships['part-of']
-      } else if (
-        externalIdentifier === 'isbn' &&
-        workType === WorkTypes.book
-      ) {
+      } else if (externalIdentifier === 'isbn' && workType === WorkTypes.book) {
         workRelationship = WorkRelationships.self
       } else if (externalIdentifier === 'issn') {
         workRelationship = WorkRelationships['part-of']
@@ -723,7 +717,7 @@ export class WorkFormComponent implements OnInit {
     this._dialogRef.close()
   }
 
-  get workTypeControl() : FormControl<any> {
+  get workTypeControl(): FormControl<any> {
     return this.workForm.get('workType') as FormControl<any>
   }
 }

src/app/types/record-works.endpoint.ts

@@ -9,7 +9,6 @@ import {
 import { AssertionBase } from './record.endpoint'
 import { WorkTypes } from './works.endpoint'
 
-
 export interface Work extends AssertionBase {
   publicationDate: MonthDayYearDate
   shortDescription?: Value

src/app/types/works.endpoint.ts

@@ -70,14 +70,13 @@ export enum WorkTypes {
   conferenceOutput = 'conference-output',
   conferencePresentation = 'conference-presentation',
   conferenceProceedings = 'conference-proceedings',
-  design="design",
-  image="image",
-  learningObject="learning-object",
-  movingImage="moving-image",
-  musicalComposition="musical-composition",
-  sound="sound",
-  transcriptions="transcriptions",
-
+  design = 'design',
+  image = 'image',
+  learningObject = 'learning-object',
+  movingImage = 'moving-image',
+  musicalComposition = 'musical-composition',
+  sound = 'sound',
+  transcriptions = 'transcriptions',
 }
 
 export const WorkCategoriesLabel = {
@@ -91,8 +90,6 @@ export const WorkCategoriesLabel = {
   [WorkCategories.teachingAndSupervision]: $localize`:@@works.teaching:Teaching and supervision`,
 }
 
-
-
 export const WorkTypesLabels = {
   [WorkTypes.conferenceAbstract]: $localize`:@@works.abstract:Conference abstract`,
   [WorkTypes.conferencePaper]: $localize`:@@works.paper:Conference paper`,
@@ -151,7 +148,6 @@ export const WorkTypesLabels = {
   [WorkTypes.musicalComposition]: $localize`:@@works.musicalComposition:Musical composition`,
   [WorkTypes.sound]: $localize`:@@works.sound:Sound`,
   [WorkTypes.transcriptions]: $localize`:@@works.transcriptions:Transcription`,
-
 }
 
 export enum WorksTitleName {