diff options
Diffstat (limited to 'client/src/app/shared/shared-forms/markdown-textarea.component.html')
-rw-r--r-- | client/src/app/shared/shared-forms/markdown-textarea.component.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.html b/client/src/app/shared/shared-forms/markdown-textarea.component.html new file mode 100644 index 000000000..a519f3e0a --- /dev/null +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.html | |||
@@ -0,0 +1,36 @@ | |||
1 | <div class="root" [ngClass]="{ 'maximized': isMaximized }" [ngStyle]="{ 'max-width': textareaMaxWidth }"> | ||
2 | <textarea #textarea | ||
3 | [(ngModel)]="content" (ngModelChange)="onModelChange()" | ||
4 | class="form-control" [ngClass]="classes" | ||
5 | [ngStyle]="{ height: textareaHeight }" | ||
6 | [id]="name" [name]="name"> | ||
7 | </textarea> | ||
8 | |||
9 | <div ngbNav #nav="ngbNav" class="nav-pills nav-preview"> | ||
10 | <ng-container ngbNavItem *ngIf="truncate !== undefined"> | ||
11 | <a ngbNavLink i18n>Truncated preview</a> | ||
12 | |||
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> | ||
22 | <div [innerHTML]="previewHTML"></div> | ||
23 | </ng-template> | ||
24 | </ng-container> | ||
25 | |||
26 | <my-button | ||
27 | *ngIf="!isMaximized" icon="fullscreen" (click)="onMaximizeClick()" | ||
28 | ></my-button> | ||
29 | |||
30 | <my-button | ||
31 | *ngIf="isMaximized" icon="exit-fullscreen" (click)="onMaximizeClick()" | ||
32 | ></my-button> | ||
33 | </div> | ||
34 | |||
35 | <div [ngbNavOutlet]="nav"></div> | ||
36 | </div> | ||