{% extends "templates/base.html" %}

{% import "macros/plot_grid.html" as plot_macros %}
{% import "macros/extra_js.html" as add_js_macros %}
{% import "macros/extra_css.html" as add_css_macros %}

{% block title %}
QP: {{ array_element }} {{ subitem }}
{% endblock %}

{% block extra_css %}
{{ add_css_macros.add_css(plot_css) }}
{% endblock %}

{% block content %}
{{ plot_macros.plot_grid(array_element, subitem, active_subitem, layout.rows, layout.cols, plot_titles,
layout.max_per_row, plot_errors, plot_keys) }}
{% endblock %}

{% block extra_js %}
<script type="application/json" id="page-plot-config">
{{ plot_configurations | tojson }}
</script>
<script>
	window.PLOT_CONFIGURATIONS = JSON.parse(document.getElementById('page-plot-config').textContent);
</script>
{{ add_js_macros.add_js(plot_js) }}
{% endblock %}