Merge lp:~ralsina/ubuntuone-windows-installer/diego-installer-ui into lp:ubuntuone-windows-installer

[Roberto Alsina]

Styling for the installer (by Diego Sarmentero)

Styling for the installer (by Diego Sarmentero)

[Roberto Alsina (ralsina)]

This branch had 2 approves when it was proposed by Diego, this MP is exactly the same, but with two conflicts resolved.

review: Approve

=== added file 'data/Ubuntu-R.ttf'
 Binary files data/Ubuntu-R.ttf	1970-01-01 00:00:00 +0000 and data/Ubuntu-R.ttf	2011-07-22 16:39:49 +0000 differ
=== added file 'data/balloon_shape.png'
 Binary files data/balloon_shape.png	1970-01-01 00:00:00 +0000 and data/balloon_shape.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/password_hint_ok.png'
 Binary files data/password_hint_ok.png	1970-01-01 00:00:00 +0000 and data/password_hint_ok.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/password_hint_warning.png'
 Binary files data/password_hint_warning.png	1970-01-01 00:00:00 +0000 and data/password_hint_warning.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/progress_arrow_grey.png'
 Binary files data/progress_arrow_grey.png	1970-01-01 00:00:00 +0000 and data/progress_arrow_grey.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/progress_arrow_orange.png'
 Binary files data/progress_arrow_orange.png	1970-01-01 00:00:00 +0000 and data/progress_arrow_orange.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/progress_finish_grey.png'
 Binary files data/progress_finish_grey.png	1970-01-01 00:00:00 +0000 and data/progress_finish_grey.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/progress_finish_orange.png'
 Binary files data/progress_finish_orange.png	1970-01-01 00:00:00 +0000 and data/progress_finish_orange.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/progress_tick.png'
 Binary files data/progress_tick.png	1970-01-01 00:00:00 +0000 and data/progress_tick.png	2011-07-22 16:39:49 +0000 differ
=== modified file 'data/qt/choose_sign_in.ui'
--- data/qt/choose_sign_in.ui	2011-07-02 01:20:51 +0000
+++ data/qt/choose_sign_in.ui	2011-07-22 16:39:49 +0000
@@ -44,13 +44,14 @@
         </size>
        </property>
        <property name="text">
-        <string>image
-
-[This will be the same image as appears on Ubuntu One Home page on the web - in production]</string>
+        <string/>
        </property>
        <property name="textFormat">
         <enum>Qt::PlainText</enum>
        </property>
+       <property name="pixmap">
+        <pixmap resource="images.qrc">:/win_install_img_placeholder.png</pixmap>
+       </property>
        <property name="alignment">
         <set>Qt::AlignCenter</set>
        </property>
@@ -93,7 +94,7 @@
        </property>
        <property name="sizeHint" stdset="0">
         <size>
-         <width>40</width>
+         <width>20</width>
          <height>20</height>
         </size>
        </property>
@@ -129,9 +130,12 @@
        <property name="orientation">
         <enum>Qt::Horizontal</enum>
        </property>
+       <property name="sizeType">
+        <enum>QSizePolicy::Expanding</enum>
+       </property>
        <property name="sizeHint" stdset="0">
         <size>
-         <width>40</width>
+         <width>20</width>
          <height>20</height>
         </size>
        </property>
@@ -154,6 +158,8 @@
    </item>
   </layout>
  </widget>
- <resources/>
+ <resources>
+  <include location="images.qrc"/>
+ </resources>
  <connections/>
 </ui>
 
=== added file 'data/qt/images.qrc'
--- data/qt/images.qrc	1970-01-01 00:00:00 +0000
+++ data/qt/images.qrc	2011-07-22 16:39:49 +0000
@@ -0,0 +1,17 @@
+<RCC>
+  <qresource prefix="/">
+    <file>../balloon_shape.png</file>
+    <file>../password_hint_ok.png</file>
+    <file>../password_hint_warning.png</file>
+    <file>../Ubuntu-R.ttf</file>
+    <file>ubuntuone.qss</file>
+    <file>../progress_arrow_grey.png</file>
+    <file>../u1_logo.png</file>
+    <file>../progress_arrow_orange.png</file>
+    <file>../progress_finish_grey.png</file>
+    <file>../progress_finish_orange.png</file>
+    <file>../progress_tick.png</file>
+    <file>../u1icon.png</file>
+    <file>../win_install_img_placeholder.png</file>
+  </qresource>
+</RCC>
 
=== modified file 'data/qt/license.ui'
--- data/qt/license.ui	2011-06-21 18:45:09 +0000
+++ data/qt/license.ui	2011-07-22 16:39:49 +0000
@@ -20,14 +20,14 @@
       <string>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0//EN&quot; &quot;http://www.w3.org/TR/REC-html40/strict.dtd&quot;&gt;
 &lt;html&gt;&lt;head&gt;&lt;meta name=&quot;qrichtext&quot; content=&quot;1&quot; /&gt;&lt;style type=&quot;text/css&quot;&gt;
 p, li { white-space: pre-wrap; }
-&lt;/style&gt;&lt;/head&gt;&lt;body style=&quot; font-family:'Ubuntu'; font-size:11pt; font-weight:400; font-style:normal;&quot;&gt;
-&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:14pt; font-weight:600;&quot;&gt;License Agreement&lt;/span&gt;&lt;/p&gt;
-&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;&lt;/p&gt;
-&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 3, as published by the Free Software Foundation.&lt;/span&gt;&lt;/p&gt;
-&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;&lt;/p&gt;
-&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;Ubuntu One Basic is free, while additional service add-ons may be paid for services.&lt;/span&gt;&lt;/p&gt;
-&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;&lt;/p&gt;
-&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:8pt;&quot;&gt;As free software, this programme is distributed without warranty. See the GNU General Public License for more details at &lt;/span&gt;&lt;a href=&quot;http://www.gnu.org/licenses&quot;&gt;&lt;span style=&quot; font-family:'MS Shell Dlg 2'; font-size:8pt; text-decoration: underline; color:#0000ff;&quot;&gt;http://www.gnu.org/licenses&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
+&lt;/style&gt;&lt;/head&gt;&lt;body style=&quot; font-family:'MS Shell Dlg 2'; font-size:8.25pt; font-weight:400; font-style:normal;&quot;&gt;
+&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-size:14pt; font-weight:600;&quot;&gt;License Agreement&lt;/span&gt;&lt;/p&gt;
+&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-size:8pt;&quot;&gt;&lt;/p&gt;
+&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-size:8pt;&quot;&gt;This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 3, as published by the Free Software Foundation.&lt;/span&gt;&lt;/p&gt;
+&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-size:8pt;&quot;&gt;&lt;/p&gt;
+&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-size:8pt;&quot;&gt;Ubuntu One Basic is free, while additional service add-ons may be paid for services.&lt;/span&gt;&lt;/p&gt;
+&lt;p style=&quot;-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; font-size:8pt;&quot;&gt;&lt;/p&gt;
+&lt;p style=&quot; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;&quot;&gt;&lt;span style=&quot; font-size:8pt;&quot;&gt;As free software, this programme is distributed without warranty. See the GNU General Public License for more details at &lt;/span&gt;&lt;a href=&quot;http://www.gnu.org/licenses&quot;&gt;&lt;span style=&quot; font-size:8pt; text-decoration: underline; color:#dd4814;&quot;&gt;http://www.gnu.org/licenses&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
      </property>
      <property name="openExternalLinks">
       <bool>true</bool>
 
=== modified file 'data/qt/setup_account.ui'
--- data/qt/setup_account.ui	2011-07-01 20:33:17 +0000
+++ data/qt/setup_account.ui	2011-07-22 16:39:49 +0000
@@ -6,8 +6,8 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>482</width>
-    <height>514</height>
+    <width>631</width>
+    <height>527</height>
    </rect>
   </property>
   <property name="windowTitle">
