<h5 class="param-list-header" *ngIf="params.length"> Parameters </h5>
<template ngFor [ngForOf]="params" let-paramType="$implicit">
  <header class="paramType">
    {{paramType.place}} Parameters
    <span class="hint--top-right hint--large" [attr.data-hint]="paramType.placeHint">?</span>
  </header>
  <br>
  <div class="params-wrap">
    <div *ngFor="let param of paramType.params" class="param">
        <div class="param-name">
          <span class="param-name-wrap"> {{param.name}} </span>
        </div>
        <div class="param-info">
          <div>
            <span class="param-type {{param.type}}" [ngClass]="{'with-hint': param._displayTypeHint}"
            title="{{param._displayTypeHint}}"> {{param._displayType}} {{param._displayFormat}}</span>
            <span class="param-range" *ngIf="param._range"> {{param._range}} </span>
            <span *ngIf="param.required" class="param-required">Required</span>
            <div class="param-default" *ngIf="param.default != null">
              <span class="param-default-value">{{param.default | json}}</span>
            </div>
            <div *ngIf="param.enum" class="param-enum">
              <span *ngFor="let enumItem of param.enum" class="param-enum-value {{enumItem.type}}"> {{enumItem.val | json}} </span>
            </div>
            <span *ngIf="param.pattern" class="param-pattern">{{param.pattern}}</span>
          </div>
          <div class="param-description" [innerHtml]="param.description | marked"></div>
        </div>
    </div>
  </div>
</template>

<div *ngIf="bodyParam">
  <h5 class="param-list-header" *ngIf="bodyParam"> Request Body </h5>

  <div class="body-param-description" [innerHtml]="bodyParam.description | marked"></div>
  <div>
    <br>
    <json-schema-lazy [isRequestSchema]="true" [auto]="true" pointer="{{bodyParam._pointer}}/schema">
    </json-schema-lazy>
  </div>
</div>
