Welcome screen: Turn the "Icon plus link" into a component

Change-Id: I65006bbd0c0b26f84eba2c38e511c53ae23753da
Reviewed-by: Thomas Hartmann <Thomas.Hartmann@nokia.com>

share/qtcreator/welcomescreen/gettingstarted.qml

@@ -133,59 +133,22 @@ Rectangle {
 
             rows: gettingStartedRoot.height > 640 ? 3 : 1
 
-            Row {
+            IconAndLink {
-                id: userGuide
+                iconName: "userguideIcon"
-                spacing: 4
+                linkText: qsTr("User Guide")
-                Image {
-                    y: 10
-                    source: "widgets/images/icons/userguideIcon.png"
-                }
-
-                LinkedText {
-                    x: 19
-                    y: 5
-                    height: 38
-                    text: qsTr("User Guide")
-                    verticalAlignment: Text.AlignBottom
                 onClicked: gettingStarted.openHelp("qthelp://com.nokia.qtcreator/doc/index.html")
             }
+
+            IconAndLink {
+                iconName: "communityIcon"
+                linkText: qsTr("Online Community")
+                onClicked: gettingStarted.openHelp("http://developer.qt.nokia.com/forums")
             }
 
-            Row {
+            IconAndLink {
-                id: onlineCommunity
+                iconName: "labsIcon"
-                spacing: 4
+                linkText: qsTr("Labs")
-                Image {
+                onClicked: gettingStarted.openHelp("http://labs.qt.nokia.com")
-                    y: 10
-                    source: "widgets/images/icons/communityIcon.png"
-                }
-
-                LinkedText {
-                    x: 19
-                    y: 5
-                    height: 38
-                    text: qsTr("Online Community")
-                    verticalAlignment: Text.AlignBottom
-                    onClicked: gettingStarted.openUrl("http://developer.qt.nokia.com/forums")
-                }
-            }
-
-            Row {
-                id: labs
-                spacing: 4
-                Image {
-                    y: 10
-                    source: "widgets/images/icons/labsIcon.png"
-                }
-
-                LinkedText {
-                    x: 19
-                    y: 5
-                    height: 38
-                    text: qsTr("Labs")
-                    verticalAlignment: Text.AlignBottom
-                    onClicked: gettingStarted.openUrl("http://labs.qt.nokia.com")
-                }
-
             }
         }
 

share/qtcreator/welcomescreen/widgets/IconAndLink.qml

@@ -0,0 +1,26 @@
+import QtQuick 1.1
+import widgets 1.0
+
+Row {
+    id: root
+
+    property string iconName
+    property string linkText
+    signal clicked
+
+    spacing: 4
+
+    Image {
+        y: 10
+        source: "images/icons/" + iconName +".png"
+    }
+
+    LinkedText {
+        x: 19
+        y: 5
+        height: 38
+        text: linkText
+        verticalAlignment: Text.AlignBottom
+        onClicked: root.clicked();
+    }
+}

share/qtcreator/welcomescreen/widgets/qmldir

@@ -16,4 +16,5 @@ Sessions 1.0 Sessions.qml
 Feedback 1.0 Feedback.qml
 PageLoader 1.0 PageLoader.qml
 ToolTip 1.0 ToolTip.qml
+IconAndLink 1.0 IconAndLink.qml