@@ -15,7 +15,7 @@
   </property>
   <layout class="QVBoxLayout" name="verticalLayout">
    <item>
-    <layout class="QGridLayout" name="gridLayout">
+    <layout class="QGridLayout" name="gridLayout" columnminimumwidth="1,250">
      <item row="0" column="0">
       <widget class="QLabel" name="password_info_label">
        <property name="sizePolicy">
@@ -25,7 +25,7 @@
         </sizepolicy>
        </property>
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
        <property name="wordWrap">
         <bool>true</bool>
@@ -35,7 +35,7 @@
      <item row="1" column="0">
       <widget class="QLabel" name="name_label">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
@@ -49,14 +49,17 @@
      <item row="2" column="1">
       <widget class="QLabel" name="name_assistance">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+       </property>
+       <property name="indent">
+        <number>20</number>
        </property>
       </widget>
      </item>
      <item row="3" column="0">
       <widget class="QLabel" name="email_label">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
@@ -70,14 +73,17 @@
      <item row="4" column="1">
       <widget class="QLabel" name="email_assistance">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+       </property>
+       <property name="indent">
+        <number>20</number>
        </property>
       </widget>
      </item>
      <item row="5" column="0">
       <widget class="QLabel" name="confirm_email_label">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
@@ -91,14 +97,17 @@
      <item row="6" column="1">
       <widget class="QLabel" name="confirm_email_assistance">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+       </property>
+       <property name="indent">
+        <number>20</number>
        </property>
       </widget>
      </item>
      <item row="7" column="0">
       <widget class="QLabel" name="password_label">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
@@ -121,14 +130,17 @@
      <item row="9" column="0">
       <widget class="QLabel" name="confirm_password_label">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
      <item row="8" column="1" rowspan="3">
       <widget class="QLabel" name="password_assistance">
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+       </property>
+       <property name="indent">
+        <number>20</number>
        </property>
       </widget>
      </item>
@@ -163,26 +175,7 @@
         <enum>QFrame::Box</enum>
        </property>
        <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
-       </property>
-      </widget>
-     </item>
-     <item row="11" column="1">
-      <widget class="QLabel" name="refresh_label">
-       <property name="sizePolicy">
-        <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
-         <horstretch>0</horstretch>
-         <verstretch>0</verstretch>
-        </sizepolicy>
-       </property>
-       <property name="locale">
-        <locale language="English" country="UnitedStates"/>
-       </property>
-       <property name="text">
-        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#0000ff;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
-       </property>
-       <property name="wordWrap">
-        <bool>true</bool>
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
        </property>
       </widget>
      </item>
@@ -202,6 +195,28 @@
        </property>
       </widget>
      </item>
+     <item row="11" column="1">
+      <widget class="QLabel" name="refresh_label">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="locale">
+        <locale language="English" country="UnitedStates"/>
+       </property>
+       <property name="text">
+        <string>If you can't read this then &lt;a href=&quot;example.com&quot;&gt;&lt;span style=&quot; text-decoration: underline; color:#dd4814;&quot;&gt;refresh&lt;/span&gt;&lt;/a&gt; this page&lt;/span&gt;</string>
+       </property>
+       <property name="wordWrap">
+        <bool>true</bool>
+       </property>
+       <property name="indent">
+        <number>20</number>
+       </property>
+      </widget>
+     </item>
     </layout>
    </item>
    <item>
@@ -250,6 +265,8 @@
    </item>
   </layout>
  </widget>
- <resources/>
+ <resources>
+  <include location="images.qrc"/>
+ </resources>
  <connections/>
 </ui>
 
=== modified file 'data/qt/side_widget.ui'
--- data/qt/side_widget.ui	2011-07-04 17:39:31 +0000
+++ data/qt/side_widget.ui	2011-07-22 16:39:49 +0000
@@ -1,77 +1,249 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
- <class>Form</class>
- <widget class="QWidget" name="Form">
+ <class>SideWidget</class>
+ <widget class="QFrame" name="SideWidget">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>185</width>
-    <height>511</height>
+    <width>200</width>
+    <height>563</height>
    </rect>
   </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Minimum" vsizetype="Preferred">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
+  <property name="minimumSize">
+   <size>
+    <width>200</width>
+    <height>0</height>
+   </size>
+  </property>
   <property name="windowTitle">
-   <string>Form</string>
+   <string>Frame</string>
+  </property>
+  <property name="frameShape">
+   <enum>QFrame::StyledPanel</enum>
+  </property>
+  <property name="frameShadow">
+   <enum>QFrame::Raised</enum>
   </property>
   <layout class="QVBoxLayout" name="verticalLayout">
    <property name="spacing">
-    <number>20</number>
-   </property>
-   <item>
-    <widget class="QLabel" name="label">
-     <property name="text">
-      <string>Ubuntu One logo</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="install_label">
-     <property name="enabled">
-      <bool>true</bool>
-     </property>
-     <property name="text">
-      <string>Install</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="sign_in_label">
-     <property name="enabled">
-      <bool>true</bool>
-     </property>
-     <property name="text">
-      <string>Sign In</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="choose_services_label">
-     <property name="enabled">
-      <bool>true</bool>
-     </property>
-     <property name="text">
-      <string>Choose services</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="select_folders_label">
-     <property name="enabled">
-      <bool>true</bool>
-     </property>
-     <property name="text">
-      <string>Select sync folders</string>
-     </property>
-    </widget>
-   </item>
-   <item>
-    <widget class="QLabel" name="sync_label">
-     <property name="enabled">
-      <bool>true</bool>
-     </property>
-     <property name="text">
-      <string>Sync, stream, share!</string>
-     </property>
+    <number>40</number>
+   </property>
+   <property name="margin">
+    <number>10</number>
+   </property>
+   <item>
+    <widget class="QLabel" name="ubuntu_one_logo_label">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="text">
+      <string/>
+     </property>
+     <property name="pixmap">
+      <pixmap resource="images.qrc">:/u1_logo.png</pixmap>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QFrame" name="states_frame">
+     <property name="sizePolicy">
+      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+       <horstretch>0</horstretch>
+       <verstretch>0</verstretch>
+      </sizepolicy>
+     </property>
+     <property name="frameShape">
+      <enum>QFrame::StyledPanel</enum>
+     </property>
+     <property name="frameShadow">
+      <enum>QFrame::Raised</enum>
+     </property>
+     <layout class="QVBoxLayout" name="verticalLayout_2">
+      <property name="spacing">
+       <number>20</number>
+      </property>
+      <property name="margin">
+       <number>0</number>
+      </property>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout">
+        <property name="spacing">
+         <number>7</number>
+        </property>
+        <item>
+         <widget class="QLabel" name="install_icon_label">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+          <property name="pixmap">
+           <pixmap resource="images.qrc">:/progress_arrow_grey.png</pixmap>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QLabel" name="install_label">
+          <property name="enabled">
+           <bool>true</bool>
+          </property>
+          <property name="text">
+           <string>Install</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout_2">
+        <property name="spacing">
+         <number>7</number>
+        </property>
+        <property name="sizeConstraint">
+         <enum>QLayout::SetDefaultConstraint</enum>
+        </property>
+        <item>
+         <widget class="QLabel" name="sign_icon_label">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+          <property name="pixmap">
+           <pixmap resource="images.qrc">:/progress_arrow_grey.png</pixmap>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QLabel" name="sign_in_label">
+          <property name="enabled">
+           <bool>true</bool>
+          </property>
+          <property name="text">
+           <string>Sign In</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout_3">
+        <property name="spacing">
+         <number>7</number>
+        </property>
+        <item>
+         <widget class="QLabel" name="choose_icon_label">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+          <property name="pixmap">
+           <pixmap resource="images.qrc">:/progress_arrow_grey.png</pixmap>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QLabel" name="choose_services_label">
+          <property name="enabled">
+           <bool>true</bool>
+          </property>
+          <property name="text">
+           <string>Choose services</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout_4">
+        <property name="spacing">
+         <number>7</number>
+        </property>
+        <item>
+         <widget class="QLabel" name="folders_icon_label">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+          <property name="pixmap">
+           <pixmap resource="images.qrc">:/progress_arrow_grey.png</pixmap>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QLabel" name="select_folders_label">
+          <property name="enabled">
+           <bool>true</bool>
+          </property>
+          <property name="text">
+           <string>Select sync folders</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout_5">
+        <property name="spacing">
+         <number>7</number>
+        </property>
+        <item>
+         <widget class="QLabel" name="sync_icon_label">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
+          <property name="text">
+           <string/>
+          </property>
+          <property name="pixmap">
+           <pixmap resource="images.qrc">:/progress_finish_grey.png</pixmap>
+          </property>
+         </widget>
+        </item>
+        <item>
+         <widget class="QLabel" name="sync_label">
+          <property name="enabled">
+           <bool>true</bool>
+          </property>
+          <property name="text">
+           <string>Sync, stream, share!</string>
+          </property>
+         </widget>
+        </item>
+       </layout>
+      </item>
+     </layout>
     </widget>
    </item>
    <item>
