<div class="operation" *ngIf="operation">
  <div class="operation-content">
    <h2 class="operation-header sharable-header" [class.deprecated]="operation.deprecated">
        <a class="share-link" href="#{{operation.anchor}}"></a>{{operation.summary}}
    </h2>
    <endpoint-link *ngIf="pathInMiddlePanel"
      [verb]="operation.verb" [path]="operation.path"> </endpoint-link>
    <div class="operation-tags" *ngIf="operation.info.tags.length">
        <a *ngFor="let tag of operation.info.tags" attr.href="#tag/{{tag}}"> {{tag}} </a>
    </div>
    <p *ngIf="operation.info.description" class="operation-description"
    [innerHtml]="operation.info.description | marked">
    </p>
    <redoc-externalDocs [docs]="operation.externalDocs"></redoc-externalDocs>
    <params-list pointer="{{pointer}}/parameters"> </params-list>
    <responses-list pointer="{{pointer}}/responses"> </responses-list>
  </div>
  <div class="operation-samples">

    <endpoint-link *ngIf="!pathInMiddlePanel"
      [verb]="operation.verb" [path]="operation.path"> </endpoint-link>

    <div>
        <request-samples [pointer]="pointer" [schemaPointer]="operation.bodyParam?._pointer">
        </request-samples>
    </div>
    <div>
        <br>
        <responses-samples pointer="{{pointer}}/responses"> </responses-samples>
    </div>
  </div>
</div>
