{% extends "base_charts.html" %}

{% block group_url %}../..{% endblock %}

{% block content %}
    {{ block.super }}
    <script>
        function build_dynamic_context_menu_items(chart_id) {
            return {
                {% for item in dynamic_context_menu_items %}
                    dynamic_{{ forloop.counter }}: {
                        name: '{{ item.name }}',
                        callback: function() {
                            window.location.href = '{{ item.url }}';
                        }
                    },
                {% endfor %}
            };
        }

        $(document).ready(function() {
            // Annotations
            var annotations = new AnnotationFormatter({
                collection: new ChartAnnotations([], {url: '{% url "annotations" serial %}?monitored_entity_id={{ monitored_entity_id }}'})
            });

            var s3_model = new ChartData({}, {
                url: '{% url "entity_data" serial monitored_entity_id "s3_bucket" %}',
                chart_start: chart_start,
                chart_end: chart_end
            });

            var charts = {% include "s3_charts.js" %};
            MainApp.start({charts: charts});

            // FIRST BYTE LATENCY and TOTAL REQUEST DURATION
            set_chart_switcher([charts[2]], [charts[3]]);
        });
    </script>
{% endblock %}

{% block nav_dropdown %}
    {% include "entity_autocomplete.html" %}
{% endblock %}