@@ -82,13 +254,15 @@
      <property name="sizeHint" stdset="0">
       <size>
        <width>20</width>
-       <height>292</height>
+       <height>40</height>
       </size>
      </property>
     </spacer>
    </item>
   </layout>
  </widget>
- <resources/>
+ <resources>
+  <include location="images.qrc"/>
+ </resources>
  <connections/>
 </ui>
 
=== added file 'data/qt/ubuntuone.qss'
--- data/qt/ubuntuone.qss	1970-01-01 00:00:00 +0000
+++ data/qt/ubuntuone.qss	2011-07-22 16:39:49 +0000
@@ -0,0 +1,96 @@
+QFrame#SideWidget {
+    background-color: white;
+    border-style: dotted;
+    border-color: #939389;
+    border-right-width: 1px;
+    color: white;
+    min-height: 100px;
+    margin-left: 10px;
+}
+
+QWizard,
+QDialog{
+    background-color: white;
+}
+
+QLabel#name_assistance,
+QLabel#email_assistance,
+QLabel#confirm_email_assistance,
+QLabel#password_assistance,
+QLabel#refresh_label{
+    border-image: url(":/balloon_shape.png");
+    padding-right: 2px;
+}
+
+QLabel#install_label,
+QLabel#sign_in_label,
+QLabel#choose_services_label,
+QLabel#select_folders_label,
+QLabel#sync_label{
+    font-size: 14px;
+}
+
+QTextEdit{
+    background-color: #ffffff;
+    border: none;
+}
+
+QPushButton[enabled="false"] {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #fecfc2,stop: 1.0 #df4d1a);
+    border-radius: 5px;
+    border-style: solid;
+    padding: 6px;
+    padding-left: 20px;
+    padding-right: 20px;
+    color: white;
+    border-color: #939389;
+    border-width: 1px;
+    height: 14px;
+    font-size: 12px;
+}
+
+QPushButton[enabled="true"] {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #eaeaea, stop: 1.0 #cacaca);
+    border-radius: 5px;
+    border-style: solid;
+    padding: 6px;
+    padding-left: 20px;
+    padding-right: 20px;
+    color: #595959;
+    border-color: #939389;
+    border-width: 1px;
+    height: 14px;
+    font-size: 12px;
+}
+
+QPushButton:hover {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #feae99,stop: 1.0 #df4e1c);
+    border-radius: 5px;
+    border-style: solid;
+    padding: 6px;
+    color: white;
+    border-color: #939389;
+    border-width: 1px;
+    height: 12px;
+}
+
+QPushButton:pressed {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #ba3f14,stop: 1.0 #db4714);
+    border-radius: 5px;
+    border-style: solid;
+    padding: 6px;
+    color: white;
+    border-color: #939389;
+    border-width: 1px;
+    height: 12px;
+}
+
+QWidget{
+    font-family: "Ubuntu";
+    color: #333333;
+    font-size: 12px;
+}
 
=== added file 'data/u1_logo.png'
 Binary files data/u1_logo.png	1970-01-01 00:00:00 +0000 and data/u1_logo.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/u1icon.png'
 Binary files data/u1icon.png	1970-01-01 00:00:00 +0000 and data/u1icon.png	2011-07-22 16:39:49 +0000 differ
=== added file 'data/win_install_img_placeholder.png'
 Binary files data/win_install_img_placeholder.png	1970-01-01 00:00:00 +0000 and data/win_install_img_placeholder.png	2011-07-22 16:39:49 +0000 differ
=== modified file 'ubuntuone_installer/gui/qt/gui.py'
--- ubuntuone_installer/gui/qt/gui.py	2011-07-19 17:16:11 +0000
+++ ubuntuone_installer/gui/qt/gui.py	2011-07-22 16:39:49 +0000
@@ -66,6 +66,12 @@
     license_ui,
     setup_account_ui,
 )
+
+# Module used to include the resources into this file
+# pylint: disable=W0611
+from ubuntuone_installer.gui.qt.ui import images_rc
+# pylint: enable=W0611
+
 from ubuntuone_installer.gui.qt.are_you_sure import AreYouSure
 from ubuntuone_installer.gui.qt.local_folders import LocalFoldersPage
 from ubuntuone_installer.gui.qt.sync_now_or_later import SyncNowOrLaterPage
@@ -77,6 +83,7 @@
 SIGN_IN = _("Sign in to Ubuntu One")
 SIGN_IN_SUBTITLE = _("Sign in with your existing Ubuntu One"
     " username and password.")
+TITLE_STYLE = "<span style=\"font-size:24px\">%s</span>"
 
 # Invalid name logger
 # pylint: disable=C0103
@@ -114,9 +121,9 @@
         self.wizard().customButtonClicked.connect(self.print_document)
 
         self.wizard().setButtonLayout([
+            QtGui.QWizard.CancelButton,
+            QtGui.QWizard.Stretch,
             QtGui.QWizard.CustomButton1,
-            QtGui.QWizard.Stretch,
-            QtGui.QWizard.CancelButton,
             QtGui.QWizard.BackButton,
             QtGui.QWizard.NextButton,
             QtGui.QWizard.FinishButton,
@@ -194,9 +201,9 @@
         # Layout without custom button 1,
         # without finish button
         self.wizard().setButtonLayout([
+            QtGui.QWizard.CancelButton,
             QtGui.QWizard.Stretch,
             QtGui.QWizard.BackButton,
-            QtGui.QWizard.CancelButton,
             ])
 
 
@@ -287,6 +294,10 @@
         self.help_text = ""
 
         super(MainWindow, self).__init__()
+        self.setWindowTitle(APP_NAME)
+        self.setMinimumHeight(630)
+        self.setMinimumWidth(800)
+        self.setTitleFormat(QtCore.Qt.RichText)
         self.setWizardStyle(self.ModernStyle)
         self.close_callback = close_callback
 
@@ -300,7 +311,9 @@
         self.LICENSE_PAGE = self.addPage(LicensePage())
 
         #SSO Pages
-        self.sign_in_controller = ChooseSignInController(title=SIGN_IN)
+        title_page = TITLE_STYLE % SIGN_IN
+        self.sign_in_controller = ChooseSignInController(
+            title=title_page)
         self.sign_in_page = SignInPage(
             ui=choose_sign_in_ui.Ui_ChooseSignInPage(),
             controller=self.sign_in_controller,
@@ -310,15 +323,17 @@
             setup_account_ui.Ui_SetUpAccountPage(),
             self.setup_controller,
             parent=self)
+        title_page = TITLE_STYLE % _("Ubuntu One Terms of Service")
         self.tos = TosPage(Ui_TosPage(),
             TosController(tos_url=TC_URL,
-                title=_("Ubuntu One Terms of Service")),
+                title=title_page),
             parent=self)
         self.email_verification = EmailVerificationPage(
                                                 Ui_EmailVerificationPage(),
                                                 EmailVerificationController())
+        title_page = TITLE_STYLE % SIGN_IN
         self.current_user_controller = CurrentUserController(
-            title=SIGN_IN, subtitle=SIGN_IN_SUBTITLE)
+            title=title_page, subtitle=SIGN_IN_SUBTITLE)
         self.current_user = CurrentUserSignInPage(Ui_CurrentUserSignInPage(),
                                                   self.current_user_controller,
                                                   parent=self)
