diff options
| author | Jeremy White <jwhite@codeweavers.com> | 2012-06-04 17:22:01 +0300 |
|---|---|---|
| committer | Alon Levy <alevy@redhat.com> | 2012-06-04 17:22:01 +0300 |
| commit | f8f622157c174ba3facc088646484ccba99acc69 (patch) | |
| tree | 88d99c83e53fa8509a8ca33a6e9f6bdc015e5791 /spice.html | |
initial
Diffstat (limited to 'spice.html')
| -rw-r--r-- | spice.html | 134 |
1 files changed, 134 insertions, 0 deletions
diff --git a/spice.html b/spice.html new file mode 100644 index 0000000..6ab1fed --- /dev/null +++ b/spice.html @@ -0,0 +1,134 @@ +<!-- + Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com> + + This file is part of spice-html5. + + spice-html5 is free software: you can redistribute it and/or modify + it under the terms of the GNU Lesser General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + spice-html5 is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Lesser General Public License for more details. + + You should have received a copy of the GNU Lesser General Public License + along with spice-html5. If not, see <http://www.gnu.org/licenses/>. + + -------------------------------------------------- + Spice Javascript client template. + Refer to main.js for more detailed information + -------------------------------------------------- + +--> + +<!doctype html> +<html> + <head> + + <title>Spice Javascript client</title> + <script src="enums.js"></script> + <script src="utils.js"></script> + <script src="png.js"></script> + <script src="lz.js"></script> + <script src="quic.js"></script> + <script src="bitmap.js"></script> + <script src="spicedataview.js"></script> + <script src="spicetype.js"></script> + <script src="spicemsg.js"></script> + <script src="wire.js"></script> + <script src="spiceconn.js"></script> + <script src="display.js"></script> + <script src="main.js"></script> + <script src="inputs.js"></script> + <script src="cursor.js"></script> + <script src="thirdparty/jsbn.js"></script> + <script src="thirdparty/rsa.js"></script> + <script src="thirdparty/prng4.js"></script> + <script src="thirdparty/rng.js"></script> + <script src="thirdparty/sha1.js"></script> + <script src="ticket.js"></script> + <link rel="stylesheet" type="text/css" href="spice.css" /> + + <script> + var host = null, port = null; + var sc; + + function spice_error(e) + { + disconnect(); + } + + function connect() + { + var host, port, password, scheme = "ws://", uri; + + host = document.getElementById("host").value; + port = document.getElementById("port").value; + password = document.getElementById("password").value; + + + if ((!host) || (!port)) { + console.log("must set host and port"); + return; + } + + if (sc) { + sc.stop(); + } + + uri = scheme + host + ":" + port; + + document.getElementById('connectButton').innerHTML = "Stop"; + document.getElementById('connectButton').onclick = disconnect; + + try + { + sc = new SpiceMainConn({uri: uri, screen_id: "spice-screen", dump_id: "debug-div", + message_id: "message-div", password: password, onerror: spice_error }); + } + catch (e) + { + alert(e.toString()); + disconnect(); + } + + } + + function disconnect() + { + console.log(">> disconnect"); + if (sc) { + sc.stop(); + } + document.getElementById('connectButton').innerHTML = "Start"; + document.getElementById('connectButton').onclick = connect; + console.log("<< disconnect"); + } + </script> + + </head> + + <body> + + <div id="login"> + <span class="logo">SPICE</span> + <label for="host">Host:</label> <input type='text' id='host' value='localhost'> <!-- localhost --> + <label for="port">Port:</label> <input type='text' id='port' value='5959'> + <label for="password">Password:</label> <input type='password' id='password' value='spicy'> + <button id="connectButton" onclick="connect();">Start</button> + </div> + + <div id="spice-area"> + <div id="spice-screen" class="spice-screen"></div> + </div> + + <div id="message-div" class="spice-message"></div> + + <div id="debug-div"> + <!-- If DUMPXXX is turned on, dumped images will go here --> + </div> + + </body> +</html> |