Packages

exq_ui

0.19.0
0.19.0 0.18.0 0.17.0 0.16.0 0.15.0 0.14.0 0.13.0 0.12.3 0.12.2 0.12.1 0.12.0 0.11.1 0.11.0 0.10.0 0.9.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.0 0.5.0 0.1.0

Exq UI is the UI component for Exq, a job processing library. Exq UI provides the UI dashboard to display stats on job processing.

HexDocs

Current section

Files

Jump to
Readme
30 Versions
9 Dependencies
0 Dependants
Files
Activity
exq_ui lib exq_ui_web live components stats_component.html.heex
Raw

lib/exq_ui_web/live/components/stats_component.html.heex 

<div id="stats" class="row mt-4 mb-4 align-items-center">

  <div class="col-16">

    <div class="d-flex justify-content-evenly border rounded">

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.processed}</h5>

          <p class="card-text text-muted">Processed</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.failed}</h5>

          <p class="card-text text-muted">Failed</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.enqueued}</h5>

          <p class="card-text text-muted">Enqueued</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.busy}</h5>

          <p class="card-text text-muted">Busy</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.retries}</h5>

          <p class="card-text text-muted">Retries</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.scheduled}</h5>

          <p class="card-text text-muted">Scheduled</p>

        </div>

      </div>

      <div class="card border-white">

        <div class="card-body text-center">

          <h5 class="card-title">{@stats.dead}</h5>

          <p class="card-text text-muted">Dead</p>

        </div>

      </div>

    </div>

  </div>

</div>