Gallery example: Add "Help" menu and shortcut

Add a property "control" identifying the control to be demo-ed
to the page and add a help shortcut and menu item displaying
its help.

Change-Id: Ic3c7c31f5a44fccd57ee018fd3681dc6bdffee58
Reviewed-by: Cristian Maureira-Fredes <cristian.maureira-fredes@qt.io>
Reviewed-by: Paul Wicking <paul.wicking@qt.io>
Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>

examples/quickcontrols2/gallery/gallery.qml

@@ -62,6 +62,15 @@ ApplicationWindow {
     visible: true
     title: "Qt Quick Controls 2"
 
+    function help()
+    {
+        var url = "https://doc.qt.io/qt-5/"
+            + (stackView.depth > 1
+               ? "qml-qtquick-controls2-" + stackView.currentItem.control + ".html"
+               : "qtquick-controls2-qmlmodule.html");
+        Qt.openUrlExternally(url)
+    }
+
     Settings {
         id: settings
         property string style: "Default"
@@ -73,6 +82,11 @@ ApplicationWindow {
         onActivated: navigateBackAction.trigger()
     }
 
+    Shortcut {
+        sequence: StandardKey.HelpContents
+        onActivated: help()
+    }
+
     Action {
         id: navigateBackAction
         icon.name: stackView.depth > 1 ? "back" : "drawer"
@@ -130,6 +144,10 @@ ApplicationWindow {
                         text: "Settings"
                         onTriggered: settingsDialog.open()
                     }
+                    Action {
+                        text: "Help"
+                        onTriggered: help()
+                    }
                     Action {
                         text: "About"
                         onTriggered: aboutDialog.open()

examples/quickcontrols2/gallery/pages/BusyIndicatorPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "busyindicator"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/ButtonPage.qml

@@ -55,6 +55,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "button"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/CheckBoxPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "checkbox"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/ComboBoxPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "combobox"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/DelayButtonPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    property string control : "delaybutton"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/DelegatePage.qml

@@ -55,6 +55,8 @@ import QtQuick.Controls 2.12
 Pane {
     padding: 0
 
+    property string control : "swipedelegate"
+
     property var delegateComponentMap: {
         "ItemDelegate": itemDelegateComponent,
         "SwipeDelegate": swipeDelegateComponent,

examples/quickcontrols2/gallery/pages/DialPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "dial"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/DialogPage.qml

@@ -55,6 +55,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "dialog"
+
     readonly property int buttonWidth: Math.max(button.implicitWidth, Math.min(button.implicitWidth * 2, page.availableWidth / 3))
 
     Column {

examples/quickcontrols2/gallery/pages/FramePage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "frame"
+
     readonly property int itemWidth: Math.max(button.implicitWidth, Math.min(button.implicitWidth * 3, page.availableWidth / 3 * 2))
 
     Column {

examples/quickcontrols2/gallery/pages/GroupBoxPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "groupbox"
+
     readonly property int itemWidth: Math.max(button.implicitWidth, Math.min(button.implicitWidth * 3, page.availableWidth / 3 * 2))
 
     Column {

examples/quickcontrols2/gallery/pages/PageIndicatorPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "pageindicator"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/ProgressBarPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "progressbar"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/RadioButtonPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "radiobutton"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/RangeSliderPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "rangeslider"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/ScrollBarPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 Flickable {
     id: flickable
 
+    readonly property string control : "scrollbar"
+
     contentHeight: pane.height
 
     Pane {

examples/quickcontrols2/gallery/pages/ScrollIndicatorPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 Flickable {
     id: flickable
 
+    readonly property string control : "scrollindicator"
+
     contentHeight: pane.height
 
     Pane {

examples/quickcontrols2/gallery/pages/ScrollablePage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 Page {
     id: page
 
+    readonly property string control : "flickable"
+
     default property alias content: pane.contentItem
 
     Flickable {

examples/quickcontrols2/gallery/pages/SliderPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "slider"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/SpinBoxPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : ""
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/StackViewPage.qml

@@ -55,6 +55,8 @@ StackView {
     id: stackView
     initialItem: page
 
+    readonly property string control : "stackview"
+
     Component {
         id: page
 

examples/quickcontrols2/gallery/pages/SwipeViewPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 Pane {
     id: pane
 
+    readonly property string control : "swipeview"
+
     SwipeView {
         id: view
         currentIndex: 1

examples/quickcontrols2/gallery/pages/SwitchPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "switch"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/TabBarPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 Page {
     id: page
 
+    readonly property string control : "tabbar"
+
     SwipeView {
         id: swipeView
         anchors.fill: parent

examples/quickcontrols2/gallery/pages/TextAreaPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "textarea"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/TextFieldPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "textfield"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/ToolTipPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "tooltip"
+
     Column {
         spacing: 40
         width: parent.width

examples/quickcontrols2/gallery/pages/TumblerPage.qml

@@ -54,6 +54,8 @@ import QtQuick.Controls 2.12
 ScrollablePage {
     id: page
 
+    readonly property string control : "tumbler"
+
     Column {
         spacing: 40
         width: parent.width