Adapt SSH panel to new GrAutogrowTextarea
Change-Id: I316ef4e492dbce2dde070717ff291d5ee6f78aa7
diff --git a/web/gr-serviceuser-ssh-panel.ts b/web/gr-serviceuser-ssh-panel.ts
index 7ee49d2..a1ac937 100644
--- a/web/gr-serviceuser-ssh-panel.ts
+++ b/web/gr-serviceuser-ssh-panel.ts
@@ -19,6 +19,14 @@
import {css, CSSResult, html, LitElement, PropertyValues} from 'lit';
import {RestPluginApi} from '@gerritcodereview/typescript-api/rest';
+//TODO: Remove when it is released with typescript API
+export declare interface GrAutogrowTextarea extends HTMLElement {
+ value?: string;
+ nativeElement?: HTMLElement;
+ placeholder?: string;
+ setRangeText: (replacement: string, start: number, end: number) => void;
+}
+
export interface BindValueChangeEventDetail {
value: string | undefined;
}
@@ -100,7 +108,7 @@
min-width: 27em;
width: auto;
}
- iron-autogrow-textarea {
+ gr-autogrow-textarea {
background-color: var(--view-background-color);
}
`,
@@ -172,15 +180,16 @@
<section>
<span class="title">New SSH key</span>
<span class="value">
- <iron-autogrow-textarea
+ <gr-autogrow-textarea
id="newKey"
autocomplete="on"
placeholder="New SSH Key"
- .bindValue=${this.newKey}
- @bind-value-changed=${(e: BindValueChangeEvent) => {
- this.newKey = e.detail.value ?? '';
+ .value=${this.newKey}
+ @input=${(e: BindValueChangeEvent) => {
+ const value = (e.target as GrAutogrowTextarea).value ?? '';
+ this.newKey = value;
}}
- ></iron-autogrow-textarea>
+ ></gr-autogrow-textarea>
</span>
</section>
<gr-button
