]> git.p6c8.net - jirafeau.git/blob - lib/functions.js.php
f5f7d5444ae08fa8e9a0e7a2f6c4f2ee08a4941c
[jirafeau.git] / lib / functions.js.php
1 <?php
2 /*
3 * Jirafeau, your web file repository
4 * Copyright (C) 2015 Jerome Jutteau <jerome@jutteau.fr>
5 * Copyright (C) 2015 Nicola Spanti (RyDroid) <dev@nicola-spanti.info>
6 *
7 * This program is free software: you can redistribute it and/or modify
8 * it under the terms of the GNU Affero General Public License as
9 * published by the Free Software Foundation, either version 3 of the
10 * License, or (at your option) any later version.
11 *
12 * This program is distributed in the hope that it will be useful,
13 * but WITHOUT ANY WARRANTY; without even the implied warranty of
14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15 * GNU Affero General Public License for more details.
16 *
17 * You should have received a copy of the GNU Affero General Public License
18 * along with this program. If not, see <https://www.gnu.org/licenses/>.
19 */
20
21 header('Content-Type: text/javascript');
22 define('JIRAFEAU_ROOT', dirname(__FILE__) . '/../');
23
24 require(JIRAFEAU_ROOT . 'lib/settings.php');
25 require(JIRAFEAU_ROOT . 'lib/functions.php');
26 require(JIRAFEAU_ROOT . 'lib/lang.php');
27 ?>
28 // @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-v3-or-Later
29 var web_root = "<?php echo $cfg['web_root']; ?>";
30
31 var lang_array = <?php echo json_lang_generator(null); ?>;
32 var lang_array_fallback = <?php echo json_lang_generator("en"); ?>;
33
34 function translate (expr) {
35 if (lang_array.hasOwnProperty(expr)) {
36 var e = lang_array[expr];
37 if (!isEmpty(e))
38 return e;
39 }
40 if (lang_array_fallback.hasOwnProperty(expr)) {
41 var e = lang_array_fallback[expr];
42 if (!isEmpty(e))
43 return e;
44 }
45 return "FIXME: " + expr;
46 }
47
48 function isEmpty(str) {
49 return (!str || 0 === str.length);
50 }
51
52 // Extend date object with format method
53 Date.prototype.format = function(format) {
54 format = format || 'YYYY-MM-DD hh:mm';
55
56 var zeropad = function(number, length) {
57 number = number.toString();
58 length = length || 2;
59 while(number.length < length)
60 number = '0' + number;
61 return number;
62 },
63 formats = {
64 YYYY: this.getFullYear(),
65 MM: zeropad(this.getMonth() + 1),
66 DD: zeropad(this.getDate()),
67 hh: zeropad(this.getHours()),
68 mm: zeropad(this.getMinutes()),
69 O: (function() {
70 localDate = new Date;
71 sign = (localDate.getTimezoneOffset() > 0) ? '-' : '+';
72 offset = Math.abs(localDate.getTimezoneOffset());
73 hours = zeropad(Math.floor(offset / 60));
74 minutes = zeropad(offset % 60);
75 return sign + hours + ":" + minutes;
76 })()
77 },
78 pattern = '(' + Object.keys(formats).join(')|(') + ')';
79
80 return format.replace(new RegExp(pattern, 'g'), function(match) {
81 return formats[match];
82 });
83 };
84
85 function dateFromUtcString(datestring) {
86 // matches »YYYY-MM-DD hh:mm«
87 var m = datestring.match(/(\d+)-(\d+)-(\d+)\s+(\d+):(\d+)/);
88 return new Date(Date.UTC(+m[1], +m[2] - 1, +m[3], +m[4], +m[5], 0));
89 }
90
91 function dateFromUtcTimestamp(datetimestamp) {
92 return new Date(parseInt(datetimestamp) * 1000)
93 }
94
95 function dateToUtcString(datelocal) {
96 return new Date(
97 datelocal.getUTCFullYear(),
98 datelocal.getUTCMonth(),
99 datelocal.getUTCDate(),
100 datelocal.getUTCHours(),
101 datelocal.getUTCMinutes(),
102 datelocal.getUTCSeconds()
103 ).format();
104 }
105
106 function dateToUtcTimestamp(datelocal) {
107 return (Date.UTC(
108 datelocal.getUTCFullYear(),
109 datelocal.getUTCMonth(),
110 datelocal.getUTCDate(),
111 datelocal.getUTCHours(),
112 datelocal.getUTCMinutes(),
113 datelocal.getUTCSeconds()
114 ) / 1000);
115 }
116
117 function convertAllDatetimeFields() {
118 datefields = document.getElementsByClassName('datetime')
119 for(var i=0; i<datefields.length; i++) {
120 dateUTC = datefields[i].getAttribute('data-datetime');
121 datefields[i].setAttribute('title', dateUTC + ' (GMT)');
122 datefields[i].innerHTML = dateFromUtcString(dateUTC).format('YYYY-MM-DD hh:mm (GMT O)');
123 }
124 }
125
126 function show_link (reference, delete_code, crypt_key, date)
127 {
128 // Upload finished
129 document.getElementById('uploading').style.display = 'none';
130 document.getElementById('upload').style.display = 'none';
131 document.getElementById('upload_finished').style.display = '';
132 document.title = "100% - <?php echo empty($cfg['title']) ? 'Jirafeau' : $cfg['title']; ?>";
133
134 // Download page
135 var download_link_href = 'f.php?h=' + reference;
136 if (crypt_key.length > 0)
137 {
138 download_link_href += '&k=' + crypt_key;
139 }
140 if (!!document.getElementById('upload_finished_download_page'))
141 {
142 document.getElementById('upload_link').href = download_link_href;
143 document.getElementById('upload_link_text').innerHTML = web_root + download_link_href;
144 }
145
146 // Email link
147 var filename = document.getElementById('file_select').files[0].name;
148 var b = encodeURIComponent("<?php echo t("DL"); ?> \"" + filename + "\":") + "%0D" + "%0A";
149 b += encodeURIComponent(web_root + download_link_href) + "%0D" + "%0A";
150 if (false == isEmpty(date))
151 {
152 b += "%0D" + "%0A" + encodeURIComponent("<?php echo t("VALID_UNTIL"); ?>: " + date.format('YYYY-MM-DD hh:mm (GMT O)')) + "%0D" + "%0A";
153 document.getElementById('upload_link_email').href = "mailto:?body=" + b + "&subject=" + encodeURIComponent(filename);
154 }
155
156 // Delete link
157 var delete_link_href = 'f.php?h=' + reference + '&d=' + delete_code;
158 document.getElementById('delete_link').href = delete_link_href;
159 document.getElementById('delete_link_text').innerHTML = web_root + delete_link_href;
160
161 // Validity date
162 if (isEmpty(date))
163 {
164 document.getElementById('date').style.display = 'none';
165 }
166 else {
167 document.getElementById('date').innerHTML = '<span class="datetime" title="'
168 + dateToUtcString(date) + ' (GMT)">'
169 + date.format('YYYY-MM-DD hh:mm (GMT O)')
170 + '</span>';
171 document.getElementById('date').style.display = '';
172 }
173
174 // Preview link (if allowed)
175 if (!!document.getElementById('preview_link'))
176 {
177 document.getElementById('upload_finished_preview').style.display = 'none';
178 var preview_link_href = 'f.php?h=' + reference + '&p=1';
179 if (crypt_key.length > 0)
180 {
181 preview_link_href += '&k=' + crypt_key;
182 }
183
184 // Test if content can be previewed
185 type = document.getElementById('file_select').files[0].type;
186 if ((type.startsWith('image/')
187 || type.startsWith('audio')
188 || type.startsWith('text/plain')
189 || type.startsWith('video/'))
190 && !type.includes('image/svg+xml'))
191 {
192 document.getElementById('preview_link').href = preview_link_href;
193 document.getElementById('preview_link_text').innerHTML = web_root + preview_link_href;
194 document.getElementById('upload_finished_preview').style.display = '';
195 }
196 }
197
198 // Direct download link
199 var direct_download_link_href = 'f.php?h=' + reference + '&d=1';
200 if (crypt_key.length > 0)
201 {
202 direct_download_link_href += '&k=' + crypt_key;
203 }
204 document.getElementById('direct_link').href = direct_download_link_href;
205 document.getElementById('direct_link_text').innerHTML = web_root + direct_download_link_href;
206
207 // Hide preview and direct download link if password is set
208 if (document.getElementById('input_key').value.length > 0)
209 {
210 if (!!document.getElementById('preview_link'))
211 document.getElementById('upload_finished_preview').style.display = 'none';
212 document.getElementById('upload_direct_download').style.display = 'none';
213 }
214 }
215
216 function show_upload_progression (percentage, speed, time_left)
217 {
218 document.getElementById('uploaded_percentage').innerHTML = percentage;
219 document.getElementById('uploaded_speed').innerHTML = speed;
220 document.getElementById('uploaded_time').innerHTML = time_left;
221 document.title = percentage + " - <?php echo empty($cfg['title']) ? 'Jirafeau' : $cfg['title']; ?>";
222 }
223
224 function hide_upload_progression ()
225 {
226 document.getElementById('uploaded_percentage').style.display = 'none';
227 document.getElementById('uploaded_speed').style.display = 'none';
228 document.getElementById('uploaded_time').style.display = 'none';
229 document.title = "<?php echo empty($cfg['title']) ? 'Jirafeau' : $cfg['title']; ?>";
230 }
231
232 function upload_progress (e)
233 {
234 if (e == undefined || e == null || !e.lengthComputable)
235 return;
236
237 // Init time estimation if needed
238 if (upload_time_estimation_total_size == 0)
239 upload_time_estimation_total_size = e.total;
240
241 // Compute percentage
242 var p = Math.round (e.loaded * 100 / e.total);
243 var p_str = ' ';
244 if (p != 100)
245 p_str = p.toString() + '%';
246 // Update estimation speed
247 upload_time_estimation_add(e.loaded);
248 // Get speed string
249 var speed_str = upload_time_estimation_speed_string();
250 speed_str = upload_speed_refresh_limiter(speed_str);
251 // Get time string
252 var time_str = chrono_update(upload_time_estimation_time());
253
254 show_upload_progression (p_str, speed_str, time_str);
255 }
256
257 function control_selected_file_size(max_size, error_str)
258 {
259 f_size = document.getElementById('file_select').files[0].size;
260 if (max_size > 0 && f_size > max_size * 1024 * 1024)
261 {
262 pop_failure(error_str);
263 document.getElementById('send').style.display = 'none';
264 }
265 else
266 {
267 // add class to restyle upload form in next step
268 document.getElementById('upload').setAttribute('class', 'file-selected');
269 // display options
270 document.getElementById('options').style.display = 'block';
271 document.getElementById('send').style.display = 'block';
272 document.getElementById('error_pop').style.display = 'none';
273 document.getElementById('send').focus();
274 }
275 }
276
277 function XHRErrorHandler(e)
278 {
279 var text = "${e.type}: ${e.loaded} bytes transferred"
280 console.log(text)
281 }
282
283 function pop_failure (e)
284 {
285 var text = "<p>An error occured";
286 if (typeof e !== 'undefined')
287 text += ": " + e;
288 text += "</p>";
289 document.getElementById('error_pop').innerHTML = e;
290
291 document.getElementById('uploading').style.display = 'none';
292 document.getElementById('error_pop').style.display = '';
293 document.getElementById('upload').style.display = '';
294 document.getElementById('send').style.display = '';
295 }
296
297 function add_time_string_to_date(d, time)
298 {
299 if(typeof(d) != 'object' || !(d instanceof Date))
300 {
301 return false;
302 }
303
304 if (time == 'minute')
305 {
306 d.setSeconds (d.getSeconds() + 60);
307 return true;
308 }
309 if (time == 'hour')
310 {
311 d.setSeconds (d.getSeconds() + 3600);
312 return true;
313 }
314 if (time == 'day')
315 {
316 d.setSeconds (d.getSeconds() + 86400);
317 return true;
318 }
319 if (time == 'week')
320 {
321 d.setSeconds (d.getSeconds() + 604800);
322 return true;
323 }
324 if (time == 'fortnight')
325 {
326 d.setSeconds (d.getSeconds() + 1209600);
327 return true;
328 }
329 if (time == 'month')
330 {
331 d.setSeconds (d.getSeconds() + 2592000);
332 return true;
333 }
334 if (time == 'quarter')
335 {
336 d.setSeconds (d.getSeconds() + 7776000);
337 return true;
338 }
339 if (time == 'year')
340 {
341 d.setSeconds (d.getSeconds() + 31536000);
342 return true;
343 }
344 return false;
345 }
346
347 function classic_upload (file, time, password, one_time, upload_password)
348 {
349 // Delay time estimation init as we can't have file size
350 upload_time_estimation_init(0);
351
352 var req = new XMLHttpRequest ();
353 req.upload.addEventListener ("progress", upload_progress, false);
354 req.addEventListener ("error", XHRErrorHandler, false);
355 req.addEventListener ("abort", XHRErrorHandler, false);
356 req.onreadystatechange = function ()
357 {
358 if (req.readyState == 4 && req.status == 200)
359 {
360 var res = req.responseText;
361
362 // if response starts with "Error" then show a failure
363 if (/^Error/.test(res))
364 {
365 pop_failure (res);
366 return;
367 }
368
369 res = res.split ("\n");
370 var expiryDate = '';
371 if (time != 'none')
372 {
373 // convert time (local time + selected expiry date)
374 var localDatetime = new Date();
375 if(!add_time_string_to_date(localDatetime, time))
376 {
377 pop_failure ('Error: Date can not be parsed');
378 return;
379 }
380 expiryDate = localDatetime;
381 }
382
383 show_link (res[0], res[1], res[2], expiryDate);
384 }
385 else
386 {
387 pop_failure ("<?php echo t("ERR_OCC"); ?>");
388 }
389 }
390 req.open ("POST", 'script.php' , true);
391
392 var form = new FormData();
393 form.append ("file", file);
394 if (time)
395 form.append ("time", time);
396 if (password)
397 form.append ("key", password);
398 if (one_time)
399 form.append ("one_time_download", '1');
400 if (upload_password.length > 0)
401 form.append ("upload_password", upload_password);
402
403 req.send (form);
404 }
405
406 function check_html5_file_api ()
407 {
408 return window.File && window.FileReader && window.FileList && window.Blob;
409 }
410
411 var async_global_transfered = 0;
412 var async_global_file;
413 var async_global_ref = '';
414 var async_global_max_size = 0;
415 var async_global_time;
416 var async_global_transfering = 0;
417 var async_global_last_code;
418
419 function async_upload_start (max_size, file, time, password, one_time, upload_password)
420 {
421 async_global_transfered = 0;
422 async_global_file = file;
423 async_global_max_size = max_size;
424 async_global_time = time;
425
426 var req = new XMLHttpRequest ();
427 req.addEventListener ("error", XHRErrorHandler, false);
428 req.addEventListener ("abort", XHRErrorHandler, false);
429 req.onreadystatechange = function ()
430 {
431 if (req.readyState == 4 && req.status == 200)
432 {
433 var res = req.responseText;
434
435 if (/^Error/.test(res))
436 {
437 pop_failure (res);
438 return;
439 }
440
441 res = res.split ("\n");
442 async_global_ref = res[0];
443 var code = res[1];
444 async_upload_push (code);
445 }
446 }
447 req.open ("POST", 'script.php?init_async' , true);
448
449 var form = new FormData();
450 form.append ("filename", async_global_file.name);
451 form.append ("type", async_global_file.type);
452 if (time)
453 form.append ("time", time);
454 if (password)
455 form.append ("key", password);
456 if (one_time)
457 form.append ("one_time_download", '1');
458 if (upload_password.length > 0)
459 form.append ("upload_password", upload_password);
460
461 // Start time estimation
462 upload_time_estimation_init(async_global_file.size);
463
464 req.send (form);
465 }
466
467 function async_upload_progress (e)
468 {
469 if (e == undefined || e == null || !e.lengthComputable && async_global_file.size != 0)
470 return;
471
472 // Compute percentage
473 var p = Math.round ((e.loaded + async_global_transfered) * 100 / (async_global_file.size));
474 var p_str = ' ';
475 if (p != 100)
476 p_str = p.toString() + '%';
477 // Update estimation speed
478 upload_time_estimation_add(e.loaded + async_global_transfered);
479 // Get speed string
480 var speed_str = upload_time_estimation_speed_string();
481 speed_str = upload_speed_refresh_limiter(speed_str);
482 // Get time string
483 var time_str = chrono_update(upload_time_estimation_time());
484
485 show_upload_progression (p_str, speed_str, time_str);
486 }
487
488 function async_upload_push (code)
489 {
490 async_global_last_code = code;
491 if (async_global_transfered == async_global_file.size)
492 {
493 hide_upload_progression ();
494 async_upload_end (code);
495 return;
496 }
497 var req = new XMLHttpRequest ();
498 req.upload.addEventListener ("progress", async_upload_progress, false);
499 req.addEventListener ("error", XHRErrorHandler, false);
500 req.addEventListener ("abort", XHRErrorHandler, false);
501 req.onreadystatechange = function ()
502 {
503 if (req.readyState == 4)
504 {
505 if (req.status == 200)
506 {
507 var res = req.responseText;
508
509 // This error may be triggered when Jirafeau does not receive any file in POST.
510 // This may be due to bad php configuration where post_max_size is too low
511 // comparing to upload_max_filesize. Let's retry with lower file size.
512 if (res === "Error 23")
513 {
514 async_global_max_size = Math.max(1, async_global_max_size - 500);
515 async_upload_push (async_global_last_code);
516 return;
517 }
518 else if (/^Error/.test(res))
519 {
520 pop_failure (res);
521 return;
522 }
523
524 res = res.split ("\n");
525 var code = res[0]
526 async_global_transfered = async_global_transfering;
527 async_upload_push (code);
528 return;
529 }
530 else
531 {
532 // lower async_global_max_size and retry
533 // This can occurs in several cases:
534 // - Request Entity Too Large (413) due to server bad configuration relative to PHP configuration
535 // - Server Error (500) which can happen when PHP's `max_execution_time` is too low comparared to sent size
536 async_global_max_size = Math.max(1, parseInt (async_global_max_size * 0.5));
537 async_upload_push (async_global_last_code);
538 return;
539 }
540 }
541 }
542 req.open ("POST", 'script.php?push_async' , true);
543
544 var start = async_global_transfered;
545 var end = start + async_global_max_size;
546 if (end >= async_global_file.size)
547 end = async_global_file.size;
548 var blob = async_global_file.slice (start, end);
549 async_global_transfering = end;
550
551 var form = new FormData();
552 form.append ("ref", async_global_ref);
553 form.append ("data", blob);
554 form.append ("code", code);
555 req.send (form);
556 }
557
558 function async_upload_end (code)
559 {
560 var req = new XMLHttpRequest ();
561 req.addEventListener ("error", XHRErrorHandler, false);
562 req.addEventListener ("abort", XHRErrorHandler, false);
563 req.onreadystatechange = function ()
564 {
565 if (req.readyState == 4 && req.status == 200)
566 {
567 var res = req.responseText;
568
569 if (/^Error/.test(res))
570 {
571 pop_failure (res);
572 return;
573 }
574
575 res = res.split ("\n");
576 var expiryDate = '';
577 if (async_global_time != 'none')
578 {
579 // convert time (local time + selected expiry date)
580 var localDatetime = new Date();
581 if(!add_time_string_to_date(localDatetime, async_global_time)) {
582 pop_failure ('Error: Date can not be parsed');
583 return;
584 }
585 expiryDate = localDatetime;
586 }
587
588 show_link (res[0], res[1], res[2], expiryDate);
589 }
590 }
591 req.open ("POST", 'script.php?end_async' , true);
592
593 var form = new FormData();
594 form.append ("ref", async_global_ref);
595 form.append ("code", code);
596 req.send (form);
597 }
598
599 function upload (max_chunk_size)
600 {
601 var one_time_checkbox = document.getElementById('one_time_download');
602 var one_time = one_time_checkbox !== null ? one_time_checkbox.checked : false;
603 if (check_html5_file_api ())
604 {
605 async_upload_start (
606 max_chunk_size,
607 document.getElementById('file_select').files[0],
608 document.getElementById('select_time').value,
609 document.getElementById('input_key').value,
610 one_time,
611 document.getElementById('upload_password').value
612 );
613 }
614 else
615 {
616 classic_upload (
617 document.getElementById('file_select').files[0],
618 document.getElementById('select_time').value,
619 document.getElementById('input_key').value,
620 one_time,
621 document.getElementById('upload_password').value
622 );
623 }
624 }
625
626 var upload_time_estimation_total_size = 42;
627 var upload_time_estimation_transfered_size = 42;
628 var upload_time_estimation_transfered_date = 42;
629 var upload_time_estimation_moving_average_speed = 42;
630
631 function upload_time_estimation_init(total_size)
632 {
633 upload_time_estimation_total_size = total_size;
634 upload_time_estimation_transfered_size = 0;
635 upload_time_estimation_moving_average_speed = 0;
636 var d = new Date();
637 upload_time_estimation_transfered_date = d.getTime();
638 }
639
640 function upload_time_estimation_add(total_transfered_size)
641 {
642 // Let's compute the current speed
643 var d = new Date();
644 var speed = upload_time_estimation_moving_average_speed;
645 if (d.getTime() - upload_time_estimation_transfered_date != 0)
646 speed = (total_transfered_size - upload_time_estimation_transfered_size)
647 / (d.getTime() - upload_time_estimation_transfered_date);
648 // Let's compute moving average speed on 30 values
649 var m = (upload_time_estimation_moving_average_speed * 29 + speed) / 30;
650 // Update global values
651 upload_time_estimation_transfered_size = total_transfered_size;
652 upload_time_estimation_transfered_date = d.getTime();
653 upload_time_estimation_moving_average_speed = m;
654 }
655
656 function upload_time_estimation_speed_string()
657 {
658 // speed ms -> s
659 var s = upload_time_estimation_moving_average_speed * 1000;
660 var res = 0;
661 var scale = '';
662 if (s <= 1000)
663 {
664 res = s.toString();
665 scale = "B/s";
666 }
667 else if (s < 1000000)
668 {
669 res = Math.floor(s/100) / 10;
670 scale = "KB/s";
671 }
672 else
673 {
674 res = Math.floor(s/100000) / 10;
675 scale = "MB/s";
676 }
677 if (res == 0)
678 return '';
679 return res.toString() + ' ' + scale;
680 }
681
682 function milliseconds_to_time_string (milliseconds)
683 {
684 function numberEnding (number) {
685 return (number > 1) ? translate ('PLURAL_ENDING') : '';
686 }
687
688 var temp = Math.floor(milliseconds / 1000);
689 var years = Math.floor(temp / 31536000);
690 if (years) {
691 return years + ' ' + translate ('YEAR') + numberEnding(years);
692 }
693 var days = Math.floor((temp %= 31536000) / 86400);
694 if (days) {
695 return days + ' ' + translate ('DAY') + numberEnding(days);
696 }
697 var hours = Math.floor((temp %= 86400) / 3600);
698 if (hours) {
699 return hours + ' ' + translate ('HOUR') + numberEnding(hours);
700 }
701 var minutes = Math.floor((temp %= 3600) / 60);
702 if (minutes) {
703 return minutes + ' ' + translate ('MINUTE') + numberEnding(minutes);
704 }
705 var seconds = temp % 60;
706 if (seconds) {
707 return seconds + ' ' + translate ('SECOND') + numberEnding(seconds);
708 }
709 return translate ('LESS_1_SEC');
710 }
711
712 function upload_time_estimation_time()
713 {
714 // Estimate remaining time
715 if (upload_time_estimation_moving_average_speed == 0)
716 return 0;
717 return (upload_time_estimation_total_size - upload_time_estimation_transfered_size)
718 / upload_time_estimation_moving_average_speed;
719 }
720
721 var chrono_last_update = 0;
722 var chrono_time_ms = 0;
723 var chrono_time_ms_last_update = 0;
724 function chrono_update(time_ms)
725 {
726 var d = new Date();
727 var chrono = 0;
728 // Don't update too often
729 if (d.getTime() - chrono_last_update < 3000 &&
730 chrono_time_ms_last_update > 0)
731 chrono = chrono_time_ms;
732 else
733 {
734 chrono_last_update = d.getTime();
735 chrono_time_ms = time_ms;
736 chrono = time_ms;
737 chrono_time_ms_last_update = d.getTime();
738 }
739
740 // Adjust chrono for smooth estimation
741 chrono = chrono - (d.getTime() - chrono_time_ms_last_update);
742
743 // Let's update chronometer
744 var time_str = '';
745 if (chrono > 0)
746 time_str = milliseconds_to_time_string (chrono);
747 return time_str;
748 }
749
750 var upload_speed_refresh_limiter_last_update = 0;
751 var upload_speed_refresh_limiter_last_value = '';
752 function upload_speed_refresh_limiter(speed_str)
753 {
754 var d = new Date();
755 if (d.getTime() - upload_speed_refresh_limiter_last_update > 1500)
756 {
757 upload_speed_refresh_limiter_last_value = speed_str;
758 upload_speed_refresh_limiter_last_update = d.getTime();
759 }
760 return upload_speed_refresh_limiter_last_value;
761 }
762
763 // document.ready()
764 document.addEventListener('DOMContentLoaded', function(event) {
765 // Search for all datetime fields and convert the time to local timezone
766 convertAllDatetimeFields();
767 });
768
769 // Add copy event listeners
770 function copyLinkToClipboard(link_id) {
771 var focus = document.activeElement;
772 var e = document.getElementById(link_id);
773
774 var tmp = document.createElement("textarea");
775 document.body.appendChild(tmp);
776 tmp.textContent = e.href;
777 tmp.focus();
778 tmp.setSelectionRange(0, tmp.value.length);
779 document.execCommand("copy");
780 document.body.removeChild(tmp);
781
782 focus.focus();
783 }
784
785 function addCopyListener(button_id, link_id) {
786 if(document.getElementById(button_id)){
787 document.getElementById(button_id)
788 .addEventListener("click", function() {
789 copyLinkToClipboard(link_id);});
790 }
791 }
792
793 function set_dark_mode() {
794 let steel_sheet = "<?php echo 'media/' . $cfg['dark_style'] . '/style.css.php'; ?>";
795 let shortcut_icon = "<?php echo 'media/' . $cfg['dark_style'] . '/favicon.ico'; ?>";
796 document.getElementById('stylesheet').href = steel_sheet;
797 document.getElementById('shortcut_icon').href = steel_sheet;
798 }
799
800 function set_light_mode() {
801 let steel_sheet = "<?php echo 'media/' . $cfg['style'] . '/style.css.php'; ?>";
802 let shortcut_icon = "<?php echo 'media/' . $cfg['style'] . '/favicon.ico'; ?>";
803 document.getElementById('stylesheet').href = steel_sheet;
804 document.getElementById('shortcut_icon').href = steel_sheet;
805 }
806
807 function color_scheme_preferences() {
808
809 let dark_mode_steel_sheet = "<?php echo 'media/' . $cfg['dark_style'] . '/style.css.php'; ?>"
810 if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
811 set_dark_mode();
812 } else {
813 set_light_mode();
814 }
815
816 // When user change its preference
817 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', lightMode => {
818 lightMode.matches ? set_dark_mode() : set_light_mode();
819 });
820 }
821
822 // @license-end

patrick-canterino.de