2020-04-28 12:53:43 +00:00
|
|
|
<div class="root" [ngClass]="{ 'maximized': isMaximized }" [ngStyle]="{ 'max-width': textareaMaxWidth }">
|
|
|
|
<textarea #textarea
|
2018-06-05 14:31:52 +00:00
|
|
|
[(ngModel)]="content" (ngModelChange)="onModelChange()"
|
2020-04-02 09:39:14 +00:00
|
|
|
class="form-control" [ngClass]="classes"
|
2021-10-12 11:33:44 +00:00
|
|
|
[attr.disabled]="disabled"
|
2020-04-28 12:53:43 +00:00
|
|
|
[ngStyle]="{ height: textareaHeight }"
|
2020-01-21 09:47:56 +00:00
|
|
|
[id]="name" [name]="name">
|
2018-01-31 15:42:40 +00:00
|
|
|
</textarea>
|
|
|
|
|
2020-04-28 12:53:43 +00:00
|
|
|
<div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
|
2020-04-01 14:52:59 +00:00
|
|
|
<ng-container ngbNavItem *ngIf="truncate !== undefined">
|
|
|
|
<a ngbNavLink i18n>Truncated preview</a>
|
2018-08-09 12:55:06 +00:00
|
|
|
|
2020-04-01 14:52:59 +00:00
|
|
|
<ng-template ngbNavContent>
|
|
|
|
<div [innerHTML]="truncatedPreviewHTML"></div>
|
|
|
|
</ng-template>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container ngbNavItem>
|
|
|
|
<a ngbNavLink i18n>Complete preview</a>
|
|
|
|
|
|
|
|
<ng-template ngbNavContent>
|
2021-05-27 13:59:55 +00:00
|
|
|
<div #previewElement></div>
|
2020-04-01 14:52:59 +00:00
|
|
|
<div [innerHTML]="previewHTML"></div>
|
|
|
|
</ng-template>
|
|
|
|
</ng-container>
|
2020-04-28 12:53:43 +00:00
|
|
|
|
|
|
|
<my-button
|
2021-10-12 11:33:44 +00:00
|
|
|
*ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()" [disabled]="disabled"
|
2020-04-28 12:53:43 +00:00
|
|
|
></my-button>
|
|
|
|
|
|
|
|
<my-button
|
2021-10-12 11:33:44 +00:00
|
|
|
*ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()" [disabled]="disabled"
|
2020-04-28 12:53:43 +00:00
|
|
|
></my-button>
|
2020-04-01 14:52:59 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div [ngbNavOutlet]="nav"></div>
|
2018-01-31 15:42:40 +00:00
|
|
|
</div>
|