Simplified dashboard by using Repeater component

1 files changed, 23 insertions, 118 deletions

diff --git a/multilayer-dashboard/ColumnFour.qml b/multilayer-dashboard/ColumnFour.qml
index 13c2d07..a64906a 100644
--- a/multilayer-dashboard/ColumnFour.qml
+++ b/multilayer-dashboard/ColumnFour.qml
@@ -56,126 +56,31 @@ Rectangle {
         height: parent.height
         spacing: 2
 
-        ExpandableWidget {
-            id: firstWidget
-            widget: RotatableImage {
-                source: "../animals/images/ArtFavor_Cartoon_Sheep.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: firstWidget.fullScreen = !firstWidget.fullScreen }
+        Repeater {
+            model: [
+                "../animals/images/ArtFavor_Cartoon_Sheep.png",
+                "../animals/images/danko_Friendly_rabbit.png",
+                "../animals/images/Gerald_G_Rubber_Duck.png",
+                "../animals/images/molumen_Green_sitting_frog.png",
+                "../animals/images/bugmenot_Happy_Pig.png",
+                "../animals/images/lemmling_Cartoon_cow.png",
+                "../animals/images/PeterM_Sad_cat.png",
+                "../animals/images/carlitos_Green_Worm.png",
+                "../animals/images/Gerald_G_Crawfish.png",
+                "../animals/images/Machovka_lady_bug.png",
+                "../animals/images/qt-logo.png"
+            ]
+            ExpandableWidget {
+                id: me
+                widget: RotatableImage {
+                    source: modelData
+                    GestureArea {
+                        anchors.fill: parent
+                        Tap { onFinished: me.fullScreen = !me.fullScreen }
+                    }
                 }
+                fullScreenWidget: myRow.reparentWidget
             }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: secondWidget
-            widget: RotatableImage {
-                source: "../animals/images/bugmenot_Happy_Pig.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: secondWidget.fullScreen = !secondWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: thirdWidget
-            widget: RotatableImage {
-                source: "../animals/images/carlitos_Green_Worm.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: thirdWidget.fullScreen = !thirdWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: fourthWidget
-            widget: RotatableImage {
-                source: "../animals/images/danko_Friendly_rabbit.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: fourthWidget.fullScreen = !fourthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: fifthWidget
-            widget: RotatableImage {
-                source: "../animals/images/Gerald_G_Crawfish.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: fifthWidget.fullScreen = !fifthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: sixthWidget
-            widget: RotatableImage {
-                source: "../animals/images/Gerald_G_Rubber_Duck.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: sixthWidget.fullScreen = !sixthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: seventhWidget
-            widget: RotatableImage {
-                source: "../animals/images/lemmling_Cartoon_cow.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: seventhWidget.fullScreen = !seventhWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: eighthWidget
-            widget: RotatableImage {
-                source: "../animals/images/Machovka_lady_bug.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: eighthWidget.fullScreen = !eighthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: ninthWidget
-            widget: RotatableImage {
-                source: "../animals/images/molumen_Green_sitting_frog.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: ninthWidget.fullScreen = !ninthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: tenthWidget
-            widget: RotatableImage {
-                source: "../animals/images/PeterM_Sad_cat.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: tenthWidget.fullScreen = !tenthWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
-        }
-        ExpandableWidget {
-            id: eleventhWidget
-            widget: RotatableImage {
-                source: "../animals/images/qt-logo.png"
-                GestureArea {
-                    anchors.fill: parent
-                    Tap { onFinished: eleventhWidget.fullScreen = !eleventhWidget.fullScreen }
-                }
-            }
-            fullScreenWidget: myRow.reparentWidget
         }
 
         property int maxY : (tapWidgetContainer.childrenRect.height > topLevel.height) ?