chore(@storybook): add language & currency settings view to storybook

chore(@storybook): add language & currency settings view to storybook

chore(@storybook): add language & currency settings view to storybook

fix storybook menu

remove qsTr

storybook/main.qml

@@ -44,6 +44,9 @@ ApplicationWindow {
         ListElement {
              title: "AboutView"
         }
+        ListElement {
+            title: "LanguageCurrencySettings"
+        }
     }
 
     SplitView {
@@ -97,18 +100,6 @@ ApplicationWindow {
 
                     onPageSelected: root.currentPage = page
                 }
-
-                StatusNavigationListItem {
-                    title: "AboutView"
-                    selected: viewLoader.source.toString().includes(title)
-                    onClicked: mainPageView.page(title);
-                }
-
-                StatusNavigationListItem {
-                    title: "AboutView"
-                    selected: viewLoader.source.toString().includes(title)
-                    onClicked: mainPageView.page(title);
-                }
             }
         }
 

storybook/pages/LanguageCurrencySettingsPage.qml

@@ -0,0 +1,113 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+
+import AppLayouts.Profile.views 1.0
+import AppLayouts.Profile.stores 1.0
+
+import Storybook 1.0
+
+import utils 1.0
+
+SplitView {
+    Logs { id: logs }
+
+    SplitView {
+        orientation: Qt.Vertical
+        SplitView.fillWidth: true
+
+        LanguageView {
+            SplitView.fillWidth: true
+            SplitView.fillHeight: true
+            contentWidth: parent.width
+
+            languageStore: LanguageStore {
+                readonly property string currentLanguage: "en"
+
+                readonly property ListModel languageModel: ListModel {
+                    ListElement {
+                        locale: "ar"
+                        name: "Arabic"
+                        shortName: "العربية"
+                        flag: "🇸🇦"
+                        state: 0
+                    }
+                    ListElement {
+                        locale: "en"
+                        name: "English"
+                        shortName: "English"
+                        flag: "🏴󠁧󠁢󠁥󠁮󠁧󠁿"
+                        state: 2
+                    }
+                }
+
+                function changeLanguage(locale) {
+                    logs.logEvent("languageStore::changeLanguage", ["locale"], arguments)
+                }
+
+                function setIsDDMMYYDateFormat(isDDMMYYDateFormat) {
+                    logs.logEvent("languageStore::setIsDDMMYYDateFormat", ["isDDMMYYDateFormat"], arguments)
+                }
+
+                function setIs24hTimeFormat(is24hTimeFormat) {
+                    logs.logEvent("languageStore::setIs24hTimeFormat", ["is24hTimeFormat"], arguments)
+                }
+            }
+
+            currencyStore: QtObject {
+                property string currentCurrency: "usd"
+                property string currentCurrencySymbol: "usd"
+
+                readonly property ListModel currenciesModel: ListModel {
+                    ListElement {
+                        key: "usd"
+                        shortName: "USD"
+                        name: "US Dollars"
+                        symbol: "$"
+                        category: ""
+                        imageSource: "../../../../imports/shared/assets/twemoji/svg/1f1fa-1f1f8.svg"
+                        selected: false
+                    }
+
+                    ListElement {
+                        key: "gbp"
+                        shortName: "GBP"
+                        name: "British Pound"
+                        symbol: "£"
+                        category: ""
+                        imageSource: "../../../../imports/shared/assets/twemoji/svg/1f1ec-1f1e7.svg"
+                        selected: false
+                    }
+                }
+
+                function updateCurrenciesModel() {
+                    logs.logEvent("currencyStore::updateCurrenciesModel")
+                }
+
+                function updateCurrency(currencyKey) {
+                    logs.logEvent("currencyStore::updateCurrency", ["currencyKey"], arguments)
+                }
+            }
+        }
+
+        LogsAndControlsPanel {
+            id: logsAndControlsPanel
+
+            SplitView.minimumHeight: 100
+            SplitView.preferredHeight: 200
+
+            logsView.logText: logs.logText
+        }
+    }
+
+    Control {
+        SplitView.minimumWidth: 300
+        SplitView.preferredWidth: 300
+
+        font.pixelSize: 13
+
+        // model editor will go here
+    }
+}
+
+

ui/app/AppLayouts/Profile/stores/qmldir

@@ -0,0 +1 @@
+LanguageStore 1.0 LanguageStore.qml

ui/app/AppLayouts/Profile/views/qmldir

@@ -1 +1,2 @@
 AboutView 1.0 AboutView.qml
+LanguageView 1.0 LanguageView.qml