{% extends "base_charts.html" %}

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

{% block extra_menu_items %}
    {% if replicas %}
        <li><a href="#" onclick="export_data([{% for replica in replicas %}{{ replica.id }}{% if not forloop.last %}, {% endif %}{% endfor %}], '{{monitored_entity.name}} Replication Data'); return false;">Export Replication Data</a></li>
    {% endif %}
{% 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() {
                            {% if item.ajax %}
                                $.ajax({
                                    url: "{{ item.url }}",
                                    dataType: "text"
                                })
                                    .done(function( data ) {
                                        window.location.href = data;
                                    })
                                    .fail(function( jqXHR) {
                                        show_error(jqXHR.responseText);
                                    });
                            {% else %}
                                window.location.href = '{{ item.url }}';
                            {% endif %}
                        }
                    },
                {% endfor %}
            };
        }

        $(document).ready(function() {
            let cache_funcs = {% include "cache_funcs.js" %}

            let io_model = new ChartData({}, {
                url: '{% url "entity_data" serial monitored_entity_id "io" %}',
                chart_start: chart_start,
                chart_end: chart_end,
                polling_interval: {{ monitored_entity.polling_interval }}
            });

            var annotations = new AnnotationFormatter({
                collection: new ChartAnnotations([], {url: '{% url "annotations" serial %}?monitored_entity_id={{ monitored_entity_id }}'})
            });
            var charts = {% include "io_charts.js" %};

            // SAN Cache charts
            let san_cache_hit_ratio_chart = cache_funcs.getSummedCacheChart(io_model, 'READ CACHE HIT RATIO', 17, 18)
            charts.push(san_cache_hit_ratio_chart);
            {% if system.is_internal_user %}
                let san_detailed_hit_ratio_chart = cache_funcs.getStackedCacheChart(io_model, 'READ CACHE HIT RATIO BREAKDOWN', 17, 18);
                charts.push(san_detailed_hit_ratio_chart)
            {% endif %}

            MainApp.start({charts: charts});

        });
    </script>
{% endblock %}

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