Client: responsive design

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / requests / request-stats / request-stats.component.html

<h3>Requests stats</h3>

<div *ngFor="let requestSchedulerName of statsTitles | keys" class="col-lg-4 col-md-12">
  <div class="panel panel-default" *ngIf="stats[requestSchedulerName] !== null">
    <div class="panel-heading">{{ statsTitles[requestSchedulerName] }}</div>

    <div class="panel-body">
      <div class="requests-general">
        <div>
          <span class="label-description">Remaining requests:</span>
          {{ stats[requestSchedulerName].totalRequests }}
        </div>

        <div>
          <span class="label-description">Interval seconds between requests:</span>
          {{ stats[requestSchedulerName].secondsInterval }}
        </div>

        <div>
          <span class="label-description">Remaining time before the scheduled request:</span>
          {{ stats[requestSchedulerName].remainingSeconds }}
        </div>
      </div>

      <div class="requests-limit">
        <div>
          <span class="label-description">Maximum number of different pods for a scheduled request:</span>
          {{ stats[requestSchedulerName].requestsLimitPods }}
        </div>

        <div>
          <span class="label-description">Maximum number of requests per pod for a scheduled request:</span>
          {{ stats[requestSchedulerName].requestsLimitPerPod }}
        </div>
      </div>
    </div>
  </div>
</div>