<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<!-- Add withCredentials to Vaadin requests to allow session cookies. Note: this affects to all XHRs on this page. -->
<script>
XMLHttpRequest.prototype._originalSend = XMLHttpRequest.prototype.send;
var sendWithCredentials = function(data) {
this.withCredentials = true;
this._originalSend(data);
};
XMLHttpRequest.prototype.send = sendWithCredentials;
</script>
<style>
/* Set size and styles for the application DIV */
#myapp {
width: 300px;
height: 300px;
border:1px solid #aaa;
box-shadow: 2px 2px 20px gray;
}
</style>
</head>
<body>
<!-- Load the Vaadin bootstrap -->
<script type="text/javascript" src="http://myvaadinappdomain.com/VAADIN/vaadinBootstrap.js"></script>
<!-- Placeholder for the vaadin application-->
<div id="myapp" class="v-app embedded">
<div class="v-app-loading"></div>
</div>
<!-- Start the Vaadin application from myvaadinappdomain.com -->
<script type="text/javascript">
window.onload= function() {
if (!window.vaadin) alert("Failed to load the Vaadin bootstrap");
vaadin.initApplication("myapp", {
"browserDetailsUrl": "http://myvaadinappdomain.com/",
"serviceUrl": "http://myvaadinappdomain.com/",
"widgetset": "com.vaadin.DefaultWidgetSet",
"theme": "reindeer",
"versionInfo": {"vaadinVersion": null},
"vaadinDir": "http://myvaadinappdomain.com/VAADIN/",
"heartbeatInterval": 300,
"debug": true,
});
}
</script>
</body>
</html>