achalaramu 00bc55f762
Migrate bootstrap 4 from bootstrap 3
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>
2020-12-19 11:26:32 +02:00

81 lines
2.3 KiB
HTML

{% extends "base.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load i18n %}
{% block page_head %}
<style type="text/css">
.share-operations form {
display: inline-block;
}
.share-operations {
text-align: right;
}
</style>
{% endblock %}
{% block content %}
{% include "app-header.html" with icon_filename=icon_filename name=title description=description %}
<p>
<a title="{% trans 'Add share' %}"
role="button" class="btn btn-primary"
href="{% url 'sharing:add' %}">
{% trans 'Add share' %}
</a>
</p>
{% if not shares %}
<p>{% trans 'No shares currently configured.' %}</p>
{% else %}
<table class="table table-bordered table-sm table-striped" id="shares-list">
<thead>
<tr>
<th>{% trans "Name" %}</th>
<th>{% trans "Disk Path" %}</th>
<th>{% trans "Shared Over" %}</th>
<th>{% trans "With Groups" %}</th>
<th></th>
</tr>
</thead>
<tbody>
{% for share in shares %}
<tr id="share-{{ share.name }}" class="share">
<td class="share-name">{{ share.name }}</td>
<td class="share-path">{{ share.path }}</td>
<td class="share-url">
<a href="{{ share.url }}" title="{{ share.url}}">
{{ share.url }}
</a>
</td>
<td class="share-groups">
{% if not share.groups %}
<i>{% trans "public access" %}</i>
{% else %}
{{ share.groups|join:", " }}
{% endif %}
</td>
<td class="share-operations">
<a class="share-edit btn btn-sm btn-default"
href="{% url 'sharing:edit' share.name %}">
<span class="fa fa-pencil-square-o" aria-hidden="true"></span>
</a>
<form class="form form-inline" method="post"
action="{% url 'sharing:remove' share.name %}">
{% csrf_token %}
<button class="share-remove btn btn-sm btn-default fa fa-trash-o"
type="submit"></button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% endblock %}