FreedomBox/plinth/modules/gitweb/templates/gitweb_configure.html
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

85 lines
2.6 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">
.repo-label {
display: inline-block;
width: 40%;
}
.repo-private-icon {
margin: 4px 10px;
}
.list-group-item .btn {
margin: -5px 2px;
}
.repo-cloning {
margin: 0px 10px;
}
</style>
{% endblock %}
{% block configuration %}
{{ block.super }}
<h3>{% trans "Manage Repositories" %}</h3>
<div class="btn-toolbar">
<a href="{% url 'gitweb:create' %}" class="btn btn-default"
role="button" title="{% trans 'Create repository' %}">
<span class="fa fa-plus" aria-hidden="true"></span>
{% trans 'Create repository' %}
</a>
</div>
<div class="row">
<div class="col-md-6">
{% if not repos %}
<p>{% trans 'No repositories available.' %}</p>
{% else %}
<div id="gitweb-repo-list" class="list-group">
{% for repo in repos %}
<div class="list-group-item clearfix">
<a href="{% url 'gitweb:delete' repo.name %}"
class="btn btn-default btn-sm pull-right {% if 'clone_progress' in repo %} disabled {% endif %}"
role="button"
title="{% blocktrans %}Delete repository {{ repo.name }}{% endblocktrans %}">
<span class="fa fa-trash-o" aria-hidden="true"></span>
</a>
<a class="repo-edit btn btn-sm btn-default pull-right {% if 'clone_progress' in repo %} disabled {% endif %}"
href="{% url 'gitweb:edit' repo.name %}">
<span class="fa fa-pencil-square-o" aria-hidden="true"></span>
</a>
{% if repo.access == 'private' %}
<span class="repo-private-icon fa fa-lock pull-right"
aria-label="private"></span>
{% endif %}
{% if 'clone_progress' in repo %}
<span class="repo-cloning pull-right">
{% trans 'Cloning…' %} {{ repo.clone_progress }}%
</span>
<span class="repo-label">{{ repo.name }}<span>
{% else %}
<a class="repo-label" href="/gitweb/{{ repo.name }}.git"
title="{% blocktrans %}Go to repository {{ repo.name }}{% endblocktrans %}">
{{ repo.name }}
</a>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endblock %}