10d07e1d2a7c6216b10375821a2c40af2343c261
[harmattan/cameraplus] / qml / ImageColorFilterPage.qml
1 // -*- qml -*-
2 import QtQuick 1.1
3 import com.nokia.meego 1.1
4 import QtCamera 1.0
5 import CameraPlus 1.0
6 import "data.js" as Data
7
8 CameraPage {
9         id: page
10
11         controlsVisible: false
12         policyMode: CameraResources.Image
13         needsPipeline: true
14
15         Rectangle {
16                 color: "black"
17                 width: parent.width
18                 height: row.height + title.height + 30
19                 anchors.bottom: toolBar.top
20                 opacity: 0.5
21
22                 SectionHeader {
23                         id: title
24                         anchors.top: parent.top
25                         anchors.topMargin: 10
26                         text: qsTr("Color filter");
27                 }
28
29                 Row {
30                         id: row
31                         anchors.left: parent.left
32                         anchors.right: parent.right
33                         anchors.leftMargin: 20
34                         anchors.rightMargin: 20
35                         anchors.top: title.bottom
36                         anchors.topMargin: 10
37
38                         IconButton {
39                                 width: parent.width / 6
40                                 normalIcon: "image://theme/" + Data.cfIcon(value);
41                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
42                                 value: ColorTone.Normal
43                                 savedValue: settings.imageColorFilter
44                                 onClicked: settings.imageColorFilter = value;
45                                 text: Data.cfName(value);
46                         }
47
48                         IconButton {
49                                 width: parent.width / 6
50                                 normalIcon: "image://theme/" + Data.cfIcon(value);
51                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
52                                 value: ColorTone.GrayScale
53                                 savedValue: settings.imageColorFilter
54                                 onClicked: settings.imageColorFilter = value;
55                                 text: Data.cfName(value);
56                         }
57
58                         IconButton {
59                                 width: parent.width / 6
60                                 normalIcon: "image://theme/" + Data.cfIcon(value);
61                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
62                                 value: ColorTone.Sepia
63                                 savedValue: settings.imageColorFilter
64                                 onClicked: settings.imageColorFilter = value;
65                                 text: Data.cfName(value);
66                         }
67
68                         IconButton {
69                                 width: parent.width / 6
70                                 normalIcon: "image://theme/" + Data.cfIcon(value);
71                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
72                                 value: ColorTone.Vivid
73                                 savedValue: settings.imageColorFilter
74                                 onClicked: settings.imageColorFilter = value;
75                                 text: Data.cfName(value);
76                         }
77
78                         IconButton {
79                                 width: parent.width / 6
80                                 normalIcon: "image://theme/" + Data.cfIcon(value);
81                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
82                                 value: ColorTone.Negative
83                                 savedValue: settings.imageColorFilter
84                                 onClicked: settings.imageColorFilter = value;
85                                 text: Data.cfName(value);
86                         }
87
88                         IconButton {
89                                 width: parent.width / 6
90                                 normalIcon: "image://theme/" + Data.cfIcon(value);
91                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
92                                 value: ColorTone.Solarize
93                                 savedValue: settings.imageColorFilter
94                                 onClicked: settings.imageColorFilter = value;
95                                 text: Data.cfName(value);
96                         }
97                 }
98         }
99
100         ToolBar {
101                 id: toolBar
102                 anchors.bottom: parent.bottom
103                 tools: ToolBarLayout {
104                         id: layout
105                         ToolIcon { iconId: "icon-m-toolbar-back"; onClicked: pageStack.pop(); }
106                 }
107         }
108 }