NKC/NKC_WF/WebUserControls/cmp_MU_stats.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="cmp_MU_stats.ascx.cs" Inherits="NKC_WF.WebUserControls.cmp_MU_stats" %>


<div class="row mt-2">
  <div class="col-2">
    <div class="card text-center mb-2" style="width: 100%;">
      <h5 class="card-header py-1 bg-primary text-light">BINS</h5>
      <div class="card-body py-1">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th scope="col">WAIT</th>
              <th scope="col">WIP</th>
              <th scope="col">DONE</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-danger">12</td>
              <td class="text-warning">3</td>
              <td class="text-success">5</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-2">
    <div class="card text-center mb-2" style="width: 100%;">
      <h5 class="card-header py-1 bg-warning">SHEET SH00000123</h5>
      <div class="card-body py-1">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th scope="col">DONE</th>
              <th scope="col">TOT</th>
              <th scope="col">RATIO</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-success">5</td>
              <td class="text-warning">25</td>
              <td class="text-success">20%</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-1">
  </div>
  <div class="col-2">
    <div class="card text-center mb-2" style="width: 100%;">
      <h5 class="card-header py-1 bg-secondary text-light">BUNK ST00000A2</h5>
      <div class="card-body py-1">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th scope="col">DONE</th>
              <th scope="col">TOT</th>
              <th scope="col">RATIO</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-success">3</td>
              <td class="text-warning">12</td>
              <td class="text-success">25%</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-1">
  </div>
  <div class="col-2">
    <div class="card text-center mb-2" style="width: 100%;">
      <h5 class="card-header py-1 bg-info">SHIFT B20190916.0</h5>
      <div class="card-body py-1">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th scope="col">DONE</th>
              <th scope="col">TOT</th>
              <th scope="col">RATIO</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-success">2</td>
              <td class="text-warning">5</td>
              <td class="text-success">40%</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-2">
    <div class="card text-center mb-2" style="width: 100%;">
      <h5 class="card-header py-1 bg-success">CARTS</h5>
      <div class="card-body py-1">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th scope="col">WAIT</th>
              <th scope="col">WIP</th>
              <th scope="col">DONE</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-danger">24</td>
              <td class="text-warning">2</td>
              <td class="text-success">6</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>