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/dvexptree.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DVExptree</title>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
</head>
<body>
<script>
    var SnackBar = absol.require('snackbar');
    var listeners = {
        radiochange: function (event) {
            console.log(event, this.radioName, this.radioChecked, this.radioValue);
            if (this.radioChecked)
                SnackBar.show(this.getPath().join('/'));
        },
        indexclick: function (event) {
            console.log('indexclick',this.indexValue);
        }
    };
    var exp2 = absol._({
        tag: 'expgroup',
        style: {
            fontSize: '14px'
        },
        child: [
            {
                tag: 'dvexptree',
                props: {
                    name: 'Sơ yếu lý lịch',
                    icon: 'span.mdi.mdi-code-json',
                    status: 'open',
                    radioName: "syll_radio"
                },
                on: listeners,
                child: [
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-format-text',
                            name: 'Họ và tên',
                            radioName: "syll_radio"
                        },
                        on: listeners
                    },
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-numeric',
                            name: 'Tuổi',
                            radioName: "syll_radio"
                        },
                        on: listeners
                    },
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-code-array',
                            name: 'Điện thoại',
                            status: 'open',
                        },
                        on: listeners,
                        child: [
                            {
                                tag: 'dvexptree',
                                props: {
                                    icon: 'span.mdi.mdi-code-json',
                                    name: 'items',
                                    radioName: "syll_radio",
                                    status: 'close',
                                    hasIndex: true,
                                    indexValue: 6// default: 0
                                },
                                on: listeners,
                                child: [
                                    {
                                        tag: 'dvexptree',
                                        props: {
                                            icon: 'span.mdi.mdi-format-text',
                                            name: 'Kiểu',
                                            radioName: "syll_radio"
                                        },
                                        on: listeners
                                    },
                                    {
                                        tag: 'dvexptree',
                                        props: {
                                            icon: 'span.mdi.mdi-format-text',
                                            name: 'Giá trị',
                                            radioName: "syll_radio"
                                        },
                                        on: listeners
                                    }
                                ]
                            },
                            {
                                tag: 'dvexptree',
                                props: {
                                    icon: 'span.mdi.mdi-numeric',
                                    name: 'length',
                                    radioName: "syll_radio"
                                },
                                on: listeners
                            }
                        ]
                    },
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-format-text',
                            name: 'Email',
                            radioName: "syll_radio"
                        },
                        on: listeners
                    }
                ]
            },
            {
                tag: 'dvexptree',
                props: {
                    name: "Người thân",
                    radioName: "syll_radio",
                    status: 'close',
                    hasIndex: true,
                    indexValue: 6,// default: 0,
                    icon: 'span.mdi.mdi-code-array',
                },
                on: listeners,
                child: [
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-code-json',
                            name: 'items',
                            radioName: "syll_radio",
                            status: 'close',
                            hasIndex: true,
                            indexValue: 6// default: 0
                        },
                        on: listeners,
                        child: {
                            tag: 'dvexptree',
                            props: {
                                name: 'Sơ yếu lý lịch',
                                icon: 'span.mdi.mdi-code-json',
                                status: 'open',
                                radioName: "syll_radio"
                            },
                            on: listeners,
                            child: [
                                {
                                    tag: 'dvexptree',
                                    props: {
                                        icon: 'span.mdi.mdi-format-text',
                                        name: 'Họ và tên',
                                        radioName: "syll_radio"
                                    },
                                    on: listeners
                                },
                                {
                                    tag: 'dvexptree',
                                    props: {
                                        icon: 'span.mdi.mdi-numeric',
                                        name: 'Tuổi',
                                        radioName: "syll_radio"
                                    },
                                    on: listeners
                                },
                                {
                                    tag: 'dvexptree',
                                    props: {
                                        icon: 'span.mdi.mdi-code-array',
                                        name: 'Điện thoại',
                                        status: 'open',
                                    },
                                    on: listeners,
                                    child: [
                                        {
                                            tag: 'dvexptree',
                                            props: {
                                                icon: 'span.mdi.mdi-code-array',
                                                name: 'items',
                                                radioName: "syll_radio",
                                                status: 'close',
                                                hasIndex: true,
                                                indexValue: 6// default: 0
                                            },
                                            on: listeners,
                                            child: [
                                                {
                                                    tag: 'dvexptree',
                                                    props: {
                                                        icon: 'span.mdi.mdi-format-text',
                                                        name: 'Kiểu',
                                                        radioName: "syll_radio"
                                                    },
                                                    on: listeners
                                                },
                                                {
                                                    tag: 'dvexptree',
                                                    props: {
                                                        icon: 'span.mdi.mdi-format-text',
                                                        name: 'Giá trị',
                                                        radioName: "syll_radio"
                                                    },
                                                    on: listeners
                                                }
                                            ]
                                        },
                                        {
                                            tag: 'dvexptree',
                                            props: {
                                                icon: 'span.mdi.mdi-numeric',
                                                name: 'length',
                                                radioName: "syll_radio"
                                            },
                                            on: listeners
                                        }
                                    ]
                                },
                                {
                                    tag: 'dvexptree',
                                    props: {
                                        icon: 'span.mdi.mdi-format-text',
                                        name: 'Email',
                                        radioName: "syll_radio"
                                    },
                                    on: listeners
                                }
                            ]
                        }
                    },
                    {
                        tag: 'dvexptree',
                        props: {
                            icon: 'span.mdi.mdi-numeric',
                            name: 'length',
                            radioName: "syll_radio"
                        },
                        on: listeners
                    }
                ]
            }
        ]
    }).addTo(document.body);
</script>
</body>
</html>

VaKeR 2022