bb-inline-editor/dist/inputs/input-textarea.component.ts

Follow me [](https://twitter.com/carlillo) to be notified about new releases.

import { Component, OnInit, Injector, ChangeDetectionStrategy } from "@angular/core";
import { InputBase } from "./input-base";
import { InlineTextareaConfig } from "../types/inline-configs";

@Component({
    selector: "inline-editor-textarea",
    styleUrls: ["./input.component.css"],
    template: `<textarea #inputRef class="form-control" (keyup.enter)="onEnter($event)"
                (keyup.escape)="onEscape($event)" (focus)="onFocus($event)" (blur)="onBlur($event)" (click)="onClick($event)"
                (keypress)="onKeyPress($event)" [(ngModel)]="value" [required]="config.required"
                [rows]="config.rows" [cols]="config.cols" [disabled]="state.isDisabled()" [name]="config.name"
                [placeholder]="config.placeholder"></textarea>`,
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class InputTextareaComponent extends InputBase implements OnInit {

    constructor(injector: Injector) {
        super(injector);
        this.isRegexTestable = true;
        this.isLengthTestable = true;
    }

    public config: InlineTextareaConfig;

    public onKeyPress(event: KeyboardEvent) {
        super.onKeyPress(event);
        if (event.charCode === 13 && this.isSaving(event)) {
            this.save();
            this.onEscape(event);
        }
    }

    private isSaving(event: KeyboardEvent): boolean {
        return (this.config.saveOnEnter && !event.shiftKey) || (!this.config.saveOnEnter && event.shiftKey);
    }
}