<div *ngIf="parseFinished" class="language-editor"  [style.height]="(keys.length * rowHeight) + 'px'">
	<form (ngSubmit)="updateLang()" [formGroup]="formGroup">
		<div class="row">
			<div class="search-bar">
				<input class="search-text" mat-input #search placeholder="{{ 'DASHBOARD.SEARCH' | translate }}">
				<button mat-raised-button type="button" class="lightblue-btn search-btn" (click)="findKeys(search)">
					<mat-icon>search</mat-icon>
				</button>
			</div>
			<mat-card class="col-md-8 offset-md-2 sticky">
				<mat-card-title><div [innerHTML]="currentLang"></div></mat-card-title>
				<mat-card-content>
					<div>
					<div *ngFor="let key of visibleKeys">
						<mat-form-field>
							<mat-label>{{key}} :</mat-label>
							<textarea matInput class="language-area" cdkTextareaAutosize #autosize="cdkTextareaAutosize" [formControl]="formGroup.get(key)">
									</textarea>
						</mat-form-field >
					</div>
				</div>
				</mat-card-content>
			</mat-card>
			<button mat-fab class="mat-fab-bottom-right save-btn" type="submit">
				<mat-icon class="mat-24" title="save">save</mat-icon>
			</button>
		</div>

	</form>
</div>
