styling fixes

dmp-frontend/src/app/core/query/description.lookup.ts

@@ -22,7 +22,6 @@ export class DescriptionLookup extends Lookup implements DescriptionFilter {
 
 	showAllVersions: boolean; //TODO
 	descriptionTemplateIds: Guid[]; //TODO
-	associatedDmpIds: Guid[]; //TODO
 	roleInDmp: DmpUserRole[]; //TODO
 	descriptionTagSubQuery: DescriptionTagLookup;
 	descriptionReferenceSubQuery: DescriptionReferenceLookup;
@@ -45,7 +44,6 @@ export interface DescriptionFilter {
 	statuses: DescriptionStatus[];
 	showAllVersions: boolean;
 	descriptionTemplateIds: Guid[];
-	associatedDmpIds: Guid[];
 	roleInDmp: DmpUserRole[];
 	descriptionTagSubQuery: DescriptionTagLookup;
 	descriptionReferenceSubQuery: DescriptionReferenceLookup;

dmp-frontend/src/app/ui/description/listing/description-listing.component.html

@@ -29,7 +29,7 @@
 					</button>
 				</div>
 			</div>
-			<div *ngIf="listingItems && listingItems.length > 0 || lookup.like || lookup.descriptionTemplateIds || lookup.associatedDmpIds || lookup.roleInDmp || lookup.descriptionTagSubQuery || lookup.descriptionReferenceSubQuery" 
+			<div *ngIf="listingItems && listingItems.length > 0 || lookup.like || lookup.descriptionTemplateIds || lookup.dmpSubQuery || lookup.roleInDmp || lookup.descriptionTagSubQuery || lookup.descriptionReferenceSubQuery" 
 				class="filter-btn" [style.right]="dialog.getDialogById('filters') ? '446px' : '0px'" [style.width]="listingItems.length > 2 ? '57px' : '37px'" (click)="openFiltersDialog()">
 				<button mat-raised-button class="p-0">
 					<mat-icon class="mr-4 filter-icon">filter_alt</mat-icon>

dmp-frontend/src/app/ui/description/listing/description-listing.component.ts

@@ -39,6 +39,8 @@ import { Guid } from '@common/types/guid';
 import { DescriptionReferenceLookup } from '@app/core/query/reference.lookup';
 import { DescriptionTagLookup } from '@app/core/query/tag.lookup';
 import { Tag } from '@app/core/model/tag/tag';
+import { D } from '@angular/cdk/keycodes';
+import { DmpLookup } from '@app/core/query/dmp.lookup';
 
 @Component({
 	selector: 'app-description-listing-component',
@@ -216,6 +218,19 @@ export class DescriptionListingComponent extends BaseListingComponent<BaseDescri
 
 		return lookup;
 	}
+	
+	protected initializeDmpLookup(): DmpLookup {
+		const lookup = new DmpLookup();
+		lookup.metadata = { countAll: true };
+		lookup.isActive = [IsActive.Active];
+		lookup.project = {
+			fields: [
+				[nameof<Description>(x => x.dmp), nameof<Dmp>(x => x.id)].join('.'),
+			]
+		};
+
+		return lookup;
+	}
 
 	protected setupColumns() {
 	}
@@ -394,12 +409,18 @@ export class DescriptionListingComponent extends BaseListingComponent<BaseDescri
 		lookup.statuses = formGroup.get("status")?.value !== null ? [formGroup.get("status")?.value] : null;
 		lookup.showAllVersions = formGroup.get("showAllVersions")?.value ?? false;
 		lookup.roleInDmp = formGroup.get("role")?.value !== null ? [formGroup.get("role")?.value] : null;
-		lookup.associatedDmpIds = formGroup.get("associatedDmpIds")?.value ?? null;
 		lookup.descriptionTemplateIds = formGroup.get("descriptionTemplates")?.value ?? null;
-		
+
+		// Dmps
+		let dmps = formGroup.get("associatedDmpIds")?.value ?? null;
+		if (dmps && dmps?.length > 0) {
+			lookup.dmpSubQuery = this.initializeDmpLookup();
+			lookup.dmpSubQuery.ids = dmps;
+		} else lookup.dmpSubQuery = null;
+
 		// Tags
 		let tags = formGroup.get("tags")?.value ?? null;
-		if (tags && tags.length > 0) {
+		if (tags && tags?.length > 0) {
 			lookup.descriptionTagSubQuery = this.initializeTagLookup();
 			lookup.descriptionTagSubQuery.tagIds = tags;
 		} else lookup.descriptionTagSubQuery = null;
@@ -438,7 +459,7 @@ export class DescriptionListingComponent extends BaseListingComponent<BaseDescri
 			role: [lookup.roleInDmp?.length > 0 ? lookup.roleInDmp[0] : null],
 			showAllVersions: [lookup.showAllVersions ?? false],
 			descriptionTemplates: [lookup.descriptionTemplateIds],
-			associatedDmpIds: [lookup.associatedDmpIds],
+			associatedDmpIds: lookup.dmpSubQuery?.ids ? [lookup.dmpSubQuery?.ids] : [],
 			tags: lookup.descriptionTagSubQuery?.tagIds ? [lookup.descriptionTagSubQuery?.tagIds] : [],
 			references: formArray
 		});

dmp-frontend/src/app/ui/description/overview/description-overview.component.html

@@ -73,7 +73,7 @@
 					<div class="row">
 						<div class="col-12 col-lg-7">
 							<button class="w-100 dmp-btn p-1" (click)="dmpClicked(description.dmp)">
-								<div class="w-100 dmp-btn-label">
+								<div class="dmp-btn-label">
 									{{ this.description.dmp.label }}
 								</div>
 								<div class="w-auto">

dmp-frontend/src/app/ui/description/overview/description-overview.component.scss

@@ -187,10 +187,13 @@
 
 .dmp-btn-label {
   margin-right: 1em;
-  overflow: hidden;
   color: #ffffff;
   opacity: 0.8;
   text-align: left;
+  min-width: 0;
+  text-wrap: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .doi-label {