QmlDesigner.PropertyEditor: Adding missing control for TransformOrigin

Now the TransformOrigin can be edited again.

Change-Id: Ie89c7aed2f092f303286091cc44655ff70dae777
Reviewed-by: Thomas Hartmann <Thomas.Hartmann@digia.com>

share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/OriginControl.qml

+/****************************************************************************
+**
+** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/legal
+**
+** This file is part of Qt Creator.
+**
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and Digia.  For licensing terms and
+** conditions see http://qt.digia.com/licensing.  For further information
+** use the contact form at http://qt.digia.com/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 2.1 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPL included in the
+** packaging of this file.  Please review the following information to
+** ensure the GNU Lesser General Public License version 2.1 requirements
+** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+**
+** In addition, as a special exception, Digia gives you certain additional
+** rights.  These rights are described in the Digia Qt LGPL Exception
+** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+**
+****************************************************************************/
+
+import QtQuick 2.1
+
+Item {
+    width: grid.width
+    height: grid.height
+    id: originControl
+
+
+    property variant backendValue
+    property color highlightColor: "orange"
+    property color borderColor: colorLogic.textColor
+
+    property bool showTranslateCheckBox: true
+
+    ExtendedFunctionButton {
+        backendValue: originControl.backendValue
+        visible: originControl.enabled
+        anchors.left: grid.right
+    }
+
+    ColorLogic {
+        id: colorLogic
+        backendValue: originControl.backendValue
+        onValueFromBackendChanged: {
+            grid.select(valueFromBackend);
+        }
+    }
+
+    Grid {
+        rows: 3
+        columns: 3
+        spacing: 5
+
+        id: grid
+
+        function setValue(myValue) {
+            originControl.backendValue.value = myValue
+        }
+
+        function select(myValue) {
+
+            for (var i = 0; i < grid.children.length; i++) {
+                grid.children[i].selected = false
+            }
+
+            if (myValue === "TopLeft") {
+                grid.children[0].selected = true
+            } else if (myValue === "Top") {
+                grid.children[1].selected = true
+            } else if (myValue === "TopRight") {
+                grid.children[2].selected = true
+            } else if (myValue === "Left") {
+                grid.children[3].selected = true
+            } else if (myValue === "Center") {
+                grid.children[4].selected = true
+            }  else if (myValue === "Right") {
+                grid.children[5].selected = true
+            }  else if (myValue === "BottomLeft") {
+                grid.children[6].selected = true
+            }  else if (myValue === "Bottom") {
+                grid.children[7].selected = true
+            }  else if (myValue === "BottomRight") {
+                grid.children[8].selected = true
+            }
+        }
+
+
+        Rectangle {
+            property bool selected: false
+            id: topLeft
+            width: 15
+            height: 15
+            color: selected ? "#4f4f4f" : "black"
+            border.color: originControl.borderColor
+            border.width: selected ? 2 : 0
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("TopLeft")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("Top")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("TopRight")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("Left")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("Center")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("Right")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("BottomLeft")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("Bottom")
+                }
+            }
+        }
+
+        Rectangle {
+            property bool selected: false
+            width: topLeft.width
+            height: topLeft.height
+            color: selected ? "#4f4f4f" : "black"
+            border.width: selected ? 2 : 0
+            border.color: originControl.borderColor
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    grid.setValue("BottomRight")
+                }
+            }
+        }
+    }
+}

share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/qmldir

@@ -33,3 +33,4 @@ FontSection 2.0 FontSection.qml
 FlickableSection 2.0 FlickableSection.qml
 UrlChooser 2.0 UrlChooser.qml
 FontComboBox 2.0 FontComboBox.qml
+OriginControl 2.0 OriginControl.qml

share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/AdvancedSection.qml

@@ -37,7 +37,14 @@ Section {
     caption: qsTr("Advanced")
 
     SectionLayout {
-        rows: 3
+        rows: 4
+
+        OriginControl {
+            backendValue: backendValues.transformOrigin
+        }
+
+        SecondColumnLayout {
+        }
 
         Label {
             text: qsTr("Scale")