Switch toolbar animation to opacity
[harmattan/cameraplus] / qml / VideoSceneButton.qml
index 3e5d1d7..b08fb8f 100644 (file)
@@ -3,7 +3,7 @@
 /*!
  * This file is part of CameraPlus.
  *
- * Copyright (C) 2012 Mohammed Sameer <msameer@foolab.org>
+ * Copyright (C) 2012-2013 Mohammed Sameer <msameer@foolab.org>
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Lesser General Public
  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
  */
 
-import QtQuick 1.1
-import com.nokia.meego 1.1
+import QtQuick 2.0
 import QtCamera 1.0
-import "data.js" as Data
 
-Selector {
-        id: button
+CameraToolIcon {
+    id: button
 
-        iconSource: sceneIcon(settings.videoSceneMode);
+    iconSource: cameraTheme.videoSceneModeIcon(settings.videoSceneMode)
 
-        title: qsTr("Scene mode");
+    property list<ToolsModelItem> toolsModel: [
+        ToolsModelItem {icon: cameraTheme.videoSceneModeAutoIconId; value: Scene.Auto},
+        ToolsModelItem {icon: cameraTheme.videoSceneModeNightIconId; value: Scene.Night}
+    ]
 
-        function sceneIcon(val) {
-                var x = row.children.length;
-                var i = 0;
-                for (i = 0; i < x; i++) {
-                        if (row.children[i].value == val) {
-                                return row.children[i].normalIcon;
-                        }
-                }
+    property CameraToolBarTools tools: CameraToolBarTools {
+        CameraLabel {
+            height: parent ? parent.height : 0
+            text: qsTr("Scene")
+            verticalAlignment: Text.AlignVCenter
         }
 
-        widget: Row {
-                id: row
-                height: button.checked ? 64 : 0
-                width: button.checked ? (children.length * height) +  (children.length - 1) * spacing : 0
-                spacing: 10
+        Repeater {
+            model: parent != null && parent.visible ? toolsModel : undefined
 
-                Behavior on width {
-                        // TODO: seems animation is not working
-                        PropertyAnimation { duration: 250; }
-                }
-
-                CheckButton {
-                        normalIcon: "image://theme/" + Data.vsmIcon(value);
-                        checkedIcon: "image://theme/" + Data.vsmSelectedIcon(value);
-                        savedValue: settings.videoSceneMode
-                        onClicked: settings.videoSceneMode = value;
-                        value: Scene.Auto
-                }
-
-                CheckButton {
-                        normalIcon: "image://theme/" + Data.vsmIcon(value);
-                        checkedIcon: "image://theme/" + Data.vsmSelectedIcon(value);
-                        savedValue: settings.videoSceneMode
-                        onClicked: settings.videoSceneMode = value;
-                        value: Scene.Night
-                }
+            delegate: CheckButton {
+                iconSource: icon
+                onClicked: settings.videoSceneMode = value
+                checked: settings.videoSceneMode == value
+            }
         }
+    }
 }