aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/shared-forms/markdown-textarea.component.html
blob: 513b543cd5c325a6778a51a3e8ffbf4150eb52ad (plain) (tree)
1
2
3
4
5
6
7
8
9

                                                                                                         
                                                           
                                            
                                          
                              

             
                                                          

                                                            
 











                                                      

              
                                                                                                                             


                 
                                                                                                                                  
                 


                                  
      
<div class="root" [ngClass]="{ 'maximized': isMaximized }" [ngStyle]="{ 'max-width': textareaMaxWidth }">
  <textarea #textarea
    [(ngModel)]="content" (ngModelChange)="onModelChange()"
    class="form-control" [ngClass]="classes"
    [ngStyle]="{ height: textareaHeight }"
    [id]="name" [name]="name">
  </textarea>

  <div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
    <ng-container ngbNavItem *ngIf="truncate !== undefined">
      <a ngbNavLink i18n>Truncated preview</a>

      <ng-template ngbNavContent>
        <div [innerHTML]="truncatedPreviewHTML"></div>
      </ng-template>
    </ng-container>

    <ng-container ngbNavItem>
      <a ngbNavLink i18n>Complete preview</a>

      <ng-template ngbNavContent>
        <div [innerHTML]="previewHTML"></div>
      </ng-template>
    </ng-container>

    <my-button
      *ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()"
    ></my-button>

    <my-button
      *ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()"
    ></my-button>
  </div>

  <div [ngbNavOutlet]="nav"></div>
</div>