jacobemerick/pqp

<div class="pQp">
  <div id="pQp" class="container">
    <div class="content">
      <ul class="header">
        <li>
          <a href="javascript:void(0);" id="tab-console">
            <h3 class="metric console"><?php echo $header['console'] ?></h3>
            <h4 class="description">Console</h4>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" id="tab-speed">
            <h3 class="metric speed"><?php echo $header['speed'] ?></h3>
            <h4 class="description">Load Time</h4>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" id="tab-queries">
            <h3 class="metric queries"><?php echo $header['query'] ?> Queries</h3>
            <h4 class="description">Database</h4>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" id="tab-memory">
            <h3 class="metric memory"><?php echo $header['memory'] ?></h3>
            <h4 class="description">Memory Used</h4>
          </a>
        </li>
        <li>
          <a href="javascript:void(0);" id="tab-files">
            <h3 class="metric files"><?php echo $header['files'] ?> Files</h3>
            <h4 class="description">Included</h4>
          </a>
        </li>
      </ul>

      <div id="content-console" class="pqp-box">
      <?php if (empty($console['messages'])) : ?>
        <p class="no-logs">This panel has no log items.</p>
      <?php else : ?>
        <ul class="meta box">
          <li class="console-background">
            <h5 class="metric" class="metric"><?php echo $console['meta']['log'] ?></h5>
            <h6 class="description" class="description">Logs</h6>
          </li>
          <li class="files-background">
            <h5 class="metric" class="metric"><?php echo $console['meta']['error'] ?></h5>
            <h6 class="description" class="description">Errors</h6>
          </li>
          <li class="memory-background">
            <h5 class="metric" class="metric"><?php echo $console['meta']['memory'] ?></h5>
            <h6 class="description" class="description">Memory</h6>
          </li>
          <li class="speed-background">
            <h5 class="metric" class="metric"><?php echo $console['meta']['speed'] ?></h5>
            <h6 class="description" class="description">Speed</h6>
          </li>
        </ul>
        <ul class="messages">
        <?php foreach ($console['messages'] as $message) : ?>
          <li class="labeled">
            <span class="type <?php echo $message['type'] ?>">
              <span class="inner"><?php echo $message['type'] ?></span>
            </span>
            <span class="message"><?php echo $message['message'] ?></span>
            <?php if ($message['data']) : ?>
            <span class="data"><?php echo $message['data'] ?></span>
            <?php endif ?>
          </li>
        <?php endforeach ?>
        </ul>
      <?php endif ?>
      </div>

      <div id="content-speed" class="pqp-box">
      <?php if (empty($speed['messages'])) : ?>
        <p class="no-logs">This panel has no log items.</p>
      <?php else: ?>
        <ul class="meta">
          <li class="speed-background">
            <h5 class="metric"><?php echo $speed['meta']['elapsed'] ?></h5>
            <h6 class="description">Load Time</h6>
          </li>
          <li class="speed-alt-background">
            <h5 class="metric"><?php echo $speed['meta']['allowed'] ?></h5>
            <h6 class="description">Max Execution Time</h6>
          </li>
        </ul>
        <ul class="messages">
        <?php foreach ($speed['messages'] as $message) : ?>
          <li>
            <span class="message"><?php echo $message['message'] ?></span>
            <span class="data"><?php echo $message['data'] ?></span>
          </li>
        <?php endforeach ?>
        </ul>
      <?php endif ?>
      </div>

      <div id="content-queries" class="pqp-box">
      <?php if (empty($query['messages'])) : ?>
        <p class="no-logs">This panel has no log items.</p>
      <?php else : ?>
        <ul class="meta">
          <li class="queries-background">
            <h5 class="metric"><?php echo $query['meta']['count'] ?></h5>
            <h6 class="description">Total Queries</h6>
          </li>
          <li class="queries-alt-background">
            <h5 class="metric"><?php echo $query['meta']['time'] ?></h5>
            <h6 class="description">Total Time</h6>
          </li>
          <li class="queries-background">
            <h5 class="metric"><?php echo $query['meta']['slowest'] ?></h5>
            <h6 class="description">Slowest Query</h6>
          </li>
        </ul>
        <ul class="messages">
        <?php foreach ($query['messages'] as $message) : ?>
          <li>
            <span class="message"><?php echo $message['message'] ?></span>
            <span class="data"><?php echo $message['data'] ?></span>
            <dl class="sub-data">
            <?php foreach ($message['sub_data'] as $key => $value) : ?>
              <dt><?php echo $key ?></dt>
              <dd><?php echo $value ?></dd>
            <?php endforeach ?>
            </dl>
          </li>
        <?php endforeach ?>
        </ul>
      <?php endif ?>
      </div>

      <div id="content-memory" class="pqp-box">
      <?php if (empty($memory['messages'])) : ?>
        <p class="no-logs">This panel has no log items.</p>
      <?php else : ?>
        <ul class="meta">
          <li class="memory-background">
            <h5 class="metric"><?php echo $memory['meta']['used'] ?></h5>
            <h6 class="description">Used Memory</h6>
          </li>
          <li class="memory-alt-background">
            <h5 class="metric"><?php echo $memory['meta']['allowed'] ?></h5>
            <h6 class="description">Total Available</h6>
          </li>
        </ul>
        <ul class="messages">
        <?php foreach ($memory['messages'] as $message) : ?>
          <li>
            <span class="message"><?php echo $message['message'] ?></span>
            <span class="data"><?php echo $message['data'] ?></span>
          </li>
        <?php endforeach ?>
        </ul>
      <?php endif ?>
      </div>

      <div id="content-files" class="pqp-box">
      <?php if (empty($files['messages'])) : ?>
        <p class="no-logs">This panel has no log items.</p>
      <?php else: ?>
        <ul class="meta">
          <li class="files-background">
            <h5 class="metric"><?php echo $files['meta']['count'] ?></h5>
            <h6 class="description">Total Files</h6>
          </li>
          <li class="files-alt-background">
            <h5 class="metric"><?php echo $files['meta']['size'] ?></h5>
            <h6 class="description">Total Size</h6>
          </li>
          <li class="files-background">
            <h5 class="metric"><?php echo $files['meta']['largest'] ?></h5>
            <h6 class="description">Largest</h6>
          </li>
        </ul>
        <ul class="messages">
        <?php foreach ($files['messages'] as $message) : ?>
          <li>
            <span class="message"><?php echo $message['message'] ?></span>
            <span class="data"><?php echo $message['data'] ?></span>
          </li>
        <?php endforeach ?>
        </ul>
      <?php endif ?>
      </div>

      <div class="footer">
        <h2 class="credit">
          <a href="http://particletree.com" target="_blank">
            <span class="php">PHP</span>
            <span class="console">Q</span>
            <span class="speed">u</span>
            <span class="queries">i</span>
            <span class="memory">c</span>
            <span class="files">k</span>
            <span class="profiler">Profiler</span>
          </a>
        </h2>
        <ul class="actions">
          <li><a href="javascript:void(0);" id="toggle-height">Height</a></li>
          <li><a href="javascript:void(0);" id="toggle-details">Details</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
<?php echo $script ?>
</script>

<style type="text/css">
<?php echo $styles ?>
</style>