@@ -396,8 +411,10 @@
     def on_currentIdChanged(self, page_id):
         """The current page changed."""
         if page_id < self.SIGNIN_PAGE:
+            self.sideWidget().ui.states_frame.hide()
             self.sideWidget().set_stage(0)
         elif page_id < self.local_folders_page_id:
+            self.sideWidget().ui.states_frame.show()
             self.sideWidget().set_stage(1)
         elif page_id < self.CONGRATULATIONS_PAGE:
             self.sideWidget().set_stage(3)
 
=== modified file 'ubuntuone_installer/gui/qt/local_folders.py'
--- ubuntuone_installer/gui/qt/local_folders.py	2011-07-19 00:38:27 +0000
+++ ubuntuone_installer/gui/qt/local_folders.py	2011-07-22 16:39:49 +0000
@@ -1,173 +1,173 @@
-# -*- coding: utf-8 -*-
-
-# Authors: Roberto Alsina <[e-mail]>
-#
-# Copyright 2011 Canonical Ltd.
-#
-# This program is free software: you can redistribute it and/or modify it
-# under the terms of the GNU General Public License version 3, as published
-# by the Free Software Foundation.
-#
-# This program is distributed in the hope that it will be useful, but
-# WITHOUT ANY WARRANTY; without even the implied warranties of
-# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
-# PURPOSE.  See the GNU General Public License for more details.
-#
-# You should have received a copy of the GNU General Public License along
-# with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-"""Widget to create UDFs in the Windows Install Wizard."""
-
-import ctypes
-import os
-import sys
-import threading
-import Queue
-
-from PyQt4 import QtCore, QtGui
-
-from ubuntuone.controlpanel.gui import humanize
-
-from ubuntuone_installer.gui.qt.ui import local_folders_ui
-from ubuntuone_installer.gui import (
-    LOCAL_FOLDERS_TITLE,
-    LOCAL_FOLDERS_SPACE_HEADER,
-    LOCAL_FOLDERS_OFFER_LABEL,
-    LOCAL_FOLDERS_CALCULATING,
-)
-
-
-class FolderItem(QtGui.QTreeWidgetItem):
-    """Class representing a folder in the folder list UI."""
-    def __init__(self, strings, path=None, queue=None):
-        super(FolderItem, self).__init__(strings)
-        self.thread = CalculateSize(path, queue)
-        self.thread.start()
-        self.size = None
-        self.path = path
-
-
-class CalculateSize(threading.Thread):
-    """Class to calculate the size of a folder in the background."""
-    def __init__(self, path_name, queue):
-        self.path_name = path_name
-        self.queue = queue
-        self._stop = False
-        super(CalculateSize, self).__init__()
-        self.daemon = True
-
-    def run(self):
-        total_size = 0
-        for dirpath, _, filenames in os.walk(self.path_name):
-            for f in filenames:
-                fp = os.path.join(dirpath, f)
-                total_size += os.path.getsize(fp)
-        self.queue.put([self.path_name, total_size])
-
-
-class LocalFoldersPage(QtGui.QWizardPage):
-    """Wizard page to create UDFs in the Windows Installer."""
-
-    def __init__(self, parent=None):
-        super(LocalFoldersPage, self).__init__(parent)
-        self.setTitle(LOCAL_FOLDERS_TITLE)
-        self.ui = local_folders_ui.Ui_Form()
-        self.ui.setupUi(self)
-
-        header_view = self.ui.folder_list.header()
-        header_view.setResizeMode(0, header_view.Stretch)
-
-        self.queue = Queue.Queue()
-        self.timer = QtCore.QTimer()
-        self.items = {}
-        for folder_name in self.default_folders():
-            self.add_folder(folder_name)
-        self.update_sizes()
-        self.timer.start(2000)
-        self.timer.timeout.connect(self.update_sizes)
-
-    # initializePage is inherited
-    # pylint: disable=C0103
-    def initializePage(self):
-        """UI details."""
-        self.wizard()._next_id = None
-
-    def quota(self):
-        """The quota available to the user."""
-        # FIXME: get this from real life
-        return 2 * 1024 * 1024
-
-    def default_folders(self):
-        """Return a list of the folders to add by default."""
-        if sys.platform == 'win32':
-            # Special Folder "My Documents"
-            dll = ctypes.windll.shell32
-            buf = ctypes.create_string_buffer(300)
-            dll.SHGetSpecialFolderPathA(None, buf, 0x0005, False)
-            result = [buf.value, ]
+# -*- coding: utf-8 -*-
+
+# Authors: Roberto Alsina <[e-mail]>
+#
+# Copyright 2011 Canonical Ltd.
+#
+# This program is free software: you can redistribute it and/or modify it
+# under the terms of the GNU General Public License version 3, as published
+# by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful, but
+# WITHOUT ANY WARRANTY; without even the implied warranties of
+# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
+# PURPOSE.  See the GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License along
+# with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+"""Widget to create UDFs in the Windows Install Wizard."""
+
+import ctypes
+import os
+import sys
+import threading
+import Queue
+
+from PyQt4 import QtCore, QtGui
+
+from ubuntuone.controlpanel.gui import humanize
+
+from ubuntuone_installer.gui.qt.ui import local_folders_ui
+from ubuntuone_installer.gui import (
+    LOCAL_FOLDERS_TITLE,
+    LOCAL_FOLDERS_SPACE_HEADER,
+    LOCAL_FOLDERS_OFFER_LABEL,
+    LOCAL_FOLDERS_CALCULATING,
+)
+
+
+class FolderItem(QtGui.QTreeWidgetItem):
+    """Class representing a folder in the folder list UI."""
+    def __init__(self, strings, path=None, queue=None):
+        super(FolderItem, self).__init__(strings)
+        self.thread = CalculateSize(path, queue)
+        self.thread.start()
+        self.size = None
+        self.path = path
+
+
+class CalculateSize(threading.Thread):
+    """Class to calculate the size of a folder in the background."""
+    def __init__(self, path_name, queue):
+        self.path_name = path_name
+        self.queue = queue
+        self._stop = False
+        super(CalculateSize, self).__init__()
+        self.daemon = True
+
+    def run(self):
+        total_size = 0
+        for dirpath, _, filenames in os.walk(self.path_name):
+            for f in filenames:
+                fp = os.path.join(dirpath, f)
+                total_size += os.path.getsize(fp)
+        self.queue.put([self.path_name, total_size])
+
+
+class LocalFoldersPage(QtGui.QWizardPage):
+    """Wizard page to create UDFs in the Windows Installer."""
+
+    def __init__(self, parent=None):
+        super(LocalFoldersPage, self).__init__(parent)
+        self.setTitle(LOCAL_FOLDERS_TITLE)
+        self.ui = local_folders_ui.Ui_Form()
+        self.ui.setupUi(self)
+
+        header_view = self.ui.folder_list.header()
+        header_view.setResizeMode(0, header_view.Stretch)
+
+        self.queue = Queue.Queue()
+        self.timer = QtCore.QTimer()
+        self.items = {}
+        for folder_name in self.default_folders():
+            self.add_folder(folder_name)
+        self.update_sizes()
+        self.timer.start(2000)
+        self.timer.timeout.connect(self.update_sizes)
+
+    # initializePage is inherited
+    # pylint: disable=C0103
+    def initializePage(self):
+        """UI details."""
+        self.wizard()._next_id = None
+
+    def quota(self):
+        """The quota available to the user."""
+        # FIXME: get this from real life
+        return 2 * 1024 * 1024
+
+    def default_folders(self):
+        """Return a list of the folders to add by default."""
+        if sys.platform == 'win32':
+            # Special Folder "My Documents"
+            dll = ctypes.windll.shell32
+            buf = ctypes.create_string_buffer(300)
+            dll.SHGetSpecialFolderPathA(None, buf, 0x0005, False)
+            result = [buf.value, ]
         else:
             result = ['To be implemented']
