Home screen translation changes

[staging/HomeScreen.git] / HomeScreen / qml / Home.qml

diff --git a/HomeScreen/qml/Home.qml b/HomeScreen/qml/Home.qml
index cfcd1c8..36f3f8a 100644 (file)
--- a/HomeScreen/qml/Home.qml
+++ b/HomeScreen/qml/Home.qml
@@ -21,6 +21,8 @@ import Home 1.0
 
 Item {
     id: root
+    property int pid: -1
+    signal languageChanged
 
     Image {
         anchors.fill: parent
@@ -28,8 +30,58 @@ Item {
         anchors.bottomMargin: -215
         source: './images/AGL_HMI_Background_Car-01.png'
     }
+    Image {
+        id: sign90
+        width: 200
+        height: 200
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.top: parent.top
+        anchors.topMargin: 20
+        source: './images/B14-90.png'
+        visible: false
+    }
+    Item {
+        id: hello
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 40
+        visible: false
+        Text {
+            id: helloText
+            anchors.centerIn: parent
+            color: "white"
+            text: "Hello José!"
+            font.pixelSize: 40
+            font.family: "Roboto"
+            SequentialAnimation on font.letterSpacing {
+                id: animation1
+                loops: 1;
+                NumberAnimation { from: 0; to: 50; easing.type: Easing.InQuad; duration: 3000 }
+                onRunningChanged: {
+                    if(running)
+                        hello.visible = true
+                    else
+                        hello.visible = false
+                }
+            }
 
-    property int pid: -1
+            SequentialAnimation on opacity {
+                id: animation2
+                loops: 1;
+                NumberAnimation { from: 1; to: 0; duration: 2600 }
+                PauseAnimation { duration: 400 }
+            }
+        }
+    }
+    function showHello(helloString) {
+        helloText.text = helloString
+        animation1.running = true;
+        animation2.running = true;
+    }
+
+    function showSign90(show) {
+        sign90.visible = show
+    }
 
     GridView {
         anchors.centerIn: parent
@@ -45,6 +97,22 @@ Item {
             Image {
                 anchors.fill: parent
                 source: './images/HMI_AppLauncher_%1_%2-01.png'.arg(model.icon).arg(pressed ? 'Active' : 'Inactive')
+                Label {
+                    id: labelName
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    horizontalAlignment: Text.AlignHCenter
+                    y: 257
+                    font.pixelSize: 32
+                    font.family: "Roboto"
+                    color: "white"
+                    text: '%1'.arg(model.name)
+                    function myChangeLanguage() {
+                        text = '%1'.arg(model.name)
+                    }
+                    Component.onCompleted: {
+                        root.languageChanged.connect(myChangeLanguage)
+                    }
+                }
             }
             onClicked: {
                 console.log("app is ", model.id)