d0e8ee76cf3cd3951e80a5d0b180066b0e8b01ca
[codereview/qtwebservice.git] / examples / webservice / official / root / examples / websocket.qml
1 /* Copyright (c) 2012 QtWebService Project.
2  * All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions are met:
6  *     * Redistributions of source code must retain the above copyright
7  *       notice, this list of conditions and the following disclaimer.
8  *     * Redistributions in binary form must reproduce the above copyright
9  *       notice, this list of conditions and the following disclaimer in the
10  *       documentation and/or other materials provided with the distribution.
11  *     * Neither the name of the QtWebService nor the
12  *       names of its contributors may be used to endorse or promote products
13  *       derived from this software without specific prior written permission.
14  *
15  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
16  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
17  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
18  * DISCLAIMED. IN NO EVENT SHALL QTWEBSERVICE BE LIABLE FOR ANY
19  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
20  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
21  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
22  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
24  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25  */
26
27 import QtWebService.HTML 5.0
28 import QtWebService.Utils 1.0
29 import "./components"
30
31 Html {
32     WebServiceConfig {
33         id: config
34         property var websocket: {"host": http.host, "port": http.port }
35     }
36
37     Head {
38         Title { id: title; text: "WebSocket" }
39         Script { type: "text/javascript"; src: './websocket.js' }
40     }
41
42     Body {
43         onload: "connect('ws://%1:%2/examples/echo.qml'); document.getElementById('message').focus();".arg(config.websocket.host).arg(config.websocket.port)
44         H1 { text: title.text }
45         Form {
46             onsubmit: "send(document.getElementById('message')); return false;"
47             Input { _id: 'message'; type: 'text' }
48             Input { type: 'submit'; value: 'Send' }
49         }
50
51         Ul {
52             _id: "ul"
53         }
54     }
55 }