{{template "header.tpl" .}}
{{template "server/navbar.tpl" .}}
{{template "server/sidebar.tpl" .}}

<div class="main">

  <div class="container" style="padding: 1rem; float: left">
    <div class="row">
      <div class="col-10">
        <h3>BG Writer & Checkpointer</h3>
        <table class="table table-bordered table-hover" style="padding-top: 1rem">
          <tbody>
            <tr> <th scope="row" width="30%">Checkpoint Rate</th><td id="id-cr" class="tt"></td> </tr>
            <tr> <th scope="row">Average Write Size (checkpointer)</th><td id="id-aws" class="tt"></td> </tr>
            <tr> <th scope="row">Total Checkpoints</th>
              <td>
                <div class="d-flex justify-content-between">
                  <div class="tt"><span id="id-tc"></span> <a href="#chart-cps"><i class="fas fa-chart-line"></i></a></div>
                  <div class="progress" style="width: 161px">
                    <div id="id-tcp" class="progress-bar pbpct" role="progressbar"></div>
                  </div>
                </div>
              </td>
            </tr>
            <tr> <th scope="row">Total Write</th><td id="id-tw" class="tt"></td> </tr>
            <tr> <th scope="row">Buffers Allocated (bgwriter)</th><td id="id-ba" class="tt"></td> </tr>
            <tr> <th scope="row">Buffers Written</th>
              <td id="id-bw" class="tt">
                <a href="#chart-bgw"><i class="fas fa-chart-line"></i></a>
              </td>
            </tr>
            <tr> <th scope="row">Cleaning Scans Stopped</th><td class="tt"><span id="id-css"></span> <a href="#chart-cleanscanstop"><i class="fas fa-chart-line"></i></a></td></tr>
            <tr id="id-bif-tr"> <th scope="row">Backend Initiated <code>fsync</code>s</th><td class="tt"><span id="id-bif"></span></td></tr>
            <tr id="id-cs-tr"> <th scope="row">Counts Since</th><td id="id-cs" class="tt"></td> </tr>
            <tr id="id-csbg-tr" style="display: none"> <th scope="row">Counts Since (bgwriter)</th><td id="id-csbg" class="tt"></td> </tr>
            <tr id="id-cscp-tr" style="display: none"> <th scope="row">Counts Since (checkpointer)</th><td id="id-cscp" class="tt"></td> </tr>
          </tbody>
        </table>
      </div>
    </div>

    <div id="id-bgwg" class="row" style="padding-top: 1rem">
      <div class="col-sm-12">
        <div class="d-flex flex-wrap align-items-start align-content-start">
          <div id="idc-cps" class="gcard gcard-1"></div><a class="ca" id="chart-cps"></a>
          <div id="idc-bgw" class="gcard gcard-1"></div><a class="ca" id="chart-bgw"></a>
          <div id="idc-cleanscanstop" class="gcard gcard-1"></div><a class="ca" id="chart-cleanscanstop"></a>
        </div>
      </div>
    </div>

    <div class="row" style="padding-top: 2rem">
      <div class="col-12">
        <h4>Related Settings</h4>
        <table class="table table-bordered table-hover" style="width: auto; padding-top: 1rem">
          <thead>
            <tr>
              <th>Setting</th>
              <th>Current Value</th>
              <th>Default Value</th>
              <th>Defined At</th>
            </tr>
          </thead>
          <tbody id="id-s">
          </tbody>
        </table>
      </div>
    </div>

  </div>

</div>

{{template "server/delete-modal.tpl" .}}
{{template "server/sharing-modal.tpl" .}}

{{template "footer-pre.tpl" .}}
<script type="text/javascript">
  var gModel={{.Model}}, gName={{.Name}}, gSlug={{.Slug}};
</script>
<script src="{{asset "linegraph.min.js"}}" type="text/javascript"></script>
<script src="{{asset "server-common.min.js"}}" type="text/javascript"></script>
<script src="{{asset "server-bgw.min.js"}}" type="text/javascript"></script>
{{template "footer-post.tpl" .}}