From ad7f63ebfa4bb5b8b8c72d4678f0316bab701d8f Mon Sep 17 00:00:00 2001
From: Joseph Nuthalapati <njoseph@thoughtworks.com>
Date: Wed, 17 Jan 2018 14:46:18 +0530
Subject: [PATCH] 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>
---
 plinth/templates/first_setup.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/plinth/templates/first_setup.html b/plinth/templates/first_setup.html
index 74e94c760..91ddc20d2 100644
--- a/plinth/templates/first_setup.html
+++ b/plinth/templates/first_setup.html
@@ -1,4 +1,4 @@
-{% extends "base.html" %}
+{% extends "base_firstboot.html" %}
 {% comment %}
 #
 # This file is part of Plinth.
@@ -20,13 +20,10 @@
 
 {% load bootstrap %}
 {% load i18n %}
+{% load static %}
 
 {% block page_head %}
-
-  {% if setup_helper.current_operation %}
-    <meta http-equiv="refresh" content="3" />
-  {% endif %}
-
+  <meta http-equiv="refresh" content="3" />
 {% endblock %}
 
 
@@ -41,4 +38,9 @@
     </div>
   {% endif %}
 
+  <p class="text-center">
+    <img src="{% static 'theme/img/FreedomBox-logo-standard.png' %}"
+         alt="{{ box_name }}" width="640"/>
+  </p>
+
 {% endblock %}