{% extends "report/base_instrument.html" %}

{% block title %}{{ instrument }} Error Report {% endblock %}
{% block header %}
<script language="javascript" type="text/javascript" src="/static/live_update.js"></script>
<script language="javascript" type="text/javascript" src="/static/bar_chart.js"></script>
<link rel="stylesheet" media="all" href="/static/bar_chart.css" />
<link rel="stylesheet" media="all" href="/static/thirdparty/dynatable/jquery.dynatable.css" />
<script type='text/javascript' src='/static/thirdparty/dynatable/jquery.dynatable.js'></script>

<script>
    var records = {% autoescape off %}{{ error_list }}{% endautoescape %};
    var dynatable = null;
    var last_error_id = {{ last_error_id }};
    var run_data = {{ run_rate|safe }};
    var error_data = {{ error_rate|safe }};

    $(document).ready( function() {
        $('#error_table').dynatable({ dataset: { records: records,
                                    perPageOptions: [25, 50, 100],
                                    perPageDefault: 25 },
                                    features: { pushState: false }
        });
        dynatable = $('#error_table').data('dynatable');
        dynatable.sorts.add('timestamp', -1)
        dynatable.process();
      });

    function poll(){
        $.ajax({ url: "{{ update_url }}?since="+last_error_id, success: function(data) {
            if (data.refresh_needed.localeCompare('1')==0) {
                for (var i=0;i<data.errors.length;i++) {
                    records.push({'experiment': "<a href='{{ base_ipts_url }}"+data.errors[i].ipts+"/'>"+data.errors[i].ipts+"</a>",
                        'run': "<a href='{{ base_run_url }}"+data.errors[i].run+"/'>"+data.errors[i].run+"</a>",
                        'info':data.errors[i].description,
                        'created_on': data.errors[i].created_on,
                        'timestamp': data.errors[i].timestamp
                        });
                }
                last_error_id = data.last_error_id;
            }
            dynatable.settings.dataset.originalRecords = records;
            dynatable.process();

            $('#info_last_run').replaceWith("<span id='info_last_run'><a href='{{ base_run_url }}"+data.last_run+"/'>"+data.last_run+"</a></span>");
            $('#info_last_expt').replaceWith("<span id='info_last_expt'><a href='{{ base_ipts_url }}"+data.last_expt+"/'>"+data.last_expt+"</a></span>");
            $('#info_run_time').replaceWith("<span id='info_run_time'>"+data.last_run_time+"</span>");

            run_data = data.run_rate;
            error_data = data.error_rate;
            plot_combined_rates(run_data, error_data);
        }, dataType: "json", timeout: 30000, cache: true,
        statusCode: { 401: function() { new_alert("Your session expired. Please log in again"); show_alert(); }}});
    };
</script>
{% endblock %}

{% block banner %}{{ instrument }} Error Report {% endblock %}

{% block bodytop %}
<script id="source" language="javascript" type="text/javascript">
    setInterval(poll, 10000);
</script>
{% endblock %}

{% block content %}
List of {{ instrument }} errors in the last {{ time_period }} days {% if instrument_url %}(view <a href='{{ instrument_url }}'>experiments</a>){% endif %}<br><br>
<table class="message_table fixed_table" id="error_table">
  <thead>
    <tr>
      <th data-dynatable-column="experiment" style="width: 70px; min-width: 70px;">Experiment</th>
      <th data-dynatable-column="run" style="width: 50px; min-width: 50px;">Run</th>
      <th data-dynatable-column="info">Error</th>
      <th data-dynatable-column="created_on" data-dynatable-sorts="timestamp" style="width: 90px; min-width: 90px;">Time</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<br>
<script id="source" language="javascript" type="text/javascript">
	plot_combined_rates(run_data, error_data);
</script>
{% endblock %}