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

   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 #previewElement></div>
  23         <div [innerHTML]="previewHTML"></div>
  24       </ng-template>
  25     </ng-container>
  26
  27     <my-button
  28       *ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()"
  29     ></my-button>
  30
  31     <my-button
  32       *ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()"
  33     ></my-button>
  34   </div>
  35
  36   <div [ngbNavOutlet]="nav"></div>
  37 </div>