nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-02-11 08:23:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

plinth: Show running spinner when app installation is in progress

Browse Source 
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>
This commit is contained in:
Veiko Aasa 2021-02-03 11:55:12 +02:00 committed by Sunil Mohan Adapa
parent c773be3c19
commit 34f74a285f
No known key found for this signature in database
GPG Key ID: 43EA1CFF0AA7C5F2
5 changed files with 15 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plinth/modules/upgrades/static/upgrades.css
View File

@ -1,15 +0,0 @@
/*
# SPDX-License-Identifier: AGPL-3.0-or-later
*/
.warning {
color: var(--warning-color);
}
.processing {
color: var(--progress-color);
}
.normal {
color: var(--neutral-dark-color);
}

5
plinth/modules/upgrades/templates/update-firstboot-progress.html
View File

@ -7,11 +7,6 @@
{% load i18n %}
{% load static %}
{% block page_head %}
<link type="text/css" rel="stylesheet"
href="{% static 'upgrades/upgrades.css' %}"/>
{% endblock %}
{% block content %}
<h2>{% trans "Update" %}</h2>

5
plinth/modules/upgrades/templates/upgrades_configure.html
View File

@ -7,11 +7,6 @@
{% load i18n %}
{% load static %}
{% block page_head %}
<link type="text/css" rel="stylesheet"
href="{% static 'upgrades/upgrades.css' %}"/>
{% endblock %}
{% block status %}
{{ block.super}} {% comment %} To extend instead of overwrite {% endcomment %}

3
plinth/templates/setup.html
View File

@ -68,15 +68,18 @@
{% 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 %}

12
static/themes/default/css/main.css
View File

@ -889,6 +889,18 @@ img.notification-icon {
border-left-color: var(--info-color)
}
.warning {
color: var(--warning-color);
}
.processing {
color: var(--progress-color);
}
.normal {
color: var(--neutral-dark-color);
}
/* Two different notifications for each small and one for large screens */
.notifications-dropdown {
display: none;