FreedomBox/plinth/templates/first_setup.html
Joseph Nuthalapati ad7f63ebfa
first_setup: UX improvements for the first setup page
- Add the FreedomBox image which is shown in firstboot page to the first setup
  page as well.
- Login button is removed to avoid confusion.
- Remove the check for `setup_helper.current_operation` so that the first setup
  page seamlessly transitions into the firstboot page.

The user experience will as follows:
1. A user sees the first setup page with the warning message to wait till it is
done.
2. The page automatically refreshes and the user will notice that the warning
message is gone and will proceed to click the "Start Setup" button which just
appeared.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-01-30 11:24:50 +05:30

47 lines
1.3 KiB
HTML

{% extends "base_firstboot.html" %}
{% comment %}
#
# This file is part of Plinth.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}
{% load bootstrap %}
{% load i18n %}
{% load static %}
{% block page_head %}
<meta http-equiv="refresh" content="3" />
{% endblock %}
{% block content %}
{% if is_first_setup_running %}
<div class="alert alert-warning" role="alert">
{% blocktrans trimmed %}
Please wait for {{ box_name }} to finish installation.
You can start using your {{ box_name }} once it is done.
{% endblocktrans %}
</div>
{% endif %}
<p class="text-center">
<img src="{% static 'theme/img/FreedomBox-logo-standard.png' %}"
alt="{{ box_name }}" width="640"/>
</p>
{% endblock %}