1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style type="text/css">
body {
color: #333;
font-size: 14pt;
}
h1 {
font-size: 24pt;
}
</style>
</head>
<body>
<h1>My first pywebview application</h1>
<button onclick="openFolder()">Open folder</button>
<button onclick="toggleFullscreen()">Toggle fullscreen</button>
<button onclick="doStuff()">Do stuff</button>
<div id="open-folder-container"></div>
<div id="stuff-container"></div>
<div id="json-container"></div>
<div style="text-align: center; margin-top: 50px;">
<a href="http://mbsy.co/gHVfC" target="_blank" style="outline:none;border:none;" onclick="openLink(event)">
<img src="https://ambassador-api.s3.amazonaws.com/uploads/marketing/11948/2016_11_29_21_53_43.png" alt="DreamHost" border="0" />
</a>
</div>
<script>
window.token = '{{ token }}';
// Perform background initialization
doAjax("/init", "POST");
function getMethods(obj) {
var result = [];
for (var id in obj) {
try {
if (typeof(obj[id]) == "function") {
result.push(id + ": " + obj[id].toString());
}
} catch (err) {
result.push(id + ": inaccessible");
}
}
return result;
}
function openFolderHandler() {
if (this.responseText) {
var response = JSON.parse(this.responseText);
document.getElementById("open-folder-container").innerHTML = 'Selected directory: ' + response.directory;
}
}
function doStuffHandler(response) {
if (this.responseText) {
var response = JSON.parse(this.responseText);
document.getElementById("stuff-container").innerHTML = response.result;
}
}
function openFolder() {
doAjax("/choose/path", "POST", openFolderHandler);
}
function doStuff() {
doAjax("/do/stuff", "POST", doStuffHandler);
}
function toggleFullscreen() {
doAjax("/fullscreen", "POST", doStuffHandler);
}
function openLink(e) {
e.preventDefault()
var request = {url: e.currentTarget.href}
doAjax("/open-url", "POST", false, request)
}
// From https://gist.github.com/dharmavir/936328
function getHttpRequestObject()
{
// Define and initialize as false
var xmlHttpRequst = false;
// Mozilla/Safari/Non-IE
if (window.XMLHttpRequest)
{
xmlHttpRequst = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject)
{
xmlHttpRequst = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttpRequst;
}
// Does the AJAX call to URL specific with rest of the parameters
function doAjax(url, method, responseHandler, data)
{
// Set the variables
url = url || "";
method = method || "GET";
async = true;
data = data || {};
data.token = window.token;
if(url == "") {
alert("URL can not be null/blank");
return false;
}
var xmlHttpRequest = getHttpRequestObject();
// If AJAX supported
if(xmlHttpRequest != false) {
xmlHttpRequest.open(method, url, async);
// Set request header (optional if GET method is used)
if(method == "POST") {
xmlHttpRequest.setRequestHeader("Content-Type", "application/json");
}
// Assign (or define) response-handler/callback when ReadyState is changed.
xmlHttpRequest.onreadystatechange = responseHandler;
// Send data
xmlHttpRequest.send(JSON.stringify(data));
}
else
{
alert("Please use browser with Ajax support.!");
}
}
</script>
</body>
</html>
|
