api-debug.component.html 1.22 KiB
<div class="total" *ngIf="totalCount">{{ totalCount }}</div>
<div class="new" *ngIf="unseenCount">{{ unseenCount }}</div>
<div class="request" *ngFor="let request of all" (mouseover)="seen(request)">
  <div class="open">
    <a
      *ngIf="request.response?.tokenLink as tokenLink"
      href="{{ tokenLink }}"
      target="_debug"
      <i class="fa fa-search"></i>
    </a>
  </div>
  <div class="profiler">
      *ngIf="request.method == 'GET'"
      href="{{ request.url }}"
      target="_request"
      <i class="fa fa-external-link-alt"></i>
    </a>
  </div>
  <div [ngSwitch]="request.status" class="status {{ request.status }}">
      *ngSwitchCase="'pending'"
      class="fa fa-spinner fa-pulse"
      pTooltip="Pending"
    ></i>
    <i *ngSwitchCase="'cancelled'" class="fa fa-times" pTooltip="Cancelled"></i>
    <span
      *ngSwitchDefault
      pTooltip="{{ request.response.status }} {{ request.response.statusText }}"
      {{ request.response.status }}
    </span>
  </div>
  <div class="method">{{ request.method }}</div>
  <div class="unseen">
    <i *ngIf="isUnseen(request)" class="fa fa-asterisk"></i>
  </div>
  <div class="url" title="{{ request.url }}">{{ request.url }}</div>
</div>