{% extends "crashstats_base.html" %}


{% block page_title %}Crontabber State{% endblock %}


{% block site_css %}
  {{ super() }}

  {% compress css %}
  <link rel="stylesheet" type="text/css" href="{{ static('crashstats/css/lib/jquery-ui.css') }}" media="screen" />
  <link rel="stylesheet" type="text/css" href="{{ static('crashstats/css/lib/jquery-ui.structure.css') }}" media="screen" />
  <link rel="stylesheet" type="text/css" href="{{ static('crashstats/css/lib/jquery-ui.theme.css') }}" media="screen" />
  {% endcompress %}

  {% compress css %}
  <link media="screen" href="{{ static('crashstats/css/crontabber_state.css') }}" type="text/css" rel="stylesheet">
  {% endcompress %}
{% endblock %}


{% block content %}
<div id="mainbody">
    <div class="page-heading">
        <h2>Crontabber State</h2>
    </div>

    <div class="panel">
        <div id="crontabber-chart" class="body">
        </div>
    </div>

    <div class="panel ongoing">
        <div class="title">
            Ongoing jobs right now
        </div>
        <div id="ongoing-table" class="body">
        </div>
    </div>

    <div class="panel">
        <div class="title">
            Job Specifics
        </div>
        <div id="crontabber-table" class="body">
        </div>
    </div>

</div>
{% endblock %}

{% block site_js %}
  {{ super() }}
  <script src="{{ static('crashstats/js/jquery/plugins/jquery.tablesorter.js') }}"></script>
  <script src="{{ static('crashstats/js/moment.min.js') }}"></script>
  <script src="{{ static('crashstats/js/underscore-min.js') }}"></script>
  <script src="{{ static('crashstats/js/lib/d3.min.js') }}"></script>
  {% compress js %}
  <script src="{{ static('crashstats/js/lib/sankey.js') }}"></script>
  <script src="{{ static('crashstats/js/socorro/crontabber_state.js') }}"></script>
  {% endcompress %}
{% endblock %}