correctly initialize URI field
[pithos] / gss / test / rest-api-test.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
2 <html>\r
3 <head>\r
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
5 <title>REST API Test page</title>\r
6 <script type="text/javascript" src="http://pajhome.org.uk/crypt/md5/sha1.js"></script>\r
7 <script type="text/javascript">\r
8 function send() {\r
9         // Use strict RFC compliance\r
10         b64pad = "=";\r
11 \r
12         var resource = decodeURI(document.getElementById("resource").value);\r
13         var user = document.getElementById("user").value;\r
14         var token = document.getElementById("token").value;\r
15         var method = document.getElementById("method").value;\r
16         var modified = document.getElementById("modified").value;\r
17         var file = document.getElementById("file").value;\r
18         var form = document.getElementById("form").value;\r
19         var update = document.getElementById("update").value;\r
20         var formfile = document.getElementById('formfile');\r
21         var authparam = document.getElementById('authparam');\r
22         var params = null;\r
23         var now = (new Date()).toUTCString();\r
24         var q = resource.indexOf('?');\r
25         var res = q == -1? resource: resource.substring(0, q);\r
26         var data = method + now + encodeURIComponent(decodeURIComponent(res));\r
27         var sig = b64_hmac_sha1(atob(token), data);\r
28         if (form)\r
29                 params = form;\r
30         else if (update)\r
31                 params = update;\r
32 \r
33         // Browser upload with POST.\r
34         if (formfile.value) {\r
35                 var formdate = document.getElementById('formdate');\r
36                 var formauth = document.getElementById('formauth');\r
37                 res = resource+formfile.value;\r
38                 data = 'POST' + now + encodeURIComponent(decodeURIComponent(res));\r
39                 sig = b64_hmac_sha1(atob(token), data);\r
40                 formauth.value = user + " " + sig;\r
41                 formdate.value = now;\r
42                 var upload = document.upload;\r
43                 upload.action = '/gss/rest'+res;\r
44                 upload.submit();\r
45                 return;\r
46         }\r
47 \r
48         // All other API operations.\r
49         var req = new XMLHttpRequest();\r
50         var requesturi = '/gss/rest'+resource;\r
51         if (authparam.checked)\r
52                 requesturi += '?Date=' + now + '&Authorization=' +user + " " + sig;\r
53         req.open(method, requesturi, true);\r
54         req.onreadystatechange = function (event) {\r
55                 if (req.readyState == 4) {\r
56                         if(req.status == 200) {\r
57                                 var result = document.getElementById("result");\r
58                                 result.innerHTML = "<pre>"+req.getAllResponseHeaders()+"\n"+req.responseText+"</pre>";\r
59                     } else {\r
60                         var result = document.getElementById("result");\r
61                                 result.innerHTML = "<span style='color: red'>"+req.status+": "+req.statusText+"</span>"+"<pre>"+req.getAllResponseHeaders()+"</pre>";\r
62                     }\r
63                 }\r
64         }\r
65         if (!authparam.checked) {\r
66                 req.setRequestHeader("Authorization", user + " " + sig);\r
67                 req.setRequestHeader("X-GSS-Date", now);\r
68         }\r
69         if (modified)\r
70                 req.setRequestHeader("If-Modified-Since", modified);\r
71 \r
72         if (file) {\r
73                 req.setRequestHeader("Content-Type", "text/plain");\r
74                 req.setRequestHeader("Content-Length", file.length);\r
75         } else if (form) {\r
76                 req.setRequestHeader("Content-Length", params.length);\r
77             req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");\r
78         } else if (update) {\r
79                 req.setRequestHeader("Content-Length", params.length);\r
80             req.setRequestHeader("Content-Type", "application/json;");\r
81         }\r
82 \r
83         if (!file)\r
84                 req.send(params);\r
85         else\r
86                 req.send(file);\r
87 }\r
88 </script>\r
89 </head>\r
90 <body>\r
91 <table>\r
92 <tr><td>Resource </td><td><input id="resource" size="100"></td></tr>\r
93 <tr><td>Method </td><td><input id="method"></td></tr>\r
94 <tr><td>Username </td><td><input id="user"></td></tr>\r
95 <tr><td>Auth token </td><td><input id="token" size="100"></td></tr>\r
96 <tr><td>If-Modified-Since </td><td><input id="modified" size="100"></td></tr>\r
97 <tr><td>File contents </td><td><input id="file" size="100"></td></tr>\r
98 <tr><td>POST form </td><td><input id="form"></td></tr>\r
99 <tr><td>POST JSON update </td><td><input id="update"></td></tr>\r
100 <tr><td>Autorization in parameters </td><td><input id="authparam" type="checkbox"></td></tr>\r
101 </table>\r
102 <form id="upload" name="upload" method="post" action="/gss/rest" enctype="multipart/form-data">\r
103 <input id="formdate" type="hidden" name="Date" value="">\r
104 <input id="formauth" type="hidden" name="Authorization" value="">\r
105 File upload<input id="formfile" type="file" name="formfile">\r
106 <input type="submit">\r
107 </form>\r
108 <button onclick="send()">send</button><br>\r
109 <div id="result" style="width: 200px; height: 200px"></div>\r
110 </body>\r
111 </html>