Merge lp:~verzegnassi-stefano/ubuntu-terminal-app/add-thumbnails-tabspage into lp:~ubuntu-terminal-dev/ubuntu-terminal-app/reboot

[Stefano Verzegnassi]

Added thumbnails in Tabs page

Added thumbnails in Tabs page

Since the terminal widget is a QQuickItem, we can grab a thumbnail just using a shader. The pointer to QQuickItem is provided by TabsModel.

Just a note: this has been tested on desktop and on a Nexus 5. Please check if sizing is correct on Nexus 4 (and/or other devices w/ same resolution).

[Filippo Scognamiglio (flscogna)]

review: Approve

=== modified file 'src/app/qml/TabsPage.qml'
--- src/app/qml/TabsPage.qml	2014-11-22 14:30:52 +0000
+++ src/app/qml/TabsPage.qml	2014-11-29 16:27:33 +0000
@@ -29,13 +29,30 @@
 
             delegate: ListItemWithActions{
                 width: parent.width
+		height: units.gu(25)
 
                 onItemClicked: { tabsModel.selectTab(index); }
 
-                contents: Label {
-                    text: tabsModel.get(index).terminal.session.title
-                    anchors.left: parent.left
-                    anchors.verticalCenter: parent.verticalCenter
+                contents: Row {
+                    anchors.fill: parent
+                    spacing: units.gu(4)
+
+                    ShaderEffectSource {
+                        id: thumb
+
+                        width: height * (model.terminal.width / model.terminal.height)
+                        height: parent.height
+
+                        sourceItem: model.terminal
+                    }
+
+                    Label {
+                        width: parent.width - (thumb.width + units.gu(6))
+
+                        text: tabsModel.get(index).terminal.session.title
+                        anchors.verticalCenter: parent.verticalCenter
+                        wrapMode: Text.Wrap
+                    }
                 }
 
                 Rectangle {