[rotation] simplify rotation usage by moving it to qml

src/qml/scripts/rotation.js → src/qml/GlacierRotation.qml

@@ -29,27 +29,39 @@
 **
 ****************************************************************************************/
 
-function rotateObject(obj, r, nr) {
+import QtQuick 2.1
+import QtQuick.Window 2.1
+import org.nemomobile.lipstick 0.1
 
-    if (obj.rotation !== r) {
-        var nativeIsPortrait = ((nr === 0) || (nr === 180))
-        var isPortrait = ((r === 0) || (r === 180))
+Item {
 
-        var correction = 0
-        var isNative=((nativeIsPortrait || isPortrait) && !(nativeIsPortrait && isPortrait)) //xor
-        //xor
-        if ((isNative || !nativeIsPortrait) && !(isNative && !nativeIsPortrait)) {
-          correction = obj.width / 2 - obj.height / 2
-        }
-        var diff = Math.abs(r - obj.rotation)
-        obj.rotation = r
-        if ((diff === 90) || (diff === 270)) {
-            console.log("rotateObject swapping w,h")
-            var w = obj.width
-            obj.width = obj.height
-            obj.height = w
+    QtObject {
+        id: privateProperties
+        property int nativeRotation: Screen.angleBetween(nativeOrientation, Screen.primaryOrientation)
+        property bool nativeIsPortrait: ((nativeRotation === 0) || (nativeRotation === 180))
+    }
+
+    function rotateObject(obj, o) {
+
+        var r = Screen.angleBetween(o, Screen.primaryOrientation)
+        if (obj.rotation !== r) {
+
+            var isPortrait = ((r === 0) || (r === 180))
+            var correction = 0
+            var isNative=((privateProperties.nativeIsPortrait || isPortrait) && !(privateProperties.nativeIsPortrait && isPortrait)) //xor
+            //xor
+            if ((isNative || !privateProperties.nativeIsPortrait) && !(isNative && !privateProperties.nativeIsPortrait)) {
+              correction = obj.width / 2 - obj.height / 2
+            }
+            var diff = Math.abs(r - obj.rotation)
+            obj.rotation = r
+            if ((diff === 90) || (diff === 270)) {
+                var w = obj.width
+                obj.width = obj.height
+                obj.height = w
+            }
+            obj.x = correction
+            obj.y = -correction
         }
-        obj.x = correction
-        obj.y = -correction
     }
 }

src/qml/MainScreen.qml

@@ -38,7 +38,6 @@ import org.nemomobile.time 1.0
 import org.nemomobile.configuration 1.0
 import org.nemomobile.lipstick 0.1
 import "scripts/desktop.js" as Desktop
-import "scripts/rotation.js" as Rotation
 
 Page {
     // This is used in the favorites page and in the lock screen
@@ -71,17 +70,23 @@ Page {
         id: statusbar
     }
 
+    GlacierRotation {
+        id: glacierRotation
+    }
+
     orientation: Lipstick.compositor.screenOrientation
 
     onOrientationChanged: {
-        Rotation.rotateObject(desktop.parent, Screen.angleBetween(orientation,Screen.primaryOrientation), Screen.angleBetween(nativeOrientation, Screen.primaryOrientation))
+        glacierRotation.rotateObject(desktop.parent, orientation)
     }
+
     onParentChanged: {
-        Rotation.rotateObject(desktop.parent, Screen.angleBetween(nativeOrientation, Screen.primaryOrientation), Screen.angleBetween(nativeOrientation, Screen.primaryOrientation))
+        glacierRotation.rotateObject(desktop.parent, nativeOrientation)
     }
 
     Component.onCompleted: {
         Desktop.instance = desktop
+        Lipstick.compositor.screenOrientation = nativeOrientation
     }
 
     function lockscreenVisible() {

src/src.pro

@@ -34,7 +34,8 @@ qml.files = qml/MainScreen.qml \
     qml/VolumeControl.qml \
     qml/BatteryPanel.qml \
     qml/CommonPanel.qml \
-    qml/ShutdownScreen.qml
+    qml/ShutdownScreen.qml \
+    qml/GlacierRotation.qml
 
 qmlcompositor.path = /usr/share/lipstick-glacier-home-qt5/qml/compositor
 qmlcompositor.files = qml/compositor/WindowWrapperMystic.qml \
@@ -106,6 +107,6 @@ OTHER_FILES += qml/*.qml \
     qml/BatteryPanel.qml \
     qml/CommonPanel.qml \
     qml/ShutdownScreen.qml \
-    qml/scripts/rotation.js
+    qml/GlacierRotation.qml