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-acomp/demo/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/libs/absol-acomp/demo/selectlistbox.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SelectListBox</title>
    <script src="../dist/absol-acomp.js?time=<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
</head>
<body>
<script>
    var $ = absol.$;
    var _ = absol._;

    absol.remoteNodeRequireAsync('./sampledata/select_list_items.js').then((items)=>{
        items = items.map((it) => Object.assign({}, it)).map((it, i) => {
            it.text = `[${i}] ${it.text}`;
            it.value = i;
            it.lastInGroup = Math.random() < 1 / 10;
            return it;
        });
        var now = new Date().getTime();
        var listBox = _({
            tag: 'selectlistbox_v2',
            props: {
                items: items,
                enableSearch: true,
                displayValue: -1
            },
            on: {
                pressitem: function (event) {
                    var value = event.value;
                    var values = this.values.slice();
                    var valueIndex = values.indexOf(value);
                    if (valueIndex >= 0) {
                        values.splice(valueIndex, 1);
                    }
                    else {
                        values.push(value);
                    }
                    this.values = values;
                }
            }
        })
        listBox.addTo(document.body);

        var cTime = new Date().getTime();
        console.log(cTime - now);
    });





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

VaKeR 2022