From 20d4d321533f8182c3d58c78e32b2df349c20b38 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Sat, 17 Oct 2015 23:05:36 +0530
Subject: [PATCH] firstboot: Show network diagram at the end

- Fix an issue with not showing message in state 1 (no messages to show
  as of now).

- Provide options to go to Applications or Network configuration page as
  discussed in first boot redesign.
---
 .../templates/firstboot_state1.html           |  1 +
 .../templates/firstboot_state10.html          | 35 +++++++++++++++----
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/plinth/modules/first_boot/templates/firstboot_state1.html b/plinth/modules/first_boot/templates/firstboot_state1.html
index 530949d2e..acc0913a0 100644
--- a/plinth/modules/first_boot/templates/firstboot_state1.html
+++ b/plinth/modules/first_boot/templates/firstboot_state1.html
@@ -33,6 +33,7 @@
 
 {% block content_row %}
   <div class="col-md-6 col-md-offset-3">
+    {% include 'messages.html' %}
 
     <h2>Administrator Account</h2>
 
diff --git a/plinth/modules/first_boot/templates/firstboot_state10.html b/plinth/modules/first_boot/templates/firstboot_state10.html
index 9f1fbee77..42e7d7f54 100644
--- a/plinth/modules/first_boot/templates/firstboot_state10.html
+++ b/plinth/modules/first_boot/templates/firstboot_state10.html
@@ -20,12 +20,35 @@
 
 {% load bootstrap %}
 
-{% block content %}
+{% block content_row %}
 
-{% if user.is_authenticated %}
-  <p>Have fun with your {{ cfg.box_name }}!</p>
-{% else %}
-  <p>Proceed to <a href="{% url 'users:login' %}">login</a>.</p>
-{% endif %}
+  <div class="col-lg-6 col-lg-offset-3">
+    {% include 'messages.html' %}
+
+    <h2>Setup Complete!</h2>
+
+    <p>FreedomBox setup is now complete.  However, you should check
+      the network setup and modify it if necessary.  Do not forget to
+      change the default Wi-Fi passwords.</p>
+
+    <p>To make your FreedomBox functional, you need some applications.
+      Applications will be installed the first time you access them.</p>
+
+    <h3>Network Configuration</h3>
+
+    {% include "connections_diagram.html" %}
+
+    <div class="row">
+      <div class="col-xs-6 text-center">
+        <a class="btn btn-lg btn-primary" href="{% url 'networks:index' %}">
+          Go to Networks</a>
+      </div>
+
+      <div class="col-xs-6 text-center">
+        <a class="btn btn-lg btn-primary" href="{% url 'apps:index' %}">
+          Go to Apps</a>
+      </div>
+    </div>
+  </div>
 
 {% endblock %}