Add MnemonicLabel and MnemonicAction components

Looks like i am going to do many Labels and Actions that require
mnemonics, and i do not want to setup the properties everytime.

src/CMakeLists.txt

@@ -15,6 +15,8 @@ qt_add_qml_module(${PROJECT_NAME}
         ErrorNotification.qml
         LoginPage.qml
         Main.qml
+        MnemonicAction.qml
+        MnemonicLabel.qml
         ReservationsPage.qml
         SelectableLabel.qml
 )

src/LoginPage.qml

@@ -9,19 +9,9 @@ Page {
     title: qsTr("Login")
 
     ColumnLayout {
-        Label {
+        MnemonicLabel {
-            id: userLabel
+            buddy: user
-
+            mnemonic: qsTr("&User:")
-            Mnemonic.label: qsTr("&User:")
-            text: Mnemonic.richTextLabel
-
-            Shortcut {
-                sequence: userLabel.Mnemonic.sequence
-
-                onActivated: function () {
-                    user.forceActiveFocus();
-                }
-            }
         }
 
         TextField {
@@ -30,19 +20,9 @@ Page {
             focus: true
         }
 
-        Label {
+        MnemonicLabel {
-            id: passwordLabel
+            buddy: password
-
+            mnemonic: qsTr("&Password:")
-            Mnemonic.label: qsTr("&Password:")
-            text: Mnemonic.richTextLabel
-
-            Shortcut {
-                sequence: passwordLabel.Mnemonic.sequence
-
-                onActivated: function () {
-                    password.forceActiveFocus();
-                }
-            }
         }
 
         TextField {
@@ -56,12 +36,10 @@ Page {
         }
     }
 
-    Action {
+    MnemonicAction {
         id: loginAction
 
-        Mnemonic.label: qsTr("Log &in")
+        mnemonic: qsTr("Log &in")
-        shortcut: Mnemonic.sequence
-        text: Mnemonic.richTextLabel
 
         onTriggered: function () {
             Database.open(user.text, password.text);

src/MnemonicAction.qml

@@ -0,0 +1,12 @@
+import QtQuick
+import QtQuick.Controls
+
+Action {
+    id: control
+
+    required property string mnemonic
+
+    Mnemonic.label: mnemonic
+    shortcut: Mnemonic.sequence
+    text: Mnemonic.richTextLabel
+}

src/MnemonicLabel.qml

@@ -0,0 +1,21 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+import QtQuick.Controls
+
+Label {
+    id: control
+
+    required property Item buddy
+    required property string mnemonic
+
+    Mnemonic.label: control.mnemonic
+    text: Mnemonic.richTextLabel
+
+    Shortcut {
+        sequence: control.Mnemonic.sequence
+
+        onActivated: function () {
+            control.buddy.forceActiveFocus();
+        }
+    }
+}

src/ReservationsPage.qml

@@ -15,13 +15,11 @@ Page {
         }
     }
 
-    Action {
+    MnemonicAction {
         id: logoutAction
 
-        Mnemonic.label: qsTr("Log &out")
         icon.name: "system-log-out"
-        shortcut: Mnemonic.sequence
+        mnemonic: qsTr("Log &out")
-        text: Mnemonic.richTextLabel
 
         onTriggered: function () {
             Database.close();