74199: Admin search dialogs - intermediate commit

src/app/core/shared/context.model.ts

@@ -13,4 +13,5 @@ export enum Context {
   EntitySearchModal = 'EntitySearchModal',
   AdminSearch = 'adminSearch',
   AdminWorkflowSearch = 'adminWorkflowSearch',
+  SideBarSearchModal = 'sideBarSearchModal',
 }

src/app/shared/dso-selector/dso-selector/dso-selector.component.html

@@ -16,6 +16,6 @@
             title="{{ listEntry.indexableObject.name }}"
             (click)="onSelect.emit(listEntry.indexableObject)" #listEntryElement>
       <ds-listable-object-component-loader [object]="listEntry" [viewMode]="viewMode"
-                                           [linkType]=linkTypes.None></ds-listable-object-component-loader>
+                                           [linkType]=linkTypes.None [context]="context"></ds-listable-object-component-loader>
     </button>
 </div>

src/app/shared/dso-selector/dso-selector/dso-selector.component.ts

@@ -21,6 +21,7 @@ import { PaginatedList } from '../../../core/data/paginated-list';
 import { SearchResult } from '../../search/search-result.model';
 import { DSpaceObject } from '../../../core/shared/dspace-object.model';
 import { ViewMode } from '../../../core/shared/view-mode.model';
+import { Context } from '../../../core/shared/context.model';
 
 @Component({
   selector: 'ds-dso-selector',
@@ -85,6 +86,11 @@ export class DSOSelectorComponent implements OnInit {
    */
   linkTypes = CollectionElementLinkType;
 
+  /**
+   * This component's context to display listable objects for
+   */
+  context = Context.SideBarSearchModal;
+
   constructor(private searchService: SearchService) {
   }
 

src/app/shared/object-list/sidebar-search-list-element/item-types/publication/publication-sidebar-search-list-element.component.html

@@ -0,0 +1 @@
+<span>Test display for sidebar-search list elements</span>

src/app/shared/object-list/sidebar-search-list-element/item-types/publication/publication-sidebar-search-list-element.component.ts

@@ -0,0 +1,17 @@
+import { listableObjectComponent } from '../../../../object-collection/shared/listable-object/listable-object.decorator';
+import { ViewMode } from '../../../../../core/shared/view-mode.model';
+import { Component } from '@angular/core';
+import { Context } from '../../../../../core/shared/context.model';
+import { ItemSearchResult } from '../../../../object-collection/shared/item-search-result.model';
+import { Item } from '../../../../../core/shared/item.model';
+import { SidebarSearchListElementComponent } from '../../sidebar-search-list-element.component';
+
+@listableObjectComponent('PublicationSearchResult', ViewMode.ListElement, Context.SideBarSearchModal)
+@listableObjectComponent(ItemSearchResult, ViewMode.ListElement, Context.SideBarSearchModal)
+@Component({
+  selector: 'ds-publication-sidebar-search-list-element',
+  templateUrl: '../../sidebar-search-list-element.component.html'
+})
+export class PublicationSidebarSearchListElementComponent extends SidebarSearchListElementComponent<ItemSearchResult, Item> {
+
+}

src/app/shared/object-list/sidebar-search-list-element/sidebar-search-list-element.component.html

@@ -0,0 +1,3 @@
+<ds-truncatable-part *ngIf="parentTitle$ | async" [maxLines]="1"><div class="text-secondary">{{ parentTitle$ | async }}</div></ds-truncatable-part>
+<ds-truncatable-part [maxLines]="1"><div class="text-primary">{{ title }}</div></ds-truncatable-part>
+<ds-truncatable-part [maxLines]="1"><div class="text-secondary">{{ description }}</div></ds-truncatable-part>

src/app/shared/object-list/sidebar-search-list-element/sidebar-search-list-element.component.ts

@@ -0,0 +1,56 @@
+import { SearchResult } from '../../search/search-result.model';
+import { DSpaceObject } from '../../../core/shared/dspace-object.model';
+import { SearchResultListElementComponent } from '../search-result-list-element/search-result-list-element.component';
+import { Component } from '@angular/core';
+import { hasValue } from '../../empty.util';
+import { Observable } from 'rxjs/internal/Observable';
+import { TruncatableService } from '../../truncatable/truncatable.service';
+import { LinkService } from '../../../core/cache/builders/link.service';
+import { find, map } from 'rxjs/operators';
+import { ChildHALResource } from '../../../core/shared/child-hal-resource.model';
+import { followLink } from '../../utils/follow-link-config.model';
+import { RemoteData } from '../../../core/data/remote-data';
+
+@Component({
+  selector: 'ds-sidebar-search-list-element',
+  templateUrl: './sidebar-search-list-element.component.html'
+})
+export class SidebarSearchListElementComponent<T extends SearchResult<K>, K extends DSpaceObject> extends SearchResultListElementComponent<T, K> {
+  parentTitle$: Observable<string>;
+  title: string;
+  description: string;
+
+  public constructor(protected truncatableService: TruncatableService,
+                     protected linkService: LinkService) {
+    super(truncatableService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    if (hasValue(this.dso)) {
+      this.parentTitle$ = this.getParentTitle();
+      this.title = this.getTitle();
+      this.description = this.getDescription();
+    }
+  }
+
+  getTitle(): string {
+    return this.firstMetadataValue('dc.title');
+  }
+
+  getDescription(): string {
+    // TODO: Expand description
+    return this.firstMetadataValue('dc.publisher');
+  }
+
+  getParentTitle(): Observable<string> {
+    // TODO: Remove cast to "any" and replace with proper type-check
+    const propertyName = (this.dso as any).getParentLinkKey();
+    return this.linkService.resolveLink(this.dso, followLink(propertyName))[propertyName].pipe(
+      find((parentRD: RemoteData<ChildHALResource & DSpaceObject>) => parentRD.hasSucceeded || parentRD.statusCode === 204),
+      map((parentRD: RemoteData<ChildHALResource & DSpaceObject>) => {
+        return parentRD.payload.firstMetadataValue('dc.title');
+      })
+    );
+  }
+}

src/app/shared/shared.module.ts

@@ -210,6 +210,8 @@ import { CollectionDropdownComponent } from './collection-dropdown/collection-dr
 import { DsSelectComponent } from './ds-select/ds-select.component';
 import { VocabularyTreeviewComponent } from './vocabulary-treeview/vocabulary-treeview.component';
 import { CurationFormComponent } from '../curation-form/curation-form.component';
+import { PublicationSidebarSearchListElementComponent } from './object-list/sidebar-search-list-element/item-types/publication/publication-sidebar-search-list-element.component';
+import { SidebarSearchListElementComponent } from './object-list/sidebar-search-list-element/sidebar-search-list-element.component';
 
 const MODULES = [
   // Do NOT include UniversalModule, HttpModule, or JsonpModule here
@@ -483,7 +485,9 @@ const ENTRY_COMPONENTS = [
   CurationFormComponent,
   ExportMetadataSelectorComponent,
   ConfirmationModalComponent,
-  VocabularyTreeviewComponent
+  VocabularyTreeviewComponent,
+  SidebarSearchListElementComponent,
+  PublicationSidebarSearchListElementComponent,
 ];
 
 const SHARED_ITEM_PAGE_COMPONENTS = [