{% extends "base_general_charts.html" %}

{% block content %}
    {{ block.super }}
    <script>
        $(document).ready(function() {
            var labels = ['timestamp', 'Node 1', 'Node 2', 'Node 3'];
            var annotations = new AnnotationFormatter({
                collection: new ChartAnnotations([], {url: '{% url "annotations" serial %}?monitored_entity_id={{ monitored_entity_id }}'})
            });
            var destage_model = new ChartData({}, {
                url: '{% url "entity_data" serial monitored_entity_id "destage" %}',
                chart_start: chart_start,
                chart_end: chart_end,
                polling_interval: {{ monitored_entity.polling_interval }}
            });
            var charts = [
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 1, 4, 7]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_1',
                    help_text: 'Taken from destage_stats.tot_sections_destaged',
                    chart_type: 'stacked',
                    chart_options: {
                        title: 'DESTAGED SECTIONS',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 10, 13, 16]}),
                    annotations: annotations,
                    help_text: 'Taken from destage_stats.tot_sections_vu_defrag_collected',
                    chart_options: {
                        title: 'VU DEFRAG COLLECTED SECTIONS',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 2, 5, 8]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_3',
                    help_text: 'Taken from destage_stats.tot_sections_garb_collected',
                    chart_options: {
                        title: 'VD DEFRAG COLLECTED SECTIONS',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 11, 14, 17]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_2',
                    help_text: 'Taken from destage_stats.defrag_vu_level',
                    chart_options: {
                        title: 'VU DEFRAG LEVEL',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 3, 6, 9]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_4',
                    help_text: 'Taken from destage_stats.defrag_vd_level',
                    chart_options: {
                        title: 'VD DEFRAG LEVEL',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 22, 23, 24]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_5',
                    help_text: 'Taken from destage_stats.defrag_vd_level_exist_algo.\nAvailable only for v7.2+',
                    chart_options: {
                        title: 'VD DEFRAG LEVEL ALGORITHM EXIST',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 25, 26, 27]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_6',
                    help_text: 'Taken from destage_stats.defrag_vd_level_load_algo.\nAvailable only for v7.2+',
                    chart_options: {
                        title: 'VD DEFRAG LEVEL ALGORITHM LOAD',
                        labels: labels
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 31]}),
                    annotations: annotations,
                    help_text: 'Taken from vd_space_stats.allocated_size_bytes',
                    chart_options: {
                        title: 'ALLOCATED SIZE',
                        labels: ['timestamp', 'Allocated Size'],
                        axes: {
                            y: {
                                valueFormatter: formatters.capacity_4_digits,
                                axisLabelFormatter: formatters.capacity
                            },
                            x: {
                                drawGrid: false
                            }
                        }
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 20, 21]}),
                    annotations: annotations,
                    help_text: 'Taken from trie_ram_usage_percent and non_cache_pmem_usage_percent under defrag_stats.counters',
                    chart_type: 'stacked',
                    chart_options: {
                        title: 'RAM USAGE',
                        labels: ['timestamp', 'Trie RAM usage', 'Non-cache PMEM usage'],
                        axes: {
                            y: {
                                valueFormatter: formatters.percent,
                                axisLabelFormatter: formatters.percent
                            },
                            x: {
                                drawGrid: false
                            }
                        }
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: destage_model, column_indices: [0, 28, 29, 30]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_7',
                    help_text: 'Taken from destage_stats.cpu_usage.\nAvailable only for v7.2+',
                    chart_type: 'stacked',
                    chart_options: {
                        title: 'CPU USAGE',
                        labels: labels,
                        axes: {
                                y: {
                                    valueFormatter: formatters.percent,
                                    axisLabelFormatter: formatters.percent
                                },
                                x: {
                                    drawGrid: false
                                }
                            }
                    }
                }),
            ];
            MainApp.start({charts: charts});
        });
    </script>
{% endblock %}

{% comment %}
0   timestamp
1   node_1_sections_destaged
2   node_1_sections_garb_collected
3   node_1_defrag_vd_level
4   node_2_sections_destaged
5   node_2_sections_garb_collected
6   node_2_defrag_vd_level
7   node_3_sections_destaged
8   node_3_sections_garb_collected
9   node_3_defrag_vd_level
10  node_1_sections_vu_defrag_collected
11  node_1_defrag_vu_level
12  node_1_allocated_size_bytes
13  node_2_sections_vu_defrag_collected
14  node_2_defrag_vu_level
15  node_2_allocated_size_bytes
16  node_3_sections_vu_defrag_collected
17  node_3_defrag_vu_level
18  node_3_allocated_size_bytes
19  total_ram_usage_bytes
20  trie_ram_usage_percent

21  non_cache_pmem_usage_percent
22  node_1_defrag_vd_level_exist_algo
23  node_2_defrag_vd_level_exist_algo
24  node_3_defrag_vd_level_exist_algo
25  node_1_defrag_vd_level_load_algo
26  node_2_defrag_vd_level_load_algo
27  node_3_defrag_vd_level_load_algo
28  node_1_cpu_usage
29  node_2_cpu_usage
30  node_3_cpu_usage
31  allocated_size_bytes
{% endcomment %}