-        return result
-
-    def add_folder(self, path):
-        """Add a folder to the list."""
-        if path in self.items:
-            return None
-        # FIXME: the path should actually be sent to u1cp to verify as valid
-        item = FolderItem([path, "", "remove"], path=path, queue=self.queue)
-        self.ui.folder_list.addTopLevelItem(item)
-        self.items[path] = item
-        return item
-
-    def update_sizes(self):
-        """Poll the queue were the threads put the size info."""
-        try:
-            path, size = self.queue.get(False)
-            item = self.items.get(path)
-            if item:
-                item.size = size
-                item.setText(1, humanize(size))
-        except Queue.Empty:
-            pass
-        total = 0
-        for path, item in self.items.items():
-            if item.size is None:
-                total = LOCAL_FOLDERS_CALCULATING
-                break
-            total += item.size
-
-        if isinstance(total, long):
-            self.show_hide_offer(total)
-            total = humanize(total)
-        else:
-            self.show_hide_offer(0)
-        self.ui.folder_list.headerItem().setText(
-            1, LOCAL_FOLDERS_SPACE_HEADER % total)
-
-    def show_hide_offer(self, cur_size):
-        """Show or hide the offer to buy space according to the total size."""
-        quota = self.quota()
-
-        if cur_size > quota:
-            self.ui.offer_frame.setVisible(True)
-        else:
-            self.ui.offer_frame.setVisible(False)
-
-        self.ui.offer_label.setText(LOCAL_FOLDERS_OFFER_LABEL %
-            {"quota": humanize(quota)})
-
-    def stop_threads(self):
-        """Stop all pending threads."""
-        for _, item in self.items:
-            item.thread._stop = True
-
-    # itemClicked is a Qt signal name.
-    # pylint: disable=C0103
-    def on_folder_list_itemClicked(self, item, column):
-        """Delete folder from the list."""
-        if column == 2:
-            del(self.items[item.path])
-            item.thread._stop = True
-            self.ui.folder_list.takeTopLevelItem(
-                self.ui.folder_list.indexOfTopLevelItem(item))
-        self.update_sizes()
+        return result
+
+    def add_folder(self, path):
+        """Add a folder to the list."""
+        if path in self.items:
+            return None
+        # FIXME: the path should actually be sent to u1cp to verify as valid
+        item = FolderItem([path, "", "remove"], path=path, queue=self.queue)
+        self.ui.folder_list.addTopLevelItem(item)
+        self.items[path] = item
+        return item
+
+    def update_sizes(self):
+        """Poll the queue were the threads put the size info."""
+        try:
+            path, size = self.queue.get(False)
+            item = self.items.get(path)
+            if item:
+                item.size = size
+                item.setText(1, humanize(size))
+        except Queue.Empty:
+            pass
+        total = 0
+        for path, item in self.items.items():
+            if item.size is None:
+                total = LOCAL_FOLDERS_CALCULATING
+                break
+            total += item.size
+
+        if isinstance(total, long):
+            self.show_hide_offer(total)
+            total = humanize(total)
+        else:
+            self.show_hide_offer(0)
+        self.ui.folder_list.headerItem().setText(
+            1, LOCAL_FOLDERS_SPACE_HEADER % total)
+
+    def show_hide_offer(self, cur_size):
+        """Show or hide the offer to buy space according to the total size."""
+        quota = self.quota()
+
+        if cur_size > quota:
+            self.ui.offer_frame.setVisible(True)
+        else:
+            self.ui.offer_frame.setVisible(False)
+
+        self.ui.offer_label.setText(LOCAL_FOLDERS_OFFER_LABEL %
+            {"quota": humanize(quota)})
+
+    def stop_threads(self):
+        """Stop all pending threads."""
+        for _, item in self.items:
+            item.thread._stop = True
+
+    # itemClicked is a Qt signal name.
+    # pylint: disable=C0103
+    def on_folder_list_itemClicked(self, item, column):
+        """Delete folder from the list."""
+        if column == 2:
+            del(self.items[item.path])
+            item.thread._stop = True
+            self.ui.folder_list.takeTopLevelItem(
+                self.ui.folder_list.indexOfTopLevelItem(item))
+        self.update_sizes()
 
