Automatic demoing mode into Kria Cluster

After 60s inactivity, start automatically switching menus.
While the automode is on, show small blinking icon at
top-left corner.

Task-number: QT3DS-1226

kria-cluster-3d-demo/qml/OverlayContainer.qml

@@ -172,34 +172,30 @@ OverlayContainerForm {
         }
     }
 
+    function userSelectContent(index) {
+        previousContentIndex = contentIndex;
+        contentIndex = index;
+        selectContent(index);
+    }
+
     // Handle content button clicks
     mouseAreaSettings.onClicked: {
-        previousContentIndex = contentIndex;
-        contentIndex = 1;
-        selectContent(1);
+        userSelectContent(1);
     }
 
     mouseAreaNavigation.onClicked: {
-        previousContentIndex = contentIndex;
-        contentIndex = 2;
-        selectContent(2);
+        userSelectContent(2);
     }
 
     mouseAreaMusic.onClicked: {
-        previousContentIndex = contentIndex;
-        contentIndex = 3;
-        selectContent(3);
+        userSelectContent(3);
     }
 
     mouseAreaCall.onClicked: {
-        previousContentIndex = contentIndex;
-        contentIndex = 4;
-        selectContent(4);
+        userSelectContent(4);
     }
 
     mouseAreaCar.onClicked: {
-        previousContentIndex = contentIndex;
-        contentIndex = 5;
-        selectContent(5);
+        userSelectContent(5);
     }
 }

kria-cluster-3d-demo/qml/main.qml

@@ -212,20 +212,24 @@ Item {
     }
 
     Keys.onRightPressed: {
+        userActivity();
         menuSelect(true);
     }
 
     Keys.onLeftPressed: {
+        userActivity();
         menuSelect(false);
     }
 
     Keys.onUpPressed: {
+        userActivity();
         selectedMenuIndex--;
         if (selectedMenuIndex < 0)
             selectedMenuIndex = 0;
     }
 
     Keys.onDownPressed: {
+        userActivity();
         selectedMenuIndex++;
         if (selectedMenuIndex > maxMenuIndex)
             selectedMenuIndex = maxMenuIndex;
@@ -317,9 +321,79 @@ Item {
         }
     }
 
+    // Trigger this to stop automatic demoing mode and/or
+    // keep it from not starting.
+    function userActivity() {
+        automaticDemoDelay.restart();
+        if (automaticDemoingTimer.running)
+            automaticDemoingTimer.stop();
+    }
+
+    Timer {
+        id: automaticDemoDelay
+        // Non-interactivity delay
+        interval: 60000
+        repeat: false
+        running: true
+        onTriggered: {
+            automaticDemoingTimer.start();
+        }
+    }
+
+    Timer {
+        id: automaticDemoingTimer
+        interval: 8000
+        repeat: true
+        running: false
+        triggeredOnStart: true
+        onTriggered: {
+            // Switch mode automatically when triggered
+            mainview.menuSelect(true);
+        }
+    }
+
     Timer {
         id: selectionTimer
         interval: 1000
         onTriggered: allowSelection = true;
     }
+
+    Image {
+        id: automaticIcon
+        readonly property bool show: automaticDemoingTimer.running
+        property real iconOpacity: 0
+        anchors.top: parent.top
+        anchors.topMargin: 16
+        anchors.left: parent.left
+        anchors.leftMargin: 16
+        source: "qrc:/icons/automatic.png"
+        width: 48
+        height: 24
+        opacity: show ? iconOpacity : 0
+        SequentialAnimation on iconOpacity {
+            running: automaticIcon.show
+            loops: Animation.Infinite
+            alwaysRunToEnd: true
+            NumberAnimation {
+                to: 0.2
+                duration: 1000
+                easing.type: Easing.InOutQuad
+            }
+            NumberAnimation {
+                to: 0
+                duration: 1000
+                easing.type: Easing.InOutQuad
+            }
+        }
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        z: 100
+        onPressed: {
+            // Record user activity and pass event further
+            userActivity();
+            mouse.accepted = false;
+        }
+    }
 }

kria-cluster-3d-demo/qml/menu.qrc

@@ -7,5 +7,6 @@
         <file>icons/settingsIcon.png</file>
         <file>icons/RedHighlight.png</file>
         <file>icons/selectionBox.png</file>
+        <file>icons/automatic.png</file>
     </qresource>
 </RCC>