{% extends "base_general_charts.html" %}

{% block page_title %}{{ system|upper }} - SYSTEM TOTALS - InfiniMetrics{% endblock %}

{% block top_menu_items %}
    <li><a href="{{ monitored_entity.get_gui_url }}" target="_blank">Open in System GUI</a></li>
    <li><a href="{% url "monitored-entity-list" system.serial %}?id=in:{{ monitored_entity.id }},{{ nas_entity.id }}" target="_blank">View in API Browser</a></li>
    <li><a href="#" onclick="export_data({{ monitored_entity.id }}, '{{ system.name }} SAN totals'); return false;">Export SAN Data</a></li>
    <li><a href="#" onclick="export_data({{ nas_entity.id }}, '{{ system.name }} NAS totals'); return false;">Export NAS Data</a></li>
{% endblock %}

{% block breadcrumbs %}
    <span>
        System totals
    </span>
{% endblock %}

{% block content %}
    {{ block.super }}

    <style>
        {# hide "experimental" badge on small screens #}
        @media (max-width: 1150px) {
            .experimental {
                display: none;
            }
        }
    </style>

    <script>

        // Override chart height
        ChartView.prototype.calcHeight = function() {
            return 182;
        }

        $(document).ready(function() {

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

            // SAN charts
            var 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 }}
            });
            {% if san_io_entity %}
                var san_io_model = new ChartData({}, {
                    url: '{% url "entity_data" serial san_io_entity.id "io" %}',
                    chart_start: chart_start,
                    chart_end: chart_end,
                    polling_interval: {{ monitored_entity.polling_interval }}
                });
            {% endif %}
            var left_charts = {% include "io_charts.js" %}

            // Prepend "SAN" to titles
            _.each(left_charts, function(chart) {
                if (chart.options.chart_options.title.indexOf('chart-switcher') == -1) {
                    chart.options.chart_options.title = 'SAN ' + chart.options.chart_options.title;
                }
            });

            // NAS charts
            var nas_model = new ChartData({}, {
                url: '{% url "entity_data" serial nas_entity.id "nas" %}',
                chart_start: chart_start,
                chart_end: chart_end,
                polling_interval: {{ nas_entity.polling_interval }}
            });
            right_charts = {% include "nas_charts.js" %}

            MainApp.start({
                left_charts: left_charts,
                right_charts: right_charts,
                left_name_prefix: 'SAN ',
                right_name_prefix: 'NAS ',
                id: 'system-io-{{ serial }}'
            });

            // SAN_LATENCY is always chart 2 in io_charts.js
            // SAN_INTERNAL_VS_TOTAL_LATENCY is always chart 3 in io_charts.js
            set_chart_switcher([left_charts[2]], [left_charts[3]]);
        });
    </script>
{% endblock %}