{% load i18n %}

{% comment %}
<!--
  Copyright (C) 2011-2014 University of Dundee & Open Microscopy Environment.
  All rights reserved.

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
{% endcomment %}

            <div class="diskUsageStatus">
                <img src="{% static "webgateway/img/spinner_big.gif" %}" id="progress" style="float:left"/>
                <div id="status">loading...</div>
            </div>


            <div id="placeholder"></div>

            <h2>{% trans "Drive space usage" %}:</h2>

            <div id="progressbar"><div class="progress-label"></div></div>

            <div class="summary">
                <!-- show 'Total usage' or 'Group usage' or 'User usage' -->
                <p>
                    <span class="totalUsage">Total</span> {% trans "usage" %}:
                    <span id="total" style="color:black"></span><br>
                    {% trans "Free space" %}:
                    <span id="free_space" style="color:black"></span>
                </p>
                <p>
                    NB: Total usage is calculated as the sum of all data, including any 'in-place' imports,
                    where the data is not on the server's drive. This may result in inaccurate percentages
                    above when calculated against the free space on the server's drive.
                </p>
            </div>

            <table id="drivespaceTable" class="tablesorter" style="display: none;">
                <thead>
                    <tr><th>Group/User</th><th>Usage</th></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
