VaKeR CYBER ARMY
Logo of a company Server : Apache/2.4.41 (Ubuntu)
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-tutor/demo/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/libs/absol-tutor/demo/tut2.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tut2</title>
    <link rel="stylesheet" href="//cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
    <script src="../dist/absol.dependents.js?<?php  echo stat('../dist/absol.dependents.js')['mtime'];?>"></script>
    <script src="../dist/absol-tutor.js?<?php  echo stat('../dist/absol-tutor.js')['mtime'];?>"></script>
    <link rel="icon" href="//absol.cf/favicon.ico">
    <style>
        body {
            min-height: 90vh;
        }
    </style>
</head>
<body>
<script>
    (function () {
        var _ = absol._;
        var $ = absol.$;
        _('<h3>MultiSelectMenu</h3>').addTo(document.body);

        var menu0 = _({
            tag: 'multiselectmenu',
            attr: {
                'data-tutor-id': 'menu0'
            },
            props: {
                enableSearch: true,
                items: Array(1000).fill('').map(function (u, i) {
                    return {
                        text: `[${i}] ${absol.string.randomPhrase(30)}`,
                        value: i,
                        desc: absol.string.randomPhrase(30)
                    }
                })
            }
        }).addTo(document.body);
        _('<h3>MultiCheckMenu</h3>').addTo(document.body);
        var menu1 = _({
            tag: 'multicheckmenu',
            props: {
                enableSearch: true,
                items: Array(1000).fill('').map(function (u, i) {
                    return {
                        text: `[${i}] ${absol.string.randomPhrase(30)}`,
                        value: i,
                        desc: absol.string.randomPhrase(30)
                    }
                })
            }
        }).addTo(document.body);

        _({
            style: {
                padding: '10px'
            },
            child: {
                tag: 'flexiconbutton',
                props: {
                    icon: 'span.mdi.mdi-prescription',
                    text: "Run Tut"
                },
                on: {
                    click: function () {
                        this.addStyle('display', 'none');
                        absol.tutor.runScriptFromUrl('./tut2_multi.js')
                            .then(function () {
                                this.removeStyle('display');
                            }.bind(this))
                            .catch(function (error) {
                                console.error(error);
                                this.removeStyle('display');
                            }.bind(this));
                    }
                }
            }
        }).addTo(document.body);
    })();

</script>
</body>
</html>

VaKeR 2022