experiments

qml/Application/Assets.qml

@@ -4,6 +4,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
+import Qt.labs.qmlmodels
 
 import magpie
 import magpie.Components as Components
@@ -21,7 +22,8 @@ Item {
 
         Label {
             id: label
-            text: "This is Assets screen"
+            text: "Assets"
+            Layout.alignment: Qt.AlignHCenter
             font {
                 pixelSize: 24
                 bold: true
@@ -34,13 +36,85 @@ Item {
             Layout.fillWidth: true
             model: Magpie.assets
             spacing: 5
+
             delegate: Components.AssetLine {
-                height: 30
+                height: 40
                 width: listView.width
 
                 onRemove: id => item.remove(id)
                 onEdit: id => item.edit(id)
             }
+
+            // model: TableModel {
+            //     TableModelColumn { display: "icon"; decoration: "color" }
+            //     TableModelColumn { display: "title" }
+            //     TableModelColumn { display: "balance" }
+            //     TableModelColumn { display: "currency" }
+            //     TableModelColumn { display: "assetID" }
+            //     TableModelColumn { display: "assetID" }
+            // }
+
+            // delegate: DelegateChooser {
+            //     property int iconSize: 40
+
+            //     DelegateChoice {
+            //         column: 0
+            //         delegate: Rectangle {
+            //             implicitWidth: iconSize
+            //             implicitHeight: iconSize
+            //             color: model.decoration
+
+            //             Components.Icon {
+            //                 anchors.fill: parent
+            //                 anchors.margins: 2
+            //                 iconName: model.display
+            //                 color: pickColor(model.decoration)
+            //             }
+            //         }
+            //     }
+            //     DelegateChoice {
+            //         column: 1
+            //         delegate: Label {
+            //             text: model.display
+            //             verticalAlignment: Text.AlignVCenter
+            //             font.bold: true
+            //         }
+            //     }
+            //     DelegateChoice {
+            //         column: 2
+            //         delegate: Label {
+            //             text: model.display
+            //             verticalAlignment: Text.AlignVCenter
+            //         }
+            //     }
+            //     DelegateChoice {
+            //         column: 3
+            //         delegate: Label {
+            //             text: model.display
+            //             verticalAlignment: Text.AlignVCenter
+            //         }
+            //     }
+            //     DelegateChoice {
+            //         column: 4
+            //         delegate: Button {
+            //             text: qsTr("Edit")
+            //             icon.name: "entry-edit"
+            //             flat: true
+            //             onClicked: edit(model.display)
+            //         }
+            //     }
+            //     DelegateChoice {
+            //         column: 5
+            //         delegate: Button {
+            //             text: qsTr("Delete")
+            //             icon.name: "delete"
+            //             onClicked: remove(model.display)
+            //             palette {   //unfortunately doesn't work anymore
+            //                 button: "red"
+            //             }
+            //         }
+            //     }
+            // }
         }
     }
 

qml/Application/CMakeLists.txt

@@ -14,6 +14,7 @@ qt_add_qml_module(magpieApplication
         Home.qml
         Assets.qml
         Records.qml
+        Currencies.qml
 )
 
 target_link_libraries(magpie PRIVATE magpieApplication)

qml/Application/Currencies.qml

@@ -0,0 +1,94 @@
+//  SPDX-FileCopyrightText: 2023 Yury Gubich <blue@macaw.me>
+//  SPDX-License-Identifier: GPL-3.0-or-later
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import magpie
+import magpie.Components as Components
+
+Item {
+    ColumnLayout {
+        id: column
+        anchors.fill: parent
+
+        Label {
+            id: label
+            text: "Currencies"
+            Layout.alignment: Qt.AlignHCenter
+            font {
+                pixelSize: 24
+                bold: true
+            }
+        }
+
+        RowLayout {
+            spacing: 5
+            Label {
+                text: "Main currency:"
+                Layout.alignment: Qt.AlignVCenter
+            }
+
+            ComboBox {
+                property int currency: 1
+                id: currencyField
+
+                textRole: "code"
+                valueRole: "id"
+
+                model: Magpie.currencies
+
+                Component.onCompleted: currentIndex = indexOfValue(currency)
+                onActivated: index => currency = currentValue
+            }
+        }
+
+        ListView {
+            id: listView
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            model: Magpie.currencies
+            spacing: 5
+            delegate: Item {
+                required property string title
+                required property string code
+                required property double value
+
+                id: line
+
+                height: 40
+                width: listView.width
+
+                RowLayout {
+                    anchors.fill: parent
+
+                    Label {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: code
+                        verticalAlignment: Text.AlignVCenter
+                        horizontalAlignment: Text.AlignHCenter
+                        font.bold: true
+                    }
+
+                    Label {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: value
+                        verticalAlignment: Text.AlignVCenter
+                        font.bold: true
+                        font.underline: true
+                    }
+
+                    Label {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: title
+                        verticalAlignment: Text.AlignVCenter
+                    }
+                }
+            }
+        }
+    }
+}

qml/Application/Main.qml

@@ -16,10 +16,10 @@ Item {
 
         Column {
             id: menu
-            Layout.fillWidth: true
+            // Layout.fillWidth: true
-            Layout.minimumWidth: 50
+            // Layout.minimumWidth: 50
-            Layout.preferredWidth: 100
+            Layout.preferredWidth: children[3].implicitWidth
-            Layout.maximumWidth: 100
+            // Layout.maximumWidth: 100
             Layout.alignment: Qt.AlignTop
 
             MenuItem {
@@ -28,7 +28,7 @@ Item {
                 icon.name: "home"
                 highlighted: currentPage === "home"
                 onTriggered: {
-                    if (!this.highlighted)
+                    if (!highlighted)
                         content.replace(home)
                 }
             }
@@ -38,7 +38,7 @@ Item {
                 icon.name: "document-properties"
                 highlighted: currentPage === "assets"
                 onTriggered: {
-                    if (!this.highlighted)
+                    if (!highlighted)
                         content.replace(assets)
                 }
             }
@@ -48,12 +48,22 @@ Item {
                 icon.name: "system-search"
                 highlighted: currentPage === "records"
                 onTriggered: {
-                    if (!this.highlighted)
+                    if (!highlighted)
                         content.replace(records)
                 }
             }
-        }
 
+            MenuItem {
+                width: parent.width
+                text: qsTr("Currencies")
+                icon.name: "format-currency"
+                highlighted: currentPage === "currencies"
+                onTriggered: {
+                    if (!highlighted)
+                        content.replace(currencies)
+                }
+            }
+        }
         StackView {
             id: content
             initialItem: home
@@ -84,6 +94,13 @@ Item {
                     StackView.onActivating: currentPage = "records"
                 }
             }
+
+            Component {
+                id: currencies
+                Currencies {
+                    StackView.onActivating: currentPage = "currencies"
+                }
+            }
         }
     }
 }

qml/Forms/Asset.qml

@@ -79,7 +79,7 @@ Item {
             ComboBox {
                 id: currencyField
 
-                textRole: "title" //"code"
+                textRole: "code"
                 valueRole: "id"
 
                 model: Magpie.currencies