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

   1 <div class="root" [ngClass]="{ 'maximized': isMaximized }">
   2
   3   <textarea #textarea
   4     [(ngModel)]="content" (ngModelChange)="onModelChange()"
   5     class="form-control" [ngClass]="{ 'input-error': formError }"
   6     [attr.disabled]="disabled || null"
   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-global-icon
  29       *ngIf="!isMaximized" role="button" [ngbTooltip]="maximizeInText"
  30       class="maximize-button" iconName="fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }"
  31     ></my-global-icon>
  32
  33     <my-global-icon
  34       *ngIf="isMaximized" role="button" [ngbTooltip]="maximizeOutText"
  35       class="maximize-button" iconName="exit-fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }"
  36     ></my-global-icon>
  37   </div>
  38
  39   <div [ngbNavOutlet]="nav"></div>
  40
  41   <div *ngIf="!isMaximized && formError" class="form-error">{{ formError }}</div>
  42 </div>