mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-03-11 09:04:54 +00:00
00bc55f762
Closes: #1818. The new navbar collapse handles items better without a scrollbar. - Switch dependency to newer bootstrap4 library. - Bootstrap 4 has 5 grid levels instead of 4. Adjust all classes accordingly to retain current semantics. - Update for newer markup for dropdowns. - Replace use for labels with badges. Labels have been removed. Use badge-secondary instead of label-default. - Replace use of btn-xs with btn-sm. Size is roughly the same. - Accommodate removal of form-horizontal. - .hidden* and .visible* classes have been removed. Use alternate utilities. - Replace use of table-condensed with table-sm. - Update progress bar background styling. .progress-bar-* have been replaced with bg-*. - Drop support for IE9 and below. Bootstrap 4 does not support those browsers. - Use the new simplified markup for navs, navbar and navbar-toggler. Accommodate removal of .navbar-fixed-top. - Update the JSXC page too. - Update all values that are using rem units. The base font size is now 1rem = 16px instead of 1rem = 10px. This the default for bootstrap 4. - A button inside a dropdown menu is natively supported by bootstrap 4. Remove custom styling done earlier. - Drop use of removed class thumbnail. - Override colors for buttons and warnings to keep the old style. - Use new markup for close buttons inside alerts. - Use .collapse.show instead of .collapse.in as per bootstrap 4 styling. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
103 lines
3.1 KiB
HTML
103 lines
3.1 KiB
HTML
{% extends "app.html" %}
|
|
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load bootstrap %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
{% block page_head %}
|
|
<style type="text/css">
|
|
.progress {
|
|
margin-bottom: 0;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block configuration %}
|
|
|
|
<p>{% trans "The following storage devices are in use:" %}</p>
|
|
|
|
<table class="table table-bordered table-sm table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>{% trans "Device" %}</th>
|
|
<th>{% trans "Label" %}</th>
|
|
<th>{% trans "Mount Point" %}</th>
|
|
<th>{% trans "Type" %}</th>
|
|
<th>{% trans "Used" %}</th>
|
|
<th>{% trans "Actions" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for disk in disks %}
|
|
<tr>
|
|
<td>{{ disk.device }}</td>
|
|
<td>{{ disk.label|default_if_none:"" }}</td>
|
|
<td>{{ disk.mount_points|join:"<br>" }}</td>
|
|
<td>{{ disk.filesystem_type }}</td>
|
|
<td>
|
|
{% if 'percent_used' in disk %}
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-striped
|
|
{% if disk.percent_used < 75 %}
|
|
bg-success
|
|
{% elif disk.percent_used < 90 %}
|
|
bg-warning
|
|
{% else %}
|
|
bg-danger
|
|
{% endif %}"
|
|
role="progressbar" aria-valuenow="disk.percent_used"
|
|
aria-valuemin="0" aria-valuemax="100"
|
|
style="width: {{ disk.percent_used }}%;">
|
|
{{ disk.percent_used }}%
|
|
</div>
|
|
</div>
|
|
<div>{{ disk.used_str }} / {{ disk.size_str }}</div>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if disk.is_removable %}
|
|
<form class="form" method="post"
|
|
action="{% url 'storage:eject' disk.device|urlencode:'' %}">
|
|
{% csrf_token %}
|
|
|
|
<button type="submit"
|
|
class="btn btn-sm btn-default fa fa-eject">
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
{% if expandable_root_size %}
|
|
<h3>{% trans "Partition Expansion" %}</h3>
|
|
<p>
|
|
{% blocktrans trimmed %}
|
|
There is {{ expandable_root_size }} of unallocated space
|
|
available after your root partition. Root partition can be
|
|
expanded to use this space. This will provide you additional
|
|
free space to store your files.
|
|
{% endblocktrans %}
|
|
</p>
|
|
<p>
|
|
<a class="btn btn-primary btn-md" href="{% url 'storage:expand' %}"
|
|
role="button">
|
|
{% trans "Expand Root Partition" %}</a>
|
|
</p>
|
|
{% endif %}
|
|
|
|
<h3>{%trans "Advanced" %} </h3>
|
|
<p>
|
|
{% blocktrans trimmed %}
|
|
Advanced storage operations such as disk partitioning and RAID management
|
|
are provided by the <a href="/_cockpit/storage">Cockpit</a> app.
|
|
{% endblocktrans %}
|
|
</p>
|
|
|
|
{% endblock %}
|