pipeline-builder-demo/src/app/right-editor/code-editor/code-editor.component.html

Pipeline Builder

<div id="wdl-editor" class="wdl-editor">
  <!--<div id="wdl-resizer" class="wdl-resizer noselect">-->
    <!--<div class="resizer-stick"></div>-->
    <!--<div class="resizer-stick"></div>-->
    <!--<div class="resizer-stick"></div>-->
  <!--</div>-->
  <div class="wdl-title noselect">
    <div class="title-right-block noselect">
      <button class="button-wdl" ngxClipboard [cbContent]="codeText">
        <i class="fa fa-files-o" aria-hidden="true"></i><span class="action-wdl">clipboard</span>
      </button>
      <button class="button-wdl" (click)="downloadWdlFile()">
        <i class="fa fa-download" aria-hidden="true"></i><span class="action-wdl">download</span>
      </button>
      <button class="button-wdl" (click)="callApi()">
        <i class="fa fa-play" aria-hidden="true"></i><span class="action-wdl">build</span>
      </button>

    </div>
    <pb-error-panel *ngIf="wasRunned" [errors]="errors"></pb-error-panel>
  </div>

  <div class="textarea-wrapper">
    <codemirror id="wdl" [config]="editorCodeOptions" class="code-src" [(ngModel)]="codeText"></codemirror>
  </div>
</div>