mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-28 08:03:36 +00:00
34f74a285f
Add running spinner before every app installation step text, this makes the fact that installation is in progress visually more noticeable. Tested when installing the mediawiki app, the running spinner is shown on every installation step. Signed-off-by: Veiko Aasa <veiko17@disroot.org> [sunil: Horizontally align the text and spinner by the spinner inline] Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
105 lines
3.5 KiB
HTML
105 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load bootstrap %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
|
|
{% include "app-header.html" with setup=True %}
|
|
|
|
{% include "toolbar.html" %}
|
|
|
|
{% if setup_state == 'up-to-date' %}
|
|
|
|
{% trans "Application installed." %}
|
|
|
|
{% elif not setup_current_operation %}
|
|
|
|
<p>
|
|
{% if setup_state == 'needs-setup' %}
|
|
{% blocktrans trimmed %}
|
|
Install this application?
|
|
{% endblocktrans %}
|
|
{% elif setup_state == 'needs-update' %}
|
|
{% blocktrans trimmed %}
|
|
This application needs an update. Update now?
|
|
{% endblocktrans %}
|
|
{% endif %}
|
|
</p>
|
|
|
|
<form class="form-install" action="" method="post">
|
|
{% csrf_token %}
|
|
|
|
{% if package_manager_is_busy %}
|
|
<div class="alert alert-warning" role="alert">
|
|
{% blocktrans trimmed %}
|
|
Another installation or upgrade is already running.
|
|
Please wait for a few moments before trying again.
|
|
{% endblocktrans %}
|
|
</div>
|
|
{% elif setup_helper.has_unavailable_packages %}
|
|
<div class="alert alert-warning" role="alert">
|
|
{% blocktrans trimmed %}
|
|
This application is currently not available in your distribution.
|
|
{% endblocktrans %}
|
|
<button type="submit" class="btn btn-default btn-sm" name="refresh-packages">
|
|
<span class="fa fa-refresh"></span> {% trans "Check again" %}
|
|
</button>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<input type="submit" class="btn btn-md btn-primary" name="install"
|
|
{% if package_manager_is_busy or setup_helper.has_unavailable_packages %}
|
|
disabled="disabled"
|
|
{% endif %}
|
|
{% if setup_state == 'needs-setup' %}
|
|
value="{% trans "Install" %}"
|
|
{% elif setup_state == 'needs-update' %}
|
|
value="{% trans "Update" %}"
|
|
{% endif %} />
|
|
|
|
</form>
|
|
|
|
{% else %}
|
|
|
|
{% if setup_current_operation.step == 'pre' %}
|
|
<div class="installing install-state-pre">
|
|
<span class="fa fa-refresh fa-spin processing"></span>
|
|
{% trans "Performing pre-install operation" %}
|
|
</div>
|
|
{% elif setup_current_operation.step == 'post' %}
|
|
<div class="installing install-state-post">
|
|
<span class="fa fa-refresh fa-spin processing"></span>
|
|
{% trans "Performing post-install operation" %}
|
|
</div>
|
|
{% elif setup_current_operation.step == 'install' %}
|
|
{% with transaction=setup_current_operation.transaction %}
|
|
<div class="installing install-state-installing">
|
|
<span class="fa fa-refresh fa-spin processing"></span>
|
|
{% blocktrans trimmed with package_names=transaction.package_names|join:", " status=transaction.status_string %}
|
|
Installing {{ package_names }}: {{ status }}
|
|
{% endblocktrans %}
|
|
</div>
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-striped active
|
|
w-{{ transaction.percentage }}"
|
|
role="progressbar" aria-valuemin="0" aria-valuemax="100"
|
|
aria-valuenow="{{ transaction.percentage }}">
|
|
<span class="sr-only">
|
|
{% blocktrans trimmed with percentage=transaction.percentage %}
|
|
{{ percentage }}% complete
|
|
{% endblocktrans %}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{% endwith %}
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
{% endblock %}
|