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     [attr.disabled]="disabled"
   6     [ngStyle]="{ height: textareaHeight }"
   7     [id]="name" [name]="name">
   8   </textarea>
   9
  10   <div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
  11     <ng-container ngbNavItem *ngIf="truncate !== undefined">
  12       <a ngbNavLink i18n>Truncated preview</a>
  13
  14       <ng-template ngbNavContent>
  15         <div [innerHTML]="truncatedPreviewHTML"></div>
  16       </ng-template>
  17     </ng-container>
  18
  19     <ng-container ngbNavItem>
  20       <a ngbNavLink i18n>Complete preview</a>
  21
  22       <ng-template ngbNavContent>
  23         <div #previewElement></div>
  24         <div [innerHTML]="previewHTML"></div>
  25       </ng-template>
  26     </ng-container>
  27
  28     <my-button
  29       *ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()" [disabled]="disabled"
  30     ></my-button>
  31
  32     <my-button
  33       *ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()" [disabled]="disabled"
  34     ></my-button>
  35   </div>
  36
  37   <div [ngbNavOutlet]="nav"></div>
  38 </div>