add book

Qt6QMLBeginnersCode/13-Storage/5-SQLite/Main.qml

@@ -0,0 +1,51 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+import QtQuick.LocalStorage
+import QtQuick.Dialogs
+import "Database.js" as JS
+
+Window {
+    id: rootId
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("SQLite")
+    property var db ;
+
+    Rectangle{
+        id: rectId
+        anchors.fill: parent
+        color: "red"
+
+        MouseArea{
+            anchors.fill: parent
+            onClicked: {
+                colorDialogId.open()
+            }
+
+            ColorDialog {
+                id: colorDialogId
+                title: "Please choose a color"
+                onAccepted: {
+                    console.log("The new color is: "+ selectedColor)
+                    rectId.color = selectedColor
+                }
+                onRejected: {
+                    console.log("Canceled")
+                }
+            }
+        }
+    }
+
+    Component.onCompleted: {
+        //Read data
+        JS.dbInit()
+        JS.readData()
+    }
+
+    Component.onDestruction: {
+        JS.storeData()
+    }
+}