mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-07 05:31:22 +00:00
154 lines
6.4 KiB
HTML
154 lines
6.4 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html>
|
|
|
|
<!--
|
|
Copyright (C) 2013 Glyptodon LLC
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
THE SOFTWARE.
|
|
-->
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<link rel="icon" type="image/png" href="images/guacamole-logo-64.png"/>
|
|
<link rel="stylesheet" type="text/css" href="styles/ui.css"/>
|
|
<link rel="stylesheet" type="text/css" href="styles/client.css"/>
|
|
<link rel="stylesheet" type="text/css" href="styles/keyboard.css"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<title>Guacamole ${project.version}</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Display -->
|
|
<div class="displayOuter">
|
|
<div class="displayMiddle">
|
|
<div id="display">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Dimensional clone of viewport -->
|
|
<div id="viewportClone"/>
|
|
|
|
<!-- Notification area -->
|
|
<div id="notificationArea"/>
|
|
|
|
<!-- Images which should be preloaded -->
|
|
<div id="preload">
|
|
<img src="images/action-icons/guac-close.png"/>
|
|
<img src="images/progress.png"/>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="scripts/lib/blob/blob.js"></script>
|
|
<script type="text/javascript" src="scripts/lib/filesaver/filesaver.js"></script>
|
|
|
|
<!-- guacamole-common-js -->
|
|
<script type="text/javascript" src="guacamole-common-js/all.min.js"></script>
|
|
|
|
<!-- guacamole-default-webapp scripts -->
|
|
<script type="text/javascript" src="scripts/session.js"></script>
|
|
<script type="text/javascript" src="scripts/history.js"></script>
|
|
<script type="text/javascript" src="scripts/service.js"></script>
|
|
<script type="text/javascript" src="scripts/guac-ui.js"></script>
|
|
<script type="text/javascript" src="scripts/client-ui.js"></script>
|
|
|
|
<!-- Init -->
|
|
<script type="text/javascript"> /* <![CDATA[ */
|
|
|
|
// Start connect after control returns from onload (allow browser
|
|
// to consider the page loaded).
|
|
window.onload = function() {
|
|
window.setTimeout(function() {
|
|
|
|
var tunnel;
|
|
|
|
// If WebSocket available, try to use it.
|
|
if (window.WebSocket)
|
|
tunnel = new Guacamole.ChainedTunnel(
|
|
new Guacamole.WebSocketTunnel("websocket-tunnel"),
|
|
new Guacamole.HTTPTunnel("tunnel")
|
|
);
|
|
|
|
// If no WebSocket, then use HTTP.
|
|
else
|
|
tunnel = new Guacamole.HTTPTunnel("tunnel")
|
|
|
|
// Instantiate client
|
|
var guac = new Guacamole.Client(tunnel);
|
|
|
|
// Add client to UI
|
|
guac.getDisplay().className = "software-cursor";
|
|
GuacUI.Client.display.appendChild(guac.getDisplay());
|
|
|
|
// Tie UI to client
|
|
GuacUI.Client.attach(guac);
|
|
|
|
// Calculate optimal width/height for display
|
|
var pixel_density = window.devicePixelRatio || 1;
|
|
var optimal_dpi = pixel_density * 96;
|
|
var optimal_width = window.innerWidth * pixel_density;
|
|
var optimal_height = window.innerHeight * pixel_density;
|
|
|
|
// Scale width/height to be at least 600x600
|
|
if (optimal_width < 600 || optimal_height < 600) {
|
|
var scale = Math.max(600 / optimal_width, 600 / optimal_height);
|
|
optimal_width = optimal_width * scale;
|
|
optimal_height = optimal_height * scale;
|
|
}
|
|
|
|
// Get entire query string, and pass to connect().
|
|
// Normally, only the "id" parameter is required, but
|
|
// all parameters should be preserved and passed on for
|
|
// the sake of authentication.
|
|
|
|
var connect_string =
|
|
window.location.search.substring(1)
|
|
+ "&width=" + Math.floor(optimal_width)
|
|
+ "&height=" + Math.floor(optimal_height)
|
|
+ "&dpi=" + Math.floor(optimal_dpi);
|
|
|
|
// Add audio mimetypes to connect_string
|
|
GuacUI.Audio.supported.forEach(function(mimetype) {
|
|
connect_string += "&audio=" + encodeURIComponent(mimetype);
|
|
});
|
|
|
|
// Add video mimetypes to connect_string
|
|
GuacUI.Video.supported.forEach(function(mimetype) {
|
|
connect_string += "&video=" + encodeURIComponent(mimetype);
|
|
});
|
|
|
|
try {
|
|
guac.connect(connect_string);
|
|
}
|
|
catch (status) {
|
|
var message = GuacUI.Client.errors[status.code] || GuacUI.Client.errors.DEFAULT;
|
|
GuacUI.Client.showError("Cannot Connect", message);
|
|
}
|
|
|
|
}, 0);
|
|
};
|
|
|
|
/* ]]> */ </script>
|
|
|
|
</body>
|
|
|
|
</html>
|