]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-forms/markdown-textarea.component.html
Instance homepage support (#4007)
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / markdown-textarea.component.html
CommitLineData
b15fe00f
K
1<div class="root" [ngClass]="{ 'maximized': isMaximized }" [ngStyle]="{ 'max-width': textareaMaxWidth }">
2 <textarea #textarea
0975cd5c 3 [(ngModel)]="content" (ngModelChange)="onModelChange()"
a6d5ff76 4 class="form-control" [ngClass]="classes"
b15fe00f 5 [ngStyle]="{ height: textareaHeight }"
4ee6a8b1 6 [id]="name" [name]="name">
66b16caf
C
7 </textarea>
8
b15fe00f 9 <div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
45c6bcf3
C
10 <ng-container ngbNavItem *ngIf="truncate !== undefined">
11 <a ngbNavLink i18n>Truncated preview</a>
63347a0f 12
45c6bcf3
C
13 <ng-template ngbNavContent>
14 <div [innerHTML]="truncatedPreviewHTML"></div>
15 </ng-template>
16 </ng-container>
17
18 <ng-container ngbNavItem>
19 <a ngbNavLink i18n>Complete preview</a>
20
21 <ng-template ngbNavContent>
2539932e 22 <div #previewElement></div>
45c6bcf3
C
23 <div [innerHTML]="previewHTML"></div>
24 </ng-template>
25 </ng-container>
b15fe00f
K
26
27 <my-button
01d0147e 28 *ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()"
b15fe00f
K
29 ></my-button>
30
31 <my-button
01d0147e 32 *ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()"
b15fe00f 33 ></my-button>
45c6bcf3
C
34 </div>
35
36 <div [ngbNavOutlet]="nav"></div>
66b16caf 37</div>