FreedomBox/plinth/modules/upgrades/templates/update-firstboot-progress.html
Veiko Aasa 34f74a285f
plinth: Show running spinner when app installation is in progress
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>
2021-02-04 17:35:31 -08:00

43 lines
1.1 KiB
HTML

{% extends "base_firstboot.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load bootstrap %}
{% load i18n %}
{% load static %}
{% block content %}
<h2>{% trans "Update" %}</h2>
{% if is_busy %}
<div class="upgrades-status-frame clearfix">
<div class="upgrade-status-icon pull-left">
<span class="fa fa-refresh fa-spin fa-3x fa-pull-left processing"></span>
</div>
<p>
<strong>{% trans "Updating, please wait..." %}</strong>
</p>
<p>
{% blocktrans trimmed %}
<strong>This may take a long time to complete.</strong> During
an update, this web interface may be temporarily unavailable and
show an error. In that case, refresh the page to continue.
{% endblocktrans %}
</p>
</div>
{% else %}
<p>
{% blocktrans %}
{{ box_name }} is up to date. Press Next to continue.
{% endblocktrans %}
</p>
<a title="{% trans 'Next' %}"
role="button" class="btn btn-primary"
href={% url next_step %}>
{% trans 'Next' %}
</a>
{% endif %}
{% endblock %}