{% extends "entities_with_averages.html" %}

{% block toolbar_buttons %}
    <button class="button multi-selection-needed" type="button" onclick="aggregate();" disabled><i class="icon-chart-area"></i> <span>Aggregate</span></button>

    <script>
        function aggregate() {
            var ids = get_selected_ids();
            if (ids.length > 32) {
                show_error('You have chosen ' + ids.length + ' buckets while aggregation<br>is limited to a maximum of 32 buckets.');
            }
            else {
                window.location = '/infinibox/{{ system.serial }}/s3_bucket/' + ids.join(',') + '/io/?range=24';
            }
        }
    </script>

{% endblock %}

{% block system_gui_url %}{{ system.api_url }}#/datasets?state.datasetsTabs.activeTabName=s3Bucket{% endblock %}
{% block entities_table_url %}/infinibox/{{ system.serial }}/entities/monitoreds3bucket/{% endblock %}


{% block entities_table_fields %}
    <th data-field="avg_reqs" width="15%">Average Requests <div class="sort"></div></th>
    <th data-field="avg_bytes" width="15%">Average Throughput <div class="sort"></div></th>
    <th data-field="avg_first_byte_latency" width="15%">Average First Byte Latency <div class="sort"></div></th>
{% endblock %}

{% block entities_table_values %}
    <td><%- numfmt(entity.avg_reqs) %></td>
    <td><%- numfmt(entity.avg_bytes) %> <span class="muted">MiB/S</span></td>
    <td><%- numfmt(entity.avg_first_byte_latency) %> <span class="muted">ms</span></td>
{% endblock %}