From 52b1fbb6efc7c55978bd165b79787ed8e92310ea Mon Sep 17 00:00:00 2001
From: Stefan Plociennik <stefan.plociennik@mni.thm.de>
Date: Fri, 7 May 2021 19:28:50 +0200
Subject: [PATCH] added focus on edit textfield
---
.../topic-cloud-administration.component.html | 2 +-
.../topic-cloud-administration.component.ts | 10 +++++++++-
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
index b941677d0..64d81cf52 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html
@@ -63,7 +63,7 @@
<mat-form-field>
<mat-label>{{'topic-cloud-dialog.editkeyword-tipp' | translate}}</mat-label>
- <input matInput [(ngModel)]="newKeyword" cdkFocusInitial>
+ <input matInput #keywordInput [(ngModel)]="newKeyword">
</mat-form-field>
<!-- TODO: textinput and buttons in one row -->
<div align="end">
diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
index 068fc2488..bde128380 100644
--- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
+++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts
@@ -14,7 +14,7 @@ import { LanguageService } from '../../../../services/util/language.service';
styleUrls: ['./topic-cloud-administration.component.scss']
})
export class TopicCloudAdministrationComponent implements OnInit {
-
+ // @ViewChildren("keywordInput") keywordInput: QueryList<ElementRef>;
public panelOpenState = false;
public considerVotes: boolean; // should be sent back to tagCloud component
public tagsLowerCase: boolean; // should be sent back to tagCloud component
@@ -156,6 +156,14 @@ export class TopicCloudAdministrationComponent implements OnInit {
editKeyword(): void {
this.edit = true;
+
+ // focus on input currently trows exception
+
+ // this.keywordInput.changes.subscribe(() => {
+ // if (this.keywordInput.first.nativeElement && this.edit) {
+ // this.keywordInput.first.nativeElement.focus();
+ // }
+ // });
}
deleteKeyword(id: number): void{
--
GitLab