=== modified file 'ubuntuone_installer/gui/qt/setup_account.py'
--- ubuntuone_installer/gui/qt/setup_account.py	2011-07-07 20:32:17 +0000
+++ ubuntuone_installer/gui/qt/setup_account.py	2011-07-22 16:39:49 +0000
@@ -1,156 +1,158 @@
-# -*- coding: utf-8 -*-
-
-# Authors: Roberto Alsina <[e-mail]>
-#
-# Copyright 2011 Canonical Ltd.
-#
-# This program is free software: you can redistribute it and/or modify it
-# under the terms of the GNU General Public License version 3, as published
-# by the Free Software Foundation.
-#
-# This program is distributed in the hope that it will be useful, but
-# WITHOUT ANY WARRANTY; without even the implied warranties of
-# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
-# PURPOSE.  See the GNU General Public License for more details.
-#
-# You should have received a copy of the GNU General Public License along
-# with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-"""Customized Setup Account page for SSO."""
-
-import gettext
-import re
-
-from PyQt4 import QtGui
-
-from ubuntu_sso.qt import gui as sso_gui
-
-_ = gettext.gettext
-
-# pylint: disable=C0103
-BAD = u'<font color="red"> %s </font>'
-GOOD = u'<font color="green"> %s </font>'
-
-EMPTY_NAME = _("Please enter your name")
-INVALID_EMAIL = _("Please enter a valid email address")
-EMAIL_MATCH = _("The email addresses do not match")
-PASSWORD_LENGTH = _("At least 8 characters")
-PASSWORD_DIGIT = _("At least one number")
-PASSWORD_UPPER = _("At least one uppercase letter")
-PASSWORD_MATCH = _("Passwords don't match")
-
-
-class SetupAccountPage(sso_gui.SetupAccountPage):
-
-    """Customized Setup Account page for SSO"""
-
-    def initializePage(self):
-        """Setup UI details."""
-        # We need to override some texts from SSO
-        # to match our spec
-        self.setTitle(_("Sign Up to Ubuntu One"))
-        self.setSubTitle(_("You only need to set up your account "
-        "once to get access to Ubuntu One across your devices."))
-
-        self.ui.name_label.setText(_("Name"))
-        self.ui.email_label.setText(_("Email"))
-        self.ui.confirm_email_label.setText(_("Retype email"))
-        self.ui.password_label.setText(_("Create a password"))
-        self.ui.confirm_password_label.setText(_("Retype password"))
-        self.ui.terms_checkbox.setText(
-            _("By signing up to Ubuntu One you agree to our Terms "
-            "of Service and Privacy Policy"))
-        self.ui.terms_button.setText(_("Show Terms of Service"))
-        self.ui.password_info_label.hide()
-
-        # Button setup
-        self.wizard().setButtonLayout([
-            QtGui.QWizard.Stretch,
-            QtGui.QWizard.BackButton,
-            QtGui.QWizard.CancelButton,
-            ])
-
-        self.ui.name_edit.textEdited.connect(self.name_assistance)
-        self.name_assistance()
-        self.ui.email_edit.textEdited.connect(self.email_assistance)
-        self.ui.email_edit.textEdited.connect(self.confirm_email_assistance)
-        self.email_assistance()
-        self.ui.confirm_email_edit.textEdited.connect(
-            self.confirm_email_assistance)
-        self.confirm_email_assistance()
-        self.ui.password_edit.textEdited.connect(self.password_assistance)
-        self.ui.confirm_password_edit.textEdited.connect(
-            self.password_assistance)
-        self.password_assistance()
-
-    def name_assistance(self):
-        """Show help for the name field."""
-        text = unicode(self.ui.name_edit.text())
-        if not text.strip():
-            self.ui.name_assistance.setVisible(True)
-            self.ui.name_assistance.setText(BAD % EMPTY_NAME)
-        else:
-            self.ui.name_assistance.setVisible(False)
-
-    def email_assistance(self):
-        """Show help for the email field."""
-        text = unicode(self.ui.email_edit.text())
-        if not is_correct_email(text):
-            self.ui.email_assistance.setText(BAD % INVALID_EMAIL)
-            self.ui.email_assistance.setVisible(True)
-        else:
-            self.ui.email_assistance.setVisible(False)
-
-    def confirm_email_assistance(self):
-        """Show help for the confirm email field."""
-        text1 = unicode(self.ui.email_edit.text())
-        text2 = unicode(self.ui.confirm_email_edit.text())
-        if text1 != text2:
-            self.ui.confirm_email_assistance.setText(BAD % EMAIL_MATCH)
-            self.ui.confirm_email_assistance.setVisible(True)
-        else:
-            self.ui.confirm_email_assistance.setVisible(False)
-
-    def password_assistance(self):
-        """Show help for the password field."""
-        text1 = unicode(self.ui.password_edit.text())
-        text2 = unicode(self.ui.confirm_password_edit.text())
-        label_text = [_("Your password must contain"), ]
-
-        if len(text1) < 8:
-            sign = BAD
-        else:
-            sign = GOOD
-        label_text.append(sign % PASSWORD_LENGTH)
-
-        if re.search('[A-Z]', text1) is None:
-            sign = BAD
-        else:
-            sign = GOOD
-        label_text.append(sign % PASSWORD_UPPER)
-
-        if re.search('[\d+]', text1) is None:
-            sign = BAD
-        else:
-            sign = GOOD
-        label_text.append(sign % PASSWORD_DIGIT)
-
-        if text1 != text2:
-            label_text.append(BAD % PASSWORD_MATCH)
-
-        self.ui.password_assistance.setText("<br>".join(label_text))
-
-
-def is_min_required_password(password):
-    """Return if the password meets the minimum requirements."""
-    if (len(password) < 8 or
-        re.search('[A-Z]', password) is None or
-        re.search('\d+', password) is None):
-        return False
-    return True
-
-
-# FIXME: this should do the same check as SSO's server side
-def is_correct_email(email_address):
-    """Return if the email is correct."""
-    return '@' in email_address
+# -*- coding: utf-8 -*-
+
+# Authors: Roberto Alsina <[e-mail]>
+#
+# Copyright 2011 Canonical Ltd.
+#
+# This program is free software: you can redistribute it and/or modify it
+# under the terms of the GNU General Public License version 3, as published
+# by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful, but
+# WITHOUT ANY WARRANTY; without even the implied warranties of
+# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
+# PURPOSE.  See the GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License along
+# with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+"""Customized Setup Account page for SSO."""
+
+import gettext
+import re
+
+from PyQt4 import QtGui
+
+from ubuntu_sso.qt import gui as sso_gui
+
+_ = gettext.gettext
+
+# pylint: disable=C0103
+BAD = u'<img src=":/password_hint_warning.png" /><font color="red"> %s </font>'
+GOOD = u'<img src=":/password_hint_ok.png" /><font color="green"> %s </font>'
+TITLE_STYLE = "<span style=\"font-size:24px\">%s</span>"
+
+EMPTY_NAME = _("Please enter your name")
+INVALID_EMAIL = _("Please enter a valid email address")
+EMAIL_MATCH = _("The email addresses do not match")
+PASSWORD_LENGTH = _("At least 8 characters")
+PASSWORD_DIGIT = _("At least one number")
+PASSWORD_UPPER = _("At least one uppercase letter")
+PASSWORD_MATCH = _("Passwords don't match")
+
+
+class SetupAccountPage(sso_gui.SetupAccountPage):
+
+    """Customized Setup Account page for SSO"""
+
+    def initializePage(self):
+        """Setup UI details."""
+        # We need to override some texts from SSO
+        # to match our spec
+        title_page = TITLE_STYLE % _("Sign Up to Ubuntu One")
+        self.setTitle(title_page)
+        self.setSubTitle(_("You only need to set up your account "
+        "once to get access to Ubuntu One across your devices."))
+
+        self.ui.name_label.setText(_("Name"))
+        self.ui.email_label.setText(_("Email"))
+        self.ui.confirm_email_label.setText(_("Retype email"))
+        self.ui.password_label.setText(_("Create a password"))
+        self.ui.confirm_password_label.setText(_("Retype password"))
+        self.ui.terms_checkbox.setText(
+            _("By signing up to Ubuntu One you agree to our Terms "
+            "of Service and Privacy Policy"))
+        self.ui.terms_button.setText(_("Show Terms of Service"))
+        self.ui.password_info_label.hide()
+
+        # Button setup
+        self.wizard().setButtonLayout([
+            QtGui.QWizard.Stretch,
+            QtGui.QWizard.BackButton,
+            QtGui.QWizard.CancelButton,
+            ])
+
+        self.ui.name_edit.textEdited.connect(self.name_assistance)
+        self.name_assistance()
+        self.ui.email_edit.textEdited.connect(self.email_assistance)
+        self.ui.email_edit.textEdited.connect(self.confirm_email_assistance)
+        self.email_assistance()
+        self.ui.confirm_email_edit.textEdited.connect(
+            self.confirm_email_assistance)
+        self.confirm_email_assistance()
+        self.ui.password_edit.textEdited.connect(self.password_assistance)
+        self.ui.confirm_password_edit.textEdited.connect(
+            self.password_assistance)
+        self.password_assistance()
+
+    def name_assistance(self):
+        """Show help for the name field."""
+        text = unicode(self.ui.name_edit.text())
+        if not text.strip():
+            self.ui.name_assistance.setVisible(True)
+            self.ui.name_assistance.setText(BAD % EMPTY_NAME)
+        else:
+            self.ui.name_assistance.setVisible(False)
+
+    def email_assistance(self):
+        """Show help for the email field."""
+        text = unicode(self.ui.email_edit.text())
+        if not is_correct_email(text):
+            self.ui.email_assistance.setText(BAD % INVALID_EMAIL)
+            self.ui.email_assistance.setVisible(True)
+        else:
+            self.ui.email_assistance.setVisible(False)
+
+    def confirm_email_assistance(self):
+        """Show help for the confirm email field."""
+        text1 = unicode(self.ui.email_edit.text())
+        text2 = unicode(self.ui.confirm_email_edit.text())
+        if text1 != text2:
+            self.ui.confirm_email_assistance.setText(BAD % EMAIL_MATCH)
+            self.ui.confirm_email_assistance.setVisible(True)
+        else:
+            self.ui.confirm_email_assistance.setVisible(False)
+
+    def password_assistance(self):
+        """Show help for the password field."""
+        text1 = unicode(self.ui.password_edit.text())
+        text2 = unicode(self.ui.confirm_password_edit.text())
+        label_text = ["<b>%s</b>" % _("Your password must contain"), ]
+
+        if len(text1) < 8:
+            sign = BAD
+        else:
+            sign = GOOD
+        label_text.append(sign % PASSWORD_LENGTH)
+
+        if re.search('[A-Z]', text1) is None:
+            sign = BAD
+        else:
+            sign = GOOD
+        label_text.append(sign % PASSWORD_UPPER)
+
+        if re.search('[\d+]', text1) is None:
+            sign = BAD
+        else:
+            sign = GOOD
+        label_text.append(sign % PASSWORD_DIGIT)
+
+        if text1 != text2:
+            label_text.append(BAD % PASSWORD_MATCH)
+
+        self.ui.password_assistance.setText("<br>".join(label_text))
+
+
+def is_min_required_password(password):
+    """Return if the password meets the minimum requirements."""
+    if (len(password) < 8 or
+        re.search('[A-Z]', password) is None or
+        re.search('\d+', password) is None):
+        return False
+    return True
+
+
+# FIXME: this should do the same check as SSO's server side
+def is_correct_email(email_address):
+    """Return if the email is correct."""
+    return '@' in email_address
 
