scratch – Blame information for rev 54

Subversion Repositories:
Rev:
Rev Author Line No. Line
25 office 1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
35 office 6 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
7 <meta http-equiv="Pragma" content="no-cache" />
8 <meta http-equiv="Expires" content="0" />
25 office 9 <meta name="viewport" content="width=device-width, initial-scale=1">
10 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
11 <meta name="description" content="quick asset upload">
12 <meta name="author" content="Wizardry and Steamworks">
13 <link rel="icon" href="favicon.ico">
14  
15 <title>Quickload</title>
31 office 16  
17 <!-- Polyfill -->
32 office 18 <script src="js/polyfill/polyfill.min.js"></script>
25 office 19  
20 <!-- Bootstrap core CSS -->
21 <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
22  
23 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
24 <link href="css/bootstrap/ie10-viewport-bug-workaround.css" rel="stylesheet">
25  
26 <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
27 <!--[if lt IE 9]><script src="js/bootstrap/ie8-responsive-file-warning.js"></script><![endif]-->
28 <script src="js/bootstrap/ie-emulation-modes-warning.js"></script>
29  
30 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
31 <!--[if lt IE 9]>
32 <script src="js/bootstrap/html5shiv.min.js"></script>
33 <script src="js/bootstrap/respond.min.js"></script>
34 <![endif]-->
35  
36 <!-- Trumbowyg -->
37 <link href="css/trumbowyg/trumbowyg.min.css" rel="stylesheet">
38 <!-- Local style -->
32 office 39 <link href="css/text/style.css" rel="stylesheet">
25 office 40 </head>
41  
42 <body>
43  
44 <div class="container">
45  
46 <!-- Main component for a primary marketing message or call to action -->
47 <div class="jumbotron">
48 <h1>Quickload</h1>
49 <p>Asset sharing platform.</p>
50 </div>
51  
52 <ul class="nav nav-tabs">
53 <li><a href="index.html">Home</a></li>
54 <li><a href="files.html">Files</a></li>
55 <li class="active"><a href="#">Text</a></li>
56 </ul>
57  
31 office 58 <div class="panel panel-default">
59 <div class="panel-heading">
37 office 60 <div class="form-group">
31 office 61 <div class="input-group">
62 <span class="input-group-btn">
39 office 63 <button id="save" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Generate link.">
41 office 64 <i class="glyphicon glyphicon-share"></i>
31 office 65 </button>
66 </span>
38 office 67 <input id="URL" type="text" class="form-control" readonly>
32 office 68 <span class="input-group-btn">
39 office 69 <button id="copy-url" class="btn btn-default" type="button" data-clipboard-target="#URL" data-toggle="tooltip" data-placement="auto" title="Copy to clipboard."><i class="glyphicon glyphicon-paperclip"></i></button>
32 office 70 </span>
31 office 71 </div>
72 </div>
38 office 73 <form id="nick-form" role="form">
37 office 74 <div class="form-group has-feedback">
75 <div class="input-group">
76 <span class="input-group-btn">
39 office 77 <button id="go" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Load document.">
37 office 78 <i class="glyphicon glyphicon-play"></i>
79 </button>
80 </span>
81 <span class="input-group-btn">
39 office 82 <button id="reset" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Reset document.">
42 office 83 <i id="home-icon" class="glyphicon glyphicon-home"></i>
38 office 84 </button>
85 </span>
86 <input id="nick" type="text" class="form-control" pattern="^[A-Za-z0-9]{32}$" maxlength="32">
87 <span class="input-group-btn">
39 office 88 <button id="copy-nick" class="btn btn-default" type="button" data-clipboard-target="#nick" data-toggle="tooltip" data-placement="auto" title="Copy to clipboard."><i class="glyphicon glyphicon-paperclip"></i></button>
37 office 89 </span>
90 </div>
91 </div>
92 </form>
93 </div>
32 office 94 <div class="panel-body" id="editorpanel">
95 <div id="trumbowyg" style="display: none; font-family: monospace;">
31 office 96 </div>
97 </div>
25 office 98 </div>
99  
100 </div> <!-- /container -->
101  
102 <div id="footer">
103 <div class="container">
104 <p class="text-muted credit">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p>
105 </div>
106 </div>
107  
108 <script src="js/jquery/jquery.min.js"></script>
109 <script src="js/bootstrap/bootstrap.min.js"></script>
110 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
111 <script src="js/bootstrap/ie10-viewport-bug-workaround.js"></script>
112  
113 <!-- Trumbowyg -->
114 <script src="js/trumbowyg/trumbowyg.min.js"></script>
32 office 115 <!-- Clipboard -->
116 <script src="js/clipboard/clipboard.min.js"></script>
37 office 117 <!-- Fingerprint 2 -->
118 <script src="js/fingerprintjs/fingerprint2.min.js"></script>
119 <!-- js-cookie -->
120 <script src="js/jscookie/js.cookie.js"></script>
121 <!-- Bootstrap Validator -->
122 <script src="js/validator/validator.min.js"></script>
25 office 123 <script>
124 $(document).ready(() => {
38 office 125 // Attach the form validator.
126 $('#nick-form').validator({
127 focus: false
128 });
129  
43 office 130 // Enable the Clipboard button.
131 new Clipboard('#copy-url');
132  
37 office 133 // Get the fingerprint.
134 new Fingerprint2().get((result, components) => {
135 // Set the nick as a cookie.
38 office 136 const fingerprint = result;
37 office 137 var nick = Cookies.get('nick');
43 office 138 if(!nick || nick.length !== 32) {
37 office 139 Cookies.set('nick', result, { path: '' });
43 office 140 nick = result;
141 }
37 office 142 else
143 result = nick;
144  
145 // Set the nick.
146 $('#nick').val(result);
147 new Clipboard('#copy-nick');
148  
42 office 149 if(fingerprint == nick)
150 $('#home-icon').addClass("text-success");
151 else
152 $('#home-icon').addClass("text-danger");
153  
54 office 154 function saveTextFile() {
49 office 155 $.post('text.php', {
37 office 156 data: $('#trumbowyg').trumbowyg('html'),
157 fingerprint: result,
51 office 158 action: 'SAVE',
159 timeout: 0
37 office 160 });
54 office 161 }
162 var autoSaveTimeoutID = window.setTimeout(saveTextFile, 250);
163  
164 // Load the editor.
165 $('#trumbowyg').trumbowyg({
166 autogrow: true,
167 disabled: true
168 }).on('tbwchange', () => {
169 // Clear the value of the URL box because the URL will have changed.
170 $('#URL').val('');
171 // Reschedule saving of the file.
172 window.clearTimeout(autoSaveTimeoutID);
173 autoSaveTimeoutID = window.setTimeout(saveTextFile, 250);
37 office 174 });
54 office 175  
37 office 176 // Retrieve the contents of the shared file.
54 office 177 $('#trumbowyg').trumbowyg('disable');
49 office 178 $.post('text.php',
37 office 179 {
180 timestamp: window.performance.now(),
181 fingerprint: result,
182 action: 'LOAD'
183 }).done((data) => {;
184 $('#trumbowyg')
185 .trumbowyg('html', data);
29 office 186 $('#trumbowyg').trumbowyg('enable');
37 office 187 $('#trumbowyg').show();
29 office 188 }).fail(() => {
189 $('#trumbowyg').trumbowyg('enable');
37 office 190 $('#trumbowyg').show();
25 office 191 });
31 office 192  
37 office 193 $('#save').click(() => {
194 $('#editor').trumbowyg('disable');
195 var formData = new FormData();
196 formData.append('file', new Blob(
197 [
198 $('#trumbowyg').trumbowyg('html')
199 ]
200 ),
201 '.html'
202 );
31 office 203  
37 office 204 $.ajax({
49 office 205 url: 'file.php',
37 office 206 type: 'POST',
207 data: formData,
208 // cache: false // FF
209 processData: false,
210 contentType: false
211 }).done((data) => {
212 $('#URL').val(data);
213 $('#trumbowyg').trumbowyg('enable');
214 }).fail(() => {
215 $('#trumbowyg').trumbowyg('enable');
216 });
31 office 217 });
37 office 218  
41 office 219 // When the button is clicked, navigate to the fingerprint.
37 office 220 $('#go').click(() => {
221 nick = $('#nick').val();
222 if(!nick || nick.length != 32)
223 return;
224 Cookies.set('nick', nick, { path: '' });
40 office 225 result = nick;
37 office 226  
227 // Retrieve the contents of the shared file.
54 office 228 $('#editor').trumbowyg('disable');
49 office 229 $.post('text.php',
37 office 230 {
231 timestamp: window.performance.now(),
232 fingerprint: nick,
233 action: 'LOAD'
234 }).done((data) => {;
235 $('#trumbowyg')
236 .trumbowyg('html', data);
237 $('#trumbowyg').trumbowyg('enable');
238 $('#trumbowyg').show();
42 office 239  
240 if(fingerprint == nick)
43 office 241 $('#home-icon').addClass("text-success").removeClass("text-danger");
42 office 242 else
43 office 243 $('#home-icon').addClass("text-danger").removeClass("text-success");
42 office 244  
37 office 245 }).fail(() => {
246 $('#trumbowyg').trumbowyg('enable');
247 $('#trumbowyg').show();
248 });
249 });
38 office 250  
41 office 251 // When the form is submitted, naigate to the fingerprint.
38 office 252 $('#nick-form').submit((e) => {
253 e.preventDefault();
254  
255 nick = $('#nick').val();
256 if(!nick || nick.length != 32)
257 return;
258 Cookies.set('nick', nick, { path: '' });
40 office 259 result = nick;
38 office 260  
261 // Retrieve the contents of the shared file.
54 office 262 $('#editor').trumbowyg('disable');
49 office 263 $.post('text.php',
38 office 264 {
265 timestamp: window.performance.now(),
266 fingerprint: nick,
267 action: 'LOAD'
268 }).done((data) => {;
269 $('#trumbowyg')
270 .trumbowyg('html', data);
271 $('#trumbowyg').trumbowyg('enable');
272 $('#trumbowyg').show();
42 office 273  
274 if(fingerprint == nick)
275 $('#home-icon').addClass("text-success").removeClass("text-danger");
276 else
277 $('#home-icon').addClass("text-danger").removeClass("text-success");
278  
38 office 279 }).fail(() => {
280 $('#trumbowyg').trumbowyg('enable');
281 $('#trumbowyg').show();
282 });
283 });
284  
41 office 285 // While the nick is changing, navigate to the changed fingerprint.
286 $("#nick").on('input', () => {
287 nick = $('#nick').val();
288 if(!nick || nick.length != 32)
289 return;
290 Cookies.set('nick', nick, { path: '' });
291 result = nick;
292  
293 // Retrieve the contents of the shared file.
54 office 294 $('#editor').trumbowyg('disable');
49 office 295 $.post('text.php',
41 office 296 {
297 timestamp: window.performance.now(),
298 fingerprint: nick,
299 action: 'LOAD'
300 }).done((data) => {;
301 $('#trumbowyg')
302 .trumbowyg('html', data);
303 $('#trumbowyg').trumbowyg('enable');
304 $('#trumbowyg').show();
43 office 305  
306 if(fingerprint == nick)
307 $('#home-icon').addClass("text-success").removeClass("text-danger");
308 else
309 $('#home-icon').addClass("text-danger").removeClass("text-success");
41 office 310 }).fail(() => {
311 $('#trumbowyg').trumbowyg('enable');
312 $('#trumbowyg').show();
313 });
314 });
315  
316 // When the reset button is pressed, navigate to the fingerprint.
38 office 317 $('#reset').click(() => {
318 Cookies.set('nick', fingerprint, { path: '' });
319 $('#nick').val(fingerprint);
40 office 320 result = fingerprint;
42 office 321 nick = fingerprint;
38 office 322  
323 // Retrieve the contents of the shared file.
54 office 324 $('#editor').trumbowyg('disable');
49 office 325 $.post('text.php',
38 office 326 {
327 timestamp: window.performance.now(),
328 fingerprint: fingerprint,
329 action: 'LOAD'
330 }).done((data) => {;
331 $('#trumbowyg')
332 .trumbowyg('html', data);
333 $('#trumbowyg').trumbowyg('enable');
334 $('#trumbowyg').show();
43 office 335  
336 if(fingerprint == nick)
337 $('#home-icon').addClass("text-success").removeClass("text-danger");
338 else
339 $('#home-icon').addClass("text-danger").removeClass("text-success");
38 office 340 }).fail(() => {
341 $('#trumbowyg').trumbowyg('enable');
342 $('#trumbowyg').show();
343 });
344 });
31 office 345 });
25 office 346 });
347 </script>
348 </body>
349 </html>