client/src/app/shared/forms/markdown-textarea.component.html

   1 <div class="root" [ngStyle]="{ 'flex-direction': flexDirection }">
   2   <textarea
   3     [(ngModel)]="content" (ngModelChange)="onModelChange()"
   4     [ngClass]="classes" [ngStyle]="{ width: textareaWidth, height: textareaHeight, 'margin-right': textareaMarginRight }"
   5     [id]="name" [name]="name">
   6   </textarea>
   7
   8   <div ngbNav #nav="ngbNav" class="nav-pills previews">
   9     <ng-container ngbNavItem *ngIf="truncate !== undefined">
  10       <a ngbNavLink i18n>Truncated preview</a>
  11
  12       <ng-template ngbNavContent>
  13         <div [innerHTML]="truncatedPreviewHTML"></div>
  14       </ng-template>
  15     </ng-container>
  16
  17     <ng-container ngbNavItem>
  18       <a ngbNavLink i18n>Complete preview</a>
  19
  20       <ng-template ngbNavContent>
  21         <div [innerHTML]="previewHTML"></div>
  22       </ng-template>
  23     </ng-container>
  24   </div>
  25
  26   <div [ngbNavOutlet]="nav"></div>
  27 </div>