initial import
[meego-ux:meego-app-satk.git] / StkWebView.qml
1 /*
2  * satk - SIM application toolkit
3  * Copyright © 2011, Intel Corporation.
4  *
5  * This program is licensed under the terms and conditions of the
6  * Apache License, version 2.0.  The full text of the Apache License is at
7  * http://www.apache.org/licenses/LICENSE-2.0
8  *
9  * Written by - Luc Yriarte <luc.yriarte@linux.intel.com>
10  */
11
12
13 /*!
14     \file StkWebView.qml
15     \section StkWebView
16     \brief Web browser box, dismissable.
17
18     \subsection Signals
19     \li accepted()
20
21     \subsection Objects
22     - \b browserView : Web browser view.
23       - Properties
24         - url:  "http://127.0.0.1/"
25     - \b okRect : "Ok" button.
26       - Signals
27         - accepted()
28       - Properties
29         - text: "Ok"
30 */
31
32 import Qt 4.7
33 import QtWebKit 1.0
34 import MeeGo.Components 0.1
35
36 Rectangle {
37     id: view
38     objectName: "view"
39
40     width: stkTheme.viewWidth
41     height: stkTheme.viewHeight
42
43     Theme { id: theme }
44     StkTheming { id: stkTheme }
45     color: stkTheme.viewBackgroundColor
46
47     signal accepted()
48     onAccepted: console.log("Accepted")
49
50     Flickable {
51         id: browserView
52         objectName: "browserView"
53         anchors.top: title.bottom
54         anchors.topMargin: 10
55         anchors.left: parent.left
56         anchors.leftMargin: 10
57         anchors.bottom: okRect.top
58         anchors.bottomMargin: 10
59         anchors.right: parent.right
60         anchors.rightMargin: 10
61         contentWidth: childrenRect.width
62         contentHeight: childrenRect.height
63         property alias url: browserContent.url
64         WebView {
65             id: browserContent
66             objectName: "browserContent"
67             preferredWidth: parent.width
68             preferredHeight: parent.height
69             url: "http://127.0.0.1/"
70             onWidthChanged: browserView.contentWidth = width
71             onHeightChanged: browserView.contentHeight = height
72             onLoadFinished: browserView.contentY = -1 // redraw browserView
73         }
74     }
75
76     Label {
77         id: title
78         objectName: "title"
79         text: "SIM Application Toolkit"
80         anchors.top: parent.top
81         anchors.topMargin: 10
82         anchors.left: icon.right
83         anchors.leftMargin: 10
84         anchors.right: parent.right
85         anchors.rightMargin: 10
86         wrapMode: Text.WordWrap
87         color: stkTheme.titleFontColor
88         font.pixelSize: stkTheme.titleFontPixelSize
89     }
90
91     Image {
92         id: icon
93         objectName: "icon"
94         width: 64
95         height: 64
96         anchors.top: parent.top
97         anchors.topMargin: 10
98         anchors.left: parent.left
99         anchors.leftMargin: 10
100     }
101
102     StkButton {
103         id: okRect
104         objectName: "okRect"
105         anchors.horizontalCenter: parent.horizontalCenter
106         anchors.bottom: parent.bottom
107         anchors.bottomMargin: 10
108         text: qsTr( "Ok")
109         onClicked: {
110             view.accepted()
111         }
112     }
113 }
114
115
116