e491b695033dca9d9d13c94749b20934fe0a1300
[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 "data.js" as Data
6
7 Page {
8         id: page
9         property Camera cam: null
10
11         Rectangle {
12                 color: "black"
13                 width: parent.width
14                 height: row.height + title.height + 30
15                 anchors.bottom: toolBar.top
16                 opacity: 0.5
17
18                 SectionHeader {
19                         id: title
20                         anchors.top: parent.top
21                         anchors.topMargin: 10
22                         text: qsTr("Color filter");
23                 }
24
25                 Row {
26                         id: row
27                         anchors.left: parent.left
28                         anchors.right: parent.right
29                         anchors.leftMargin: 20
30                         anchors.rightMargin: 20
31                         anchors.top: title.bottom
32                         anchors.topMargin: 10
33
34                         IconButton {
35                                 width: parent.width / 6
36                                 normalIcon: "image://theme/" + Data.cfIcon(value);
37                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
38                                 value: ColorTone.Normal
39                                 savedValue: settings.imageColorFilter
40                                 onClicked: settings.imageColorFilter = value;
41                                 text: Data.cfName(value);
42                         }
43
44                         IconButton {
45                                 width: parent.width / 6
46                                 normalIcon: "image://theme/" + Data.cfIcon(value);
47                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
48                                 value: ColorTone.GrayScale
49                                 savedValue: settings.imageColorFilter
50                                 onClicked: settings.imageColorFilter = value;
51                                 text: Data.cfName(value);
52                         }
53
54                         IconButton {
55                                 width: parent.width / 6
56                                 normalIcon: "image://theme/" + Data.cfIcon(value);
57                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
58                                 value: ColorTone.Sepia
59                                 savedValue: settings.imageColorFilter
60                                 onClicked: settings.imageColorFilter = value;
61                                 text: Data.cfName(value);
62                         }
63
64                         IconButton {
65                                 width: parent.width / 6
66                                 normalIcon: "image://theme/" + Data.cfIcon(value);
67                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
68                                 value: ColorTone.Vivid
69                                 savedValue: settings.imageColorFilter
70                                 onClicked: settings.imageColorFilter = value;
71                                 text: Data.cfName(value);
72                         }
73
74                         IconButton {
75                                 width: parent.width / 6
76                                 normalIcon: "image://theme/" + Data.cfIcon(value);
77                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
78                                 value: ColorTone.Negative
79                                 savedValue: settings.imageColorFilter
80                                 onClicked: settings.imageColorFilter = value;
81                                 text: Data.cfName(value);
82                         }
83
84                         IconButton {
85                                 width: parent.width / 6
86                                 normalIcon: "image://theme/" + Data.cfIcon(value);
87                                 checkedIcon: "image://theme/" + Data.cfSelectedIcon(value);
88                                 value: ColorTone.Solarize
89                                 savedValue: settings.imageColorFilter
90                                 onClicked: settings.imageColorFilter = value;
91                                 text: Data.cfName(value);
92                         }
93                 }
94         }
95
96         ToolBar {
97                 id: toolBar
98                 anchors.bottom: parent.bottom
99                 tools: ToolBarLayout {
100                         id: layout
101                         ToolIcon { iconId: "icon-m-toolbar-back"; onClicked: pageStack.pop(); }
102                 }
103         }
104 }