<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Monitoring Errors Page</title>

    <link href="gadget_monitoring_custom.css" rel="stylesheet" type="text/css"/>

    <script src="rsvp.js"></script>
    <script src="renderjs.js"></script>

    <script id="template-error-list" type="text/x-handlebars-template">
      {{#each error_list}}
      <tr class="tooltip" title="<h2 class='ui-promise-title '><strong>{{title}}</strong><h2><br/><p><strong>On {{date}}:<br/></strong>{{message}}</p>">
        <td>
          <span class="label label-{{type}}">{{type}}</span>
        </td>
        <td class="title">
          <span>{{title}}</span>
        </td>
        <td class="m-hidden">
          <span>{{date}}</span>
        </td>
        <td class="m-hidden">
          <span>{{method}}</span>
        </td>
      </tr>
      {{/each}}
    </script>

    <script src="gadget_monitoring_message_log.js"></script>
    <script src="gadget_monitoring_tooltipster.min.js" type="text/javascript"></script>

  </head>

  <body>
    <div data-gadget-url="gadget_monitoring_log_widget.html" data-gadget-scope="log_gadget" data-gadget-sandbox="public"></div>
    <div class="ui-panel-overview error-list" style="min-height: 450px;">
      <div class="overview-header">
        <div class='content-title ui-instance-title'>
          <div class="overview-title">
            <i class="fa fa-newspaper-o" aria-hidden="true"></i> <span>Monitoring Messages and Errors</span>
          </div>
          <div class="commands">
            <a href="#"><i class="fa fa-refresh" aria-hidden="true"></i></a>
          </div>
        </div>
      </div>
      <div class="overview-content">
        <div class="logbox">
          <table>
            <tbody></tbody>
          </table>
        </div>

      </div>
    </div>
  </body>
</html>
