scratch – Diff between revs 40 and 41
?pathlinks?
Rev 40 | Rev 41 | |||
---|---|---|---|---|
Line 59... | Line 59... | |||
59 | <div class="panel-heading"> |
59 | <div class="panel-heading"> |
|
60 | <div class="form-group"> |
60 | <div class="form-group"> |
|
61 | <div class="input-group"> |
61 | <div class="input-group"> |
|
62 | <span class="input-group-btn"> |
62 | <span class="input-group-btn"> |
|
63 | <button id="save" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Generate link."> |
63 | <button id="save" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Generate link."> |
|
64 | <i class="glyphicon glyphicon-globe"></i> |
64 | <i class="glyphicon glyphicon-share"></i> |
|
65 | </button> |
65 | </button> |
|
66 | </span> |
66 | </span> |
|
67 | <input id="URL" type="text" class="form-control" readonly> |
67 | <input id="URL" type="text" class="form-control" readonly> |
|
68 | <span class="input-group-btn"> |
68 | <span class="input-group-btn"> |
|
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> |
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> |
|
Line 78... | Line 78... | |||
78 | <i class="glyphicon glyphicon-play"></i> |
78 | <i class="glyphicon glyphicon-play"></i> |
|
79 | </button> |
79 | </button> |
|
80 | </span> |
80 | </span> |
|
81 | <span class="input-group-btn"> |
81 | <span class="input-group-btn"> |
|
82 | <button id="reset" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Reset document."> |
82 | <button id="reset" class="btn btn-default" type="button" data-toggle="tooltip" data-placement="auto" title="Reset document."> |
|
83 | <i class="glyphicon glyphicon-erase"></i> |
83 | <i class="glyphicon glyphicon-home"></i> |
|
84 | </button> |
84 | </button> |
|
85 | </span> |
85 | </span> |
|
86 | <input id="nick" type="text" class="form-control" pattern="^[A-Za-z0-9]{32}$" maxlength="32"> |
86 | <input id="nick" type="text" class="form-control" pattern="^[A-Za-z0-9]{32}$" maxlength="32"> |
|
87 | <span class="input-group-btn"> |
87 | <span class="input-group-btn"> |
|
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> |
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> |
|
Line 203... | Line 203... | |||
203 | alert('failed'); |
203 | alert('failed'); |
|
204 | $('#trumbowyg').trumbowyg('enable'); |
204 | $('#trumbowyg').trumbowyg('enable'); |
|
205 | }); |
205 | }); |
|
206 | }); |
206 | }); |
|
Line 207... | Line 207... | |||
207 | |
207 | |
|
208 | // When the user wants to assume a nickname. |
208 | // When the button is clicked, navigate to the fingerprint. |
|
209 | $('#go').click(() => { |
209 | $('#go').click(() => { |
|
210 | nick = $('#nick').val(); |
210 | nick = $('#nick').val(); |
|
211 | if(!nick || nick.length != 32) |
211 | if(!nick || nick.length != 32) |
|
212 | return; |
212 | return; |
|
Line 228... | Line 228... | |||
228 | $('#trumbowyg').trumbowyg('enable'); |
228 | $('#trumbowyg').trumbowyg('enable'); |
|
229 | $('#trumbowyg').show(); |
229 | $('#trumbowyg').show(); |
|
230 | }); |
230 | }); |
|
231 | }); |
231 | }); |
|
Line -... | Line 232... | |||
- | 232 | |
||
232 | |
233 | // When the form is submitted, naigate to the fingerprint. |
|
233 | $('#nick-form').submit((e) => { |
234 | $('#nick-form').submit((e) => { |
|
Line 234... | Line 235... | |||
234 | e.preventDefault(); |
235 | e.preventDefault(); |
|
235 | |
236 | |
|
Line 254... | Line 255... | |||
254 | $('#trumbowyg').trumbowyg('enable'); |
255 | $('#trumbowyg').trumbowyg('enable'); |
|
255 | $('#trumbowyg').show(); |
256 | $('#trumbowyg').show(); |
|
256 | }); |
257 | }); |
|
257 | }); |
258 | }); |
|
Line -... | Line 259... | |||
- | 259 | |
||
- | 260 | // While the nick is changing, navigate to the changed fingerprint. |
||
- | 261 | $("#nick").on('input', () => { |
||
- | 262 | nick = $('#nick').val(); |
||
- | 263 | if(!nick || nick.length != 32) |
||
- | 264 | return; |
||
- | 265 | Cookies.set('nick', nick, { path: '' }); |
||
- | 266 | result = nick; |
||
- | 267 | |
||
- | 268 | // Retrieve the contents of the shared file. |
||
- | 269 | $.post('share-text.php', |
||
- | 270 | { |
||
- | 271 | timestamp: window.performance.now(), |
||
- | 272 | fingerprint: nick, |
||
- | 273 | action: 'LOAD' |
||
- | 274 | }).done((data) => {; |
||
- | 275 | $('#trumbowyg') |
||
- | 276 | .trumbowyg('html', data); |
||
- | 277 | $('#trumbowyg').trumbowyg('enable'); |
||
- | 278 | $('#trumbowyg').show(); |
||
- | 279 | }).fail(() => { |
||
- | 280 | $('#trumbowyg').trumbowyg('enable'); |
||
- | 281 | $('#trumbowyg').show(); |
||
- | 282 | }); |
||
- | 283 | }); |
||
- | 284 | |
||
258 | |
285 | // When the reset button is pressed, navigate to the fingerprint. |
|
259 | $('#reset').click(() => { |
286 | $('#reset').click(() => { |
|
260 | Cookies.set('nick', fingerprint, { path: '' }); |
287 | Cookies.set('nick', fingerprint, { path: '' }); |
|
261 | $('#nick').val(fingerprint); |
288 | $('#nick').val(fingerprint); |