-
-
-
{{_titleFn(item)}}
-
-
+
+
+
+ {{_titleFn(item)}}
+
+
+
{{popupItemActionIcon}}
-
+
No results found!
-
-
+
+
loading...
diff --git a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
index 49f0a9cd6..611710a88 100644
--- a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
+++ b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
@@ -19,16 +19,34 @@
}
+.title-subtitle-fn {
+ height: auto;
+ width: calc(100% - 46px);
+}
+
.title-fn-inner {
+ width: inherit;
+ overflow: unset;
+ white-space: normal;
+}
+
+.title-fn {
+ width: 100%;
+ overflow: hidden;
+ text-overflow: unset !important;
+ white-space: normal;
+}
+
+
+.subtitle-fn-inner {
width: inherit;
height: inherit;
overflow: hidden;
text-overflow: ellipsis;
}
-.title-fn {
- height: inherit;
- width: calc(100% - 16px);
+.subtitle-fn {
+ width: 100%;
overflow: hidden;
white-space: nowrap;
display: -webkit-box;
@@ -36,10 +54,10 @@
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;
- -webkit-line-clamp: 2;
- -moz-line-clamp: 2;
- -ms-line-clamp: 2;
- line-clamp: 2;
+ -webkit-line-clamp: 1;
+ -moz-line-clamp: 1;
+ -ms-line-clamp: 1;
+ line-clamp: 1;
}
.option-icon {
diff --git a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts
index e640cae42..5f38cad45 100644
--- a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts
+++ b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts
@@ -11,7 +11,7 @@ import { MultipleAutoCompleteConfiguration } from '@app/library/auto-complete/mu
import { BaseComponent } from '@common/base/base.component';
import { isNullOrUndefined } from '@swimlane/ngx-datatable';
import { BehaviorSubject, combineLatest, Observable, of as observableOf, Subject, Subscription } from 'rxjs';
-import { debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil, switchMap } from 'rxjs/operators';
+import {debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil, switchMap, tap} from 'rxjs/operators';
export class CustomComponentBase extends BaseComponent {
constructor(
@@ -57,6 +57,8 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
onSelectAutoCompleteValue = new BehaviorSubject
(null);
valueAssignSubscription: Subscription;
+ queryValue: string = "";
+
focused = false;
controlType = 'multiple-autocomplete';
describedBy = '';
@@ -73,6 +75,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
get shouldLabelFloat() { return this.focused || !this.empty; }
+ @Input() showNoResultsLabel: boolean = true;
@Input() hidePlaceholder: boolean = false;
@Input()
get placeholder() { return this._placeholder; }
@@ -264,6 +267,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
debounceTime(this.requestDelay),
distinctUntilChanged(),
distinctUntilChanged(),
+ tap(query => this.queryValue = query),
switchMap(query => this.filter(query)));
if (this.configuration.groupingFn) { this._groupedItems = this._items.pipe(map(items => this.configuration.groupingFn(items))); }
@@ -348,7 +352,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
}
get requestDelay(): number {
- return this.configuration.requestDelay != null ? this.configuration.requestDelay : 400;
+ return this.configuration.requestDelay != null ? this.configuration.requestDelay : 600;
}
get minFilteringChars(): number {
diff --git a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html
index 65ac69493..4d74c6c63 100644
--- a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html
+++ b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html
@@ -35,7 +35,7 @@
- No results found!
+ No results found!