From 4c7dee3ecedc17dc16665a4ed3b8e5acc369e05f Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 23 Feb 2023 13:01:56 +0200
Subject: [PATCH] Ticket 8390: Remove separator key codes in the default
 multiple auto complete input and added in invitation-dialog.

---
 .../multiple/multiple-auto-complete.component.ts            | 6 ++++--
 .../ui/dmp/invitation/dmp-invitation-dialog.component.html  | 2 +-
 .../ui/dmp/invitation/dmp-invitation-dialog.component.ts    | 1 -
 3 files changed, 5 insertions(+), 4 deletions(-)

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 e08ffe914..0ef6e4b2f 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
@@ -43,6 +43,9 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
 	}
 	private _configuration: MultipleAutoCompleteConfiguration;
 
+	@Input()
+	separatorKeysCodes = [];
+
 	// Selected Option Event
 	@Output() optionSelected: EventEmitter<any> = new EventEmitter();
 	@Output() optionRemoved: EventEmitter<any> = new EventEmitter();
@@ -69,7 +72,6 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
 	_groupedItems: Observable<AutoCompleteGroup[]>;
 	selectable = false;
 	removable = true;
-	separatorKeysCodes = [ENTER, COMMA];
 
 	get empty() { return (!this.value || this.value.length === 0) && (!this.inputValue || this.inputValue.length === 0); }
 
@@ -377,7 +379,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp
 
 	//Chip Functions
 	_addItem(event: MatChipInputEvent): void {
-
+		console.log(this._items)
 		const input = event.input;
 		const value = event.value;
 		// Add our fruit
diff --git a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.html b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.html
index f722893f0..8d9829904 100644
--- a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.html
+++ b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.html
@@ -10,7 +10,7 @@
 			<mat-form-field class="col pt-0 pb-2 mb-4 search">
 				<!-- <mat-label>{{'INVITATION-EDITOR.AUTOCOMPLETE-USER-EMAIL' | translate}}</mat-label> -->
 				<app-multiple-auto-complete [formControl]="formGroup.get('users')" placeholder="{{'INVITATION-EDITOR.AUTOCOMPLETE-USER-EMAIL' | translate}}"
-											[configuration]="usersAutoCompleteConfiguration" [showNoResultsLabel]="false"
+											[configuration]="usersAutoCompleteConfiguration" [showNoResultsLabel]="false" [separatorKeysCodes]="separatorKeysCodes"
 											[minLength]="3">
 				</app-multiple-auto-complete>
 			</mat-form-field>
diff --git a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.ts b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.ts
index ee29a5ace..f3304275b 100644
--- a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.ts
@@ -32,7 +32,6 @@ export class DmpInvitationDialogComponent extends BaseComponent implements OnIni
 	public filteredUsers: DmpInvitationUser[];
 	public emails: string[] = [];
 	public roles = Role;
-
 	visible = true;
 	selectable = true;
 	removable = true;