summaryrefslogtreecommitdiffstats
path: root/demos/declarative/phonebrowser/content/PhoneInfoContainer.qml
diff options
context:
space:
mode:
Diffstat (limited to 'demos/declarative/phonebrowser/content/PhoneInfoContainer.qml')
-rw-r--r--demos/declarative/phonebrowser/content/PhoneInfoContainer.qml110
1 files changed, 0 insertions, 110 deletions
diff --git a/demos/declarative/phonebrowser/content/PhoneInfoContainer.qml b/demos/declarative/phonebrowser/content/PhoneInfoContainer.qml
deleted file mode 100644
index ea20d4e..0000000
--- a/demos/declarative/phonebrowser/content/PhoneInfoContainer.qml
+++ /dev/null
@@ -1,110 +0,0 @@
-Flipable {
- id: Container
-
- property var frontContainer : ContainerFront
- property var flickableArea : Flickable
- property var phoneTitle : "N/A"
- property var phoneDescription : "..."
- property var phoneSpecifications : ""
- property var phoneUrl : ""
- property var rating : 2
- signal closed
-
- axis: Axis { startX: Container.width / 2; endX: Container.width / 2; endY: 1 }
-
- front: Item {
- id: ContainerFront; anchors.fill: Container
-
- Rect {
- anchors.fill: parent
- color: "black"; opacity: 0.4
- pen.color: "white"; pen.width: 2
- }
-
- MediaButton {
- id: BackButton; x: 630; y: 400; text: "Back"
- onClicked: { Container.closed.emit() }
- }
-
- MediaButton {
- id: MoreButton; x: 530; y: 400; text: "More..."
- onClicked: { Container.state='Back' }
- }
-
- Text {
- id: TitleText
- style: Raised; styleColor: "black"
- color: "white"
- x: 420; y: 30; width: parent.width
- text: Container.phoneTitle; font.size: 22
- }
-
- LikeOMeter { x: 420; y: 75; rating: Container.rating }
-
- Flickable {
- id: Flickable
- x: 420; width: 280; height: 260; y: 120; clip: true
- viewportWidth: 280; viewportHeight: DescriptionText.height
-
- Text {
- id: DescriptionText
- wrap: true
- color: "white"
- width: parent.width
- text: Container.phoneDescription
- font.size: 12
- }
- }
-
- Text {
- color: "white"; width: 300; x: 50; y: 300
- text: Container.phoneSpecifications
- }
-
- ScrollBar {
- id: ScrollBar
- x: 720; y: Flickable.y; width: 7
- height: Flickable.height; opacity: 0
- flickableArea: Flickable; clip: true
- }
- }
-
- back: Item {
- anchors.fill: Container
-
- Rect {
- anchors.fill: parent
- color: "black"
- opacity: 0.4
- pen.color: "white"
- pen.width: 2
- }
-
- Flickable {
- width: Container.width-20
- height: Container.height-20
- x: 10; y: 10; clip: true
- viewportWidth: UrlView.width
- viewportHeight: UrlView.height
-
- WebView { id: UrlView; url: Container.phoneUrl; idealWidth: parent.width }
- }
-
- MediaButton {
- id: BackButton2; x: 630; y: 400; text: "Back"; onClicked: { Container.state='' }
- }
- }
-
- states: [
- State {
- name: "Back"
- SetProperty { target: Container; property: "rotation"; value: 180 }
- }
- ]
-
- transitions: [
- Transition {
- NumericAnimation { easing: "easeInOutQuad"; properties: "rotation"; duration: 500 }
- }
- ]
-}