FreedomBox/plinth/templates/toolbar.html
Sunil Mohan Adapa 29e3c9eaa8
app: Make the donation button more prominent
This is high visibility to the donation link and almost prompts users to donate
instead of passively providing the information. Given how many free software
struggle to stay alive, this is needed.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2020-10-17 19:51:35 -04:00

50 lines
1.5 KiB
HTML

{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load i18n %}
{% block toolbar %}
<section class="toolbar">
<div class="btn-toolbar" role="toolbar">
{% include "clients-button.html" with clients=app_info.clients enabled=is_enabled %}
{% if has_diagnostics %}
<!-- Single button -->
<div class="btn-group button-extra-actions">
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<span class="fa fa-cog" aria-hidden="true"></span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
{% if has_diagnostics %}
<li>
{% include "diagnostics_button.html" with app_id=app_id enabled=is_enabled %}
</li>
{% endif %}
</ul>
</div>
{% endif %}
{% if app_info.donation_url %}
<a target="_blank" rel="noopener noreferrer"
class="btn btn-default button-donate" role="button"
href="{{ app_info.donation_url }}">
<span class="fa fa-heart"></span>
{% trans "Donate" %}
<span class="fa fa-external-link"></span>
</a>
{% endif %}
</div>
<div class="toolbar-collapsed-content">
{% include "clients.html" with clients=app_info.clients enabled=is_enabled %}
</div>
</section>
{% endblock toolbar %}