![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-acomp/demo/ |
Upload File : |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>History</title> <script src="../dist/absol-acomp.js?<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script> <script src="./HistoryHelper.js"></script> </head> <body> <script> function render(o) { return absol._(o).addTo(document.body); } var count = 0; render({ tag: 'flexiconbutton', props: { text: 'push new value = ' + count }, on: { click: function () { HistoryHelper.setNewLink('?count=' + count, function (bundle) { absol.require('snackbar').show("Back of " + bundle.id); render(`<div>Back form ${bundle.id} to ${HistoryHelper.current && HistoryHelper.current.bundle && HistoryHelper.current.bundle.id}</div>`); }, { id: count }); count++; this.text = 'push new value = ' + count; } } }); var hookHandle = -1; render({ tag: 'flexiconbutton', props: { text: 'Lock' }, on: { click: function () { if (this.text === 'Lock') { this.text = 'Unlock'; render(`<div>Locked : ${HistoryHelper.current && HistoryHelper.current.bundle && HistoryHelper.current.bundle.id}</div>`); hookHandle = HistoryHelper.hook(function (bundle) { render(`<div>Prevent back button, current: ${HistoryHelper.current && HistoryHelper.current.bundle && HistoryHelper.current.bundle.id}</div>`); }, { id:'LOCK' }); } else { HistoryHelper.deleteHandle(hookHandle); this.text = 'Lock'; } } } }) </script> </body> </html>