=== modified file 'ubuntuone_installer/gui/qt/side_widget.py'
--- ubuntuone_installer/gui/qt/side_widget.py	2011-07-04 18:15:56 +0000
+++ ubuntuone_installer/gui/qt/side_widget.py	2011-07-22 16:39:49 +0000
@@ -1,49 +1,73 @@
-# -*- coding: utf-8 -*-
-
-# Authors: Roberto Alsina <[e-mail]>
-#
-# Copyright 2011 Canonical Ltd.
-#
-# This program is free software: you can redistribute it and/or modify it
-# under the terms of the GNU General Public License version 3, as published
-# by the Free Software Foundation.
-#
-# This program is distributed in the hope that it will be useful, but
-# WITHOUT ANY WARRANTY; without even the implied warranties of
-# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
-# PURPOSE.  See the GNU General Public License for more details.
-#
-# You should have received a copy of the GNU General Public License along
-# with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-"""Wizard's side widget."""
-
-from PyQt4 import QtGui
-
-from ubuntuone_installer.gui.qt.ui import side_widget_ui
-
-
-class SideWidget(QtGui.QWidget):
-
-    """Wizard's side widget."""
-
-    install_stage = 0
-    signin_stage = 1
-    choose_services_stage = 2
-    select_sync_folders_stage = 3
-    sync_stage = 4
-
-    def __init__(self, *args, **kwargs):
-        super(SideWidget, self).__init__(*args, **kwargs)
-        self.ui = side_widget_ui.Ui_Form()
-        self.ui.setupUi(self)
-        self.stage = 0
-
-    def set_stage(self, stage):
-        """Switch to the desired stage."""
-        self.stage = stage
-        self.ui.install_label.setEnabled(stage >= 0)
-        self.ui.sign_in_label.setEnabled(stage >= 1)
-        self.ui.choose_services_label.setEnabled(stage >= 2)
-        self.ui.select_folders_label.setEnabled(stage >= 3)
-        self.ui.sync_label.setEnabled(stage >= 4)
+# -*- coding: utf-8 -*-
+
+# Authors: Roberto Alsina <[e-mail]>
+#
+# Copyright 2011 Canonical Ltd.
+#
+# This program is free software: you can redistribute it and/or modify it
+# under the terms of the GNU General Public License version 3, as published
+# by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful, but
+# WITHOUT ANY WARRANTY; without even the implied warranties of
+# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
+# PURPOSE.  See the GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License along
+# with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+"""Wizard's side widget."""
+
+from PyQt4 import QtGui
+
+from ubuntuone_installer.gui.qt.ui import side_widget_ui
+# Module used ti include the resources into this file
+# pylint: disable=W0611
+from ubuntuone_installer.gui.qt.ui import images_rc
+# pylint: enable=W0611
+
+
+class SideWidget(QtGui.QFrame):
+
+    """Wizard's side widget."""
+
+    install_stage = 0
+    signin_stage = 1
+    choose_services_stage = 2
+    select_sync_folders_stage = 3
+    sync_stage = 4
+
+    def __init__(self, *args, **kwargs):
+        super(SideWidget, self).__init__(*args, **kwargs)
+        self.ui = side_widget_ui.Ui_SideWidget()
+        self.ui.setupUi(self)
+        self.stage = 0
+
+    def set_stage(self, stage):
+        """Switch to the desired stage."""
+        self.stage = stage
+        self.ui.install_label.setEnabled(stage >= 0)
+        self.ui.sign_in_label.setEnabled(stage >= 1)
+        self.ui.choose_services_label.setEnabled(stage >= 2)
+        self.ui.select_folders_label.setEnabled(stage >= 3)
+        self.ui.sync_label.setEnabled(stage >= 4)
+        self.set_stage_icon(self.ui.install_icon_label, self.install_stage)
+        self.set_stage_icon(self.ui.sign_icon_label, self.signin_stage)
+        self.set_stage_icon(self.ui.choose_icon_label,
+            self.choose_services_stage)
+        self.set_stage_icon(self.ui.folders_icon_label,
+            self.select_sync_folders_stage)
+        self.set_stage_icon(self.ui.sync_icon_label, self.sync_stage)
+
+    def set_stage_icon(self, label, label_stage):
+        """Set the label icon depending on the proper state."""
+        if self.stage == label_stage and label == self.ui.sync_icon_label:
+            label.setPixmap(QtGui.QPixmap(":/progress_finish_orange.png"))
+        elif self.stage == label_stage:
+            label.setPixmap(QtGui.QPixmap(":/progress_arrow_orange.png"))
+        elif self.stage > label_stage:
+            label.setPixmap(QtGui.QPixmap(":/progress_tick.png"))
+        elif label == self.ui.sync_icon_label:
+            label.setPixmap(QtGui.QPixmap(":/progress_finish_grey.png"))
+        else:
+            label.setPixmap(QtGui.QPixmap(":/progress_arrow_grey.png"))
 
=== modified file 'ubuntuone_installer/gui/qt/tests/test_gui.py'
--- ubuntuone_installer/gui/qt/tests/test_gui.py	2011-07-19 17:16:11 +0000
+++ ubuntuone_installer/gui/qt/tests/test_gui.py	2011-07-22 16:39:49 +0000
@@ -114,6 +114,10 @@
         self.ui.done(result=0)
         # world did not explode
 
+    def test_main_window_general_config(self):
+        """Check if the main properties of the windows are set."""
+        self.assertEqual(self.ui.windowTitle(), APP_NAME)
+
     def test_start_control_panel_on_finishing(self):
         """Calling done with result=1, the control panel should be called."""
         gui.AreYouSure.result = 0
