|
1 /**************************************************************************** |
|
2 ** |
|
3 ** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies). |
|
4 ** All rights reserved. |
|
5 ** Contact: Nokia Corporation (qt-info@nokia.com) |
|
6 ** |
|
7 ** This file is part of the QtDeclarative module of the Qt Toolkit. |
|
8 ** |
|
9 ** $QT_BEGIN_LICENSE:LGPL$ |
|
10 ** No Commercial Usage |
|
11 ** This file contains pre-release code and may not be distributed. |
|
12 ** You may use this file in accordance with the terms and conditions |
|
13 ** contained in the Technology Preview License Agreement accompanying |
|
14 ** this package. |
|
15 ** |
|
16 ** GNU Lesser General Public License Usage |
|
17 ** Alternatively, this file may be used under the terms of the GNU Lesser |
|
18 ** General Public License version 2.1 as published by the Free Software |
|
19 ** Foundation and appearing in the file LICENSE.LGPL included in the |
|
20 ** packaging of this file. Please review the following information to |
|
21 ** ensure the GNU Lesser General Public License version 2.1 requirements |
|
22 ** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. |
|
23 ** |
|
24 ** In addition, as a special exception, Nokia gives you certain additional |
|
25 ** rights. These rights are described in the Nokia Qt LGPL Exception |
|
26 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. |
|
27 ** |
|
28 ** If you have questions regarding the use of this file, please contact |
|
29 ** Nokia at qt-info@nokia.com. |
|
30 ** |
|
31 ** |
|
32 ** |
|
33 ** |
|
34 ** |
|
35 ** |
|
36 ** |
|
37 ** |
|
38 ** $QT_END_LICENSE$ |
|
39 ** |
|
40 ****************************************************************************/ |
|
41 |
|
42 import Qt 4.7 |
|
43 |
|
44 Item { |
|
45 id: titleBar |
|
46 property string untaggedString: "Uploads from everyone" |
|
47 property string taggedString: "Recent uploads tagged " |
|
48 |
|
49 BorderImage { source: "images/titlebar.sci"; width: parent.width; height: parent.height + 14; y: -7 } |
|
50 |
|
51 Item { |
|
52 id: container |
|
53 width: (parent.width * 2) - 55 ; height: parent.height |
|
54 |
|
55 function accept() { |
|
56 imageDetails.closed() |
|
57 titleBar.state = "" |
|
58 background.state = "" |
|
59 rssModel.tags = editor.text |
|
60 } |
|
61 |
|
62 Image { |
|
63 id: quitButton |
|
64 anchors.left: parent.left//; anchors.leftMargin: 0 |
|
65 anchors.verticalCenter: parent.verticalCenter |
|
66 source: "images/quit.png" |
|
67 MouseArea { |
|
68 anchors.fill: parent |
|
69 onClicked: Qt.quit() |
|
70 } |
|
71 } |
|
72 |
|
73 Text { |
|
74 id: categoryText |
|
75 anchors { |
|
76 left: quitButton.right; right: tagButton.left; leftMargin: 10; rightMargin: 10 |
|
77 verticalCenter: parent.verticalCenter |
|
78 } |
|
79 elide: Text.ElideLeft |
|
80 text: (rssModel.tags=="" ? untaggedString : taggedString + rssModel.tags) |
|
81 font.bold: true; color: "White"; style: Text.Raised; styleColor: "Black" |
|
82 } |
|
83 |
|
84 Button { |
|
85 id: tagButton; x: titleBar.width - 50; width: 45; height: 32; text: "..." |
|
86 onClicked: if (titleBar.state == "Tags") container.accept(); else titleBar.state = "Tags" |
|
87 anchors.verticalCenter: parent.verticalCenter |
|
88 } |
|
89 |
|
90 Item { |
|
91 id: lineEdit |
|
92 y: 4; height: parent.height - 9 |
|
93 anchors { left: tagButton.right; leftMargin: 5; right: parent.right; rightMargin: 5 } |
|
94 |
|
95 BorderImage { source: "images/lineedit.sci"; anchors.fill: parent } |
|
96 |
|
97 TextInput { |
|
98 id: editor |
|
99 anchors { |
|
100 left: parent.left; right: parent.right; leftMargin: 10; rightMargin: 10 |
|
101 verticalCenter: parent.verticalCenter |
|
102 } |
|
103 cursorVisible: true; font.bold: true |
|
104 color: "#151515"; selectionColor: "Green" |
|
105 } |
|
106 |
|
107 Keys.forwardTo: [ (returnKey), (editor)] |
|
108 |
|
109 Item { |
|
110 id: returnKey |
|
111 Keys.onReturnPressed: container.accept() |
|
112 Keys.onEscapePressed: titleBar.state = "" |
|
113 } |
|
114 } |
|
115 } |
|
116 |
|
117 states: State { |
|
118 name: "Tags" |
|
119 PropertyChanges { target: container; x: -tagButton.x + 5 } |
|
120 PropertyChanges { target: tagButton; text: "OK" } |
|
121 PropertyChanges { target: lineEdit; focus: true } |
|
122 } |
|
123 |
|
124 transitions: Transition { |
|
125 NumberAnimation { properties: "x"; easing.type: Easing.InOutQuad } |
|
126 } |
|
127 } |