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

   1 <div class="root" [ngClass]="{ 'maximized': isMaximized }" [ngStyle]="{ 'max-width': textareaMaxWidth }">
   2
   3   <textarea #textarea
   4     [(ngModel)]="content" (ngModelChange)="onModelChange()"
   5     class="form-control" [ngClass]="{ 'input-error': formError }"
   6     [attr.disabled]="disabled || null"
   7     [ngStyle]="{ height: textareaHeight }"
   8     [id]="name" [name]="name">
   9   </textarea>
  10
  11   <div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
  12     <ng-container ngbNavItem *ngIf="truncate !== undefined">
  13       <a ngbNavLink i18n>Truncated preview</a>
  14
  15       <ng-template ngbNavContent>
  16         <div [innerHTML]="truncatedPreviewHTML"></div>
  17       </ng-template>
  18     </ng-container>
  19
  20     <ng-container ngbNavItem>
  21       <a ngbNavLink i18n>Complete preview</a>
  22
  23       <ng-template ngbNavContent>
  24         <div #previewElement></div>
  25         <div [innerHTML]="previewHTML"></div>
  26       </ng-template>
  27     </ng-container>
  28
  29     <my-global-icon
  30       *ngIf="!isMaximized" role="button" [ngbTooltip]="maximizeInText"
  31       class="maximize-button" iconName="fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }"
  32     ></my-global-icon>
  33
  34     <my-global-icon
  35       *ngIf="isMaximized" role="button" [ngbTooltip]="maximizeOutText"
  36       class="maximize-button" iconName="exit-fullscreen" (click)="onMaximizeClick()" [ngClass]="{ disabled: disabled }"
  37     ></my-global-icon>
  38   </div>
  39
  40   <div [ngbNavOutlet]="nav"></div>
  41
  42   <div *ngIf="!isMaximized && formError" class="form-error">{{ formError }}</div>
  43 </div>