@@ -188,7 +192,7 @@
     def test_current_user_controller_parameters(self):
         """Compare controller parameters with expected values."""
         self.assertEqual(self.ui.current_user_controller.args,
-        ((), {'title': gui.SIGN_IN,
+        ((), {'title': gui.TITLE_STYLE % gui.SIGN_IN,
               'subtitle': gui.SIGN_IN_SUBTITLE}))
 
     def test_stage_progression_1(self):
@@ -652,3 +656,24 @@
             setup_account.BAD % setup_account.PASSWORD_MATCH in
             unicode(self.ui.ui.password_assistance.text()),
         )
+
+    def test_side_widget_state(self):
+        """Test if the side widget of the wizard has state frame visible."""
+        if type(self.ui) != gui.MainWindow:
+            return
+        self.ui.on_currentIdChanged(self.ui.LICENSE_PAGE)
+        self.assertEqual(
+            True,
+            sideWidget().ui.states_frame.isVisible())
+        self.ui.on_currentIdChanged(self.ui.SIGNIN_PAGE)
+        self.assertEqual(
+            True,
+            sideWidget().ui.states_frame.isVisible())
+        self.ui.on_currentIdChanged(self.ui.local_folders_page_id)
+        self.assertEqual(
+            True,
+            sideWidget().ui.states_frame.isVisible())
+        self.ui.on_currentIdChanged(self.ui.CONGRATULATIONS_PAGE)
+        self.assertEqual(
+            True,
+            sideWidget().ui.states_frame.isVisible())
 
=== modified file 'ubuntuone_installer/gui/qt/tests/test_side_widget.py'
--- ubuntuone_installer/gui/qt/tests/test_side_widget.py	2011-07-07 13:08:24 +0000
+++ ubuntuone_installer/gui/qt/tests/test_side_widget.py	2011-07-22 16:39:49 +0000
@@ -1,100 +1,155 @@
-# -*- coding: utf-8 -*-
-
-# Authors: Alejandro J. Cura <[e-mail]>
-#          Roberto Alsina <[e-mail]>
-#
-# Copyright 2011 Canonical Ltd.
-#
-# This program is free software: you can redistribute it and/or modify it
-# under the terms of the GNU General Public License version 3, as published
-# by the Free Software Foundation.
-#
-# This program is distributed in the hope that it will be useful, but
-# WITHOUT ANY WARRANTY; without even the implied warranties of
-# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
-# PURPOSE.  See the GNU General Public License for more details.
-#
-# You should have received a copy of the GNU General Public License along
-# with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-"""Tests for the Qt UI."""
-
-from ubuntuone_installer.gui.qt.tests import BaseTestCase
-from ubuntuone_installer.gui.qt.side_widget import SideWidget
-
-
-class SideWidgetTestCase(BaseTestCase):
-
-    """Test the qt main window."""
-
-    class_ui = SideWidget
-
-    def test_stage_0(self):
-        """Check that each stage in the widget enables the right labels."""
-        self.ui.set_stage(0)
-        self.assertEqual(
-            self.ui.ui.install_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sign_in_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.choose_services_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.select_folders_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.sync_label.isEnabled(), False)
-
-    def test_stage_1(self):
-        """Check that each stage in the widget enables the right labels."""
-        self.ui.set_stage(1)
-        self.assertEqual(
-            self.ui.ui.install_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sign_in_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.choose_services_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.select_folders_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.sync_label.isEnabled(), False)
-
-    def test_stage_2(self):
-        """Check that each stage in the widget enables the right labels."""
-        self.ui.set_stage(2)
-        self.assertEqual(
-            self.ui.ui.install_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sign_in_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.choose_services_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.select_folders_label.isEnabled(), False)
-        self.assertEqual(
-            self.ui.ui.sync_label.isEnabled(), False)
-
-    def test_stage_3(self):
-        """Check that each stage in the widget enables the right labels."""
-        self.ui.set_stage(3)
-        self.assertEqual(
-            self.ui.ui.install_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sign_in_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.choose_services_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.select_folders_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sync_label.isEnabled(), False)
-
-    def test_stage_4(self):
-        """Check that each stage in the widget enables the right labels."""
-        self.ui.set_stage(4)
-        self.assertEqual(
-            self.ui.ui.install_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sign_in_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.choose_services_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.select_folders_label.isEnabled(), True)
-        self.assertEqual(
-            self.ui.ui.sync_label.isEnabled(), True)
+# -*- coding: utf-8 -*-
+
+# Authors: Alejandro J. Cura <[e-mail]>
+#          Roberto Alsina <[e-mail]>
+#
+# Copyright 2011 Canonical Ltd.
+#
+# This program is free software: you can redistribute it and/or modify it
+# under the terms of the GNU General Public License version 3, as published
+# by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful, but
+# WITHOUT ANY WARRANTY; without even the implied warranties of
+# MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
+# PURPOSE.  See the GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License along
+# with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+"""Tests for the Qt UI."""
+
+from PyQt4 import QtGui, QtCore
+
+from ubuntuone_installer.gui.qt.tests import BaseTestCase
+from ubuntuone_installer.gui.qt.side_widget import SideWidget
+# Module used ti include the resources into this file
+# pylint: disable=W0611
+from ubuntuone_installer.gui.qt.ui import images_rc
+# pylint: enable=W0611
+
+
+class SideWidgetTestCase(BaseTestCase):
+
+    """Test the qt main window."""
+
+    class_ui = SideWidget
+
+    def test_stage_0(self):
+        """Check that each stage in the widget enables the right labels."""
+        self.ui.set_stage(0)
+        self.assertEqual(
+            self.ui.ui.install_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sign_in_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.choose_services_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.select_folders_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.sync_label.isEnabled(), False)
+        self.check_state_pixmap(0)
+
+    def test_stage_1(self):
+        """Check that each stage in the widget enables the right labels."""
+        self.ui.set_stage(1)
+        self.assertEqual(
+            self.ui.ui.install_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sign_in_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.choose_services_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.select_folders_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.sync_label.isEnabled(), False)
+        self.check_state_pixmap(1)
+
+    def test_stage_2(self):
+        """Check that each stage in the widget enables the right labels."""
+        self.ui.set_stage(2)
+        self.assertEqual(
+            self.ui.ui.install_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sign_in_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.choose_services_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.select_folders_label.isEnabled(), False)
+        self.assertEqual(
+            self.ui.ui.sync_label.isEnabled(), False)
+        self.check_state_pixmap(2)
+
+    def test_stage_3(self):
+        """Check that each stage in the widget enables the right labels."""
+        self.ui.set_stage(3)
+        self.assertEqual(
+            self.ui.ui.install_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sign_in_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.choose_services_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.select_folders_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sync_label.isEnabled(), False)
+        self.check_state_pixmap(3)
+
+    def test_stage_4(self):
+        """Check that each stage in the widget enables the right labels."""
+        self.ui.set_stage(4)
+        self.assertEqual(
+            self.ui.ui.install_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sign_in_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.choose_services_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.select_folders_label.isEnabled(), True)
+        self.assertEqual(
+            self.ui.ui.sync_label.isEnabled(), True)
+        self.check_state_pixmap(4)
+
+    def get_pixmap_data(self, pixmap):
+        """Get the raw data of a QPixmap."""
+        byte_array = QtCore.QByteArray()
+        array_buffer = QtCore.QBuffer(byte_array)
+        pixmap.save(array_buffer, "PNG")
+        return byte_array
+
+    # Invalid name "assertEqualPixmap"
+    # pylint: disable=C0103
+
+    def assertEqualPixmaps(self, pixmap1, pixmap2):
+        """Compare two Qt pixmaps."""
+        d1 = self.get_pixmap_data(pixmap1)
+        d2 = self.get_pixmap_data(pixmap2)
+        self.assertEqual(d1, d2)
+
+    def check_state_pixmap(self, stage):
+        """Check if each label has the proper pixmap depending on the state."""
+        print stage
+        active_pixmap = QtGui.QPixmap(":/progress_arrow_orange.png")
+        no_active_pixmap = QtGui.QPixmap(":/progress_arrow_grey.png")
+        complete_pixmap = QtGui.QPixmap(":/progress_tick.png")
+        sync_active_pixmap = QtGui.QPixmap(":/progress_finish_orange.png")
+        sync_no_active_pixmap = QtGui.QPixmap(":/progress_finish_grey.png")
+        labels = (
+            self.ui.ui.install_icon_label,
+            self.ui.ui.sign_icon_label,
+            self.ui.ui.choose_icon_label,
+            self.ui.ui.folders_icon_label,
+            self.ui.ui.sync_icon_label)
+
+        for item in labels[:stage]:
+            self.assertEqualPixmaps(complete_pixmap, item.pixmap())
+
+        if stage != 4:
+            self.assertEqualPixmaps(active_pixmap, labels[stage].pixmap())
+        else:
+            self.assertEqualPixmaps(sync_active_pixmap, labels[4].pixmap())
+
+        if stage < 4:
+            for item in labels[stage + 1:len(labels) - 1]:
+                self.assertEqualPixmaps(no_active_pixmap, item.pixmap())
+            self.assertEqualPixmaps(sync_no_active_pixmap, labels[4].pixmap())