search select fixes

matsen-tool/src/app/_components/search-select/search-select.component.html

@@ -26,7 +26,10 @@
                         </ng-container>
                         <ng-container *ngIf="column.columnType == COLUMN_TYPE_IMAGE">
                             <td  mat-cell *matCellDef="let element">
-                                <img src="{{ getElementValue(element, column) }}" width="40" height="40"/>
+                                <img *ngIf="element.imageUrl !== null && element.imageUrl !== undefined"
+                                     src="{{ getElementValue(element, column) }}" width="40" height="40"/>
+                                <img *ngIf="element.imageUrl === null || element.imageUrl === undefined"
+                                     src="/assets/images/icons/dummy-product.png" width="40" height="40" alt="" />
                             </td>
                         </ng-container>
                         <ng-container *ngIf="column.columnType == COLUMN_TYPE_TEXT">

matsen-tool/src/app/_components/search-select/search-select.component.ts

@@ -19,6 +19,8 @@ export class SearchSelectComponent implements OnInit, AfterViewInit {
     @Input() public getDataFunction!: Function;
     @Input() public dataSource: any;
     @Input() public searchSelectColDefs!: SearchInputColDef[];
+    @Input() public displayedDataField!: string;
+    @Input() public displayedDataSubResource!: string;
 
     @Output() rowSelected = new EventEmitter<any>();
 
@@ -90,7 +92,11 @@ export class SearchSelectComponent implements OnInit, AfterViewInit {
         console.log(row, index);
         this.selectedRowIndex = index;
         this.documentForm.get(this.formId)?.setValue(row.id);
-        this.paragraphRef.nativeElement.textContent = row.fullName;
+        if (this.displayedDataSubResource !== undefined) {
+            this.paragraphRef.nativeElement.textContent = row[this.displayedDataSubResource][this.displayedDataField];
+        } else {
+            this.paragraphRef.nativeElement.textContent = row[this.displayedDataField];
+        }
         this.searchBoxFilled = true;
         this.searchBoxOpen = false;
     }

matsen-tool/src/app/_views/documents/new-document/new-document.component.html

@@ -20,6 +20,7 @@
                               [getDataFunction]="getPartners"
                               [dataSource]="dataSourcePartners"
                               [searchSelectColDefs]="colDefPartners"
+                              [displayedDataField]="'name'"
             >
             </app-search-select>
             <input type="hidden" formControlName="partner"/>
@@ -33,6 +34,7 @@
                               [getDataFunction]="getProducts"
                               [dataSource]="dataSourceProducts"
                               [searchSelectColDefs]="colDefProducts"
+                              [displayedDataField]="'name'"
             >
             </app-search-select>
             <input type="hidden" formControlName="product"/>

matsen-tool/src/app/_views/products/assign-product/assign-product.component.html

@@ -10,6 +10,7 @@
                [getDataFunction]="getUnassignedProducts"
                [dataSource]="dataSourceProducts"
                [searchSelectColDefs]="colDefProducts"
+               [displayedDataField]="'name'"
             >
                 <input type="hidden" formControlName="productIri" value="{{partnerProduct.productIri}}"/>
             </app-search-select>
@@ -22,6 +23,8 @@
                [getDataFunction]="getUnassignedPartnerProducts"
                [dataSource]="dataSourcePartnerProducts"
                [searchSelectColDefs]="colDefPartnerProducts"
+               [displayedDataField]="'name'"
+               [displayedDataSubResource]="'product'"
             >
                 <input type="hidden" formControlName="partnerProductIri" value="{{contactPartnerProduct.partnerProductIri}}"/>
             </app-search-select>

matsen-tool/src/app/_views/sales/new-sale/new-sale.component.html

@@ -11,6 +11,7 @@
                    [getDataFunction]="getPartners"
                    [dataSource]="dataSourcePartners"
                    [searchSelectColDefs]="colDefPartners"
+                   [displayedDataField]="'name'"
             >
             </app-search-select>
             <input type="hidden" formControlName="partnerIri"/>
@@ -24,6 +25,7 @@
                    [getDataFunction]="getProducts"
                    [dataSource]="dataSourceProducts"
                    [searchSelectColDefs]="colDefProducts"
+                   [displayedDataField]="'name'"
             >
             </app-search-select>
             <input type="hidden" formControlName="productIri"/>

matsen-tool/src/app/_views/tasks/new-task-note/new-task-note.component.html

@@ -19,6 +19,7 @@
                                [getDataFunction]="getContacts"
                                [dataSource]="dataSourceContacts"
                                [searchSelectColDefs]="colDefContacts"
+                               [displayedDataField]="'fullName'"
             >
             </app-search-select>
             <input type="hidden" formControlName="contactIri" value="{{taskNote.contactIri}}"/>

matsen-tool/src/app/_views/tasks/new-task/new-task.component.html

@@ -27,6 +27,7 @@
                    [getDataFunction]="getProducts"
                    [dataSource]="dataSourceProducts"
                    [searchSelectColDefs]="colDefProducts"
+                   [displayedDataField]="'name'"
                 >
                     <input type="hidden" formControlName="productIri" value="{{task.productIri}}"/>
                 </app-search-select>
@@ -42,6 +43,7 @@
                [getDataFunction]="getUsers"
                [dataSource]="dataSourceUsers"
                [searchSelectColDefs]="colDefUsers"
+               [displayedDataField]="'fullName'"
             >
                 <input type="hidden" formControlName="assignedToIri" value="{{task.productIri}}"/>
             </app-search-select>