<div id="meminfo_container"></div>
<script id="meminfo-template" type="text/x-handlebars-template">
<ul class="list-group">
      <li class="list-group-item">
        <div class="row">
          <div class="col-md-6">
            Total :
          </div>
          <div class="col-md-6">
            {{#if MEMINFO}}
              <span class="label label-info font-12">
                {{ bytes_converter MEMINFO.TOTAL }}
              </span>
            {{/if}}
          </div>
        </div>
      </li>
      <li class="list-group-item">
        <div class="row">
          <div class="col-md-6">
            Free :
          </div>
          <div class="col-md-6">
            {{#if MEMINFO}}
              <span class="label label-success font-12">
                {{ bytes_converter MEMINFO.FREE }}
              </span>
            {{/if}}
          </div>
        </div>
      </li>
      <li class="list-group-item hide">
        <div class="row">
          <div class="col-md-6">
            Buffers :
          </div>
          <div class="col-md-6">
            {{#if MEMINFO}}
              <span class="label label-warning font-12">
                {{ bytes_converter MEMINFO.BUFFERS }}
              </span>
            {{/if}}
          </div>
        </div>
      </li>
      <li class="list-group-item hide">
        <div class="row">
          <div class="col-md-6">
            Cached :
          </div>
          <div class="col-md-6">
            {{#if MEMINFO}}
              <span class="label label-success font-12">
                {{ bytes_converter MEMINFO.CACHED }}
              </span>
            {{/if}}
          </div>
        </div>
      </li>
    </ul>
</script>
