mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-07-22 11:59:33 +00:00
Rows in bootstrap 4 tables are taller by default. This is better suited for mobile layouts and look prettier on desktops too. Adopting this approach instead of condensed tables eliminates the need for striping, bordering and narrower tables. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
81 lines
2.2 KiB
HTML
81 lines
2.2 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" 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 %}
|