.

VaKeR CYBER ARMY

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 File : /var/www/html/libs/absol-acomp/demo/buttonrange.html

<!DOCTYPE html>
<html>

<head>
    <title>ButtonRange</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <!-- <link rel="stylesheet" href="https://absol.cf/materialdesignicons/materialdesignicons.min.css"> -->
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>

    <script src="https://absol.cf/hightlight/highlight.pack.js"></script>
</head>

<body>
<div id="demo0"></div>
<script>
    var _ = absol._;
    var $ = absol.$;
</script>
<script class="viewable">
    var buttonItems = [
        {
            text: 'Họ tên',
            value: 0
        },
        {
            text: 'Số điện thoại',
            value: 1
        },
        {
            text: 'Địa chỉ',
            value: 2
        },
        {
            text: 'Trình độ học vấn',
            value: 3
        },
        {
            text: 'Nghề nghiệp',
            value: 6
        },
        {
            text: 'Thu nhập',
            value: 4
        },
        {
            text: 'Tình trạng hôn nhân',
            value: 5
        }
    ];

    var ba0 = _({
        class: 'as-button-range-wrapper',
        child: {
            tag: 'buttonrange',
            style: {
                'font-size': '30px'
            },
            props: {
                items: buttonItems
            },
            on: {
                change: function (event) {
                    console.log(event.value, this.value);
                }
            }
        }
    });

    var ba1 = _({
        tag: 'buttonrange',
        style: {
            'font-size': 'inherit',
            width: '50vw'
        },
        props: {
            items: buttonItems
        },
        on: {
            change: function (event) {
                console.log(event.value, this.value);
            }
        }
    });

    var ba2 = _({
        tag: 'buttonrange',
        style: {
            'font-size': 'inherit',
            width: 'auto'
        },
        props: {
            items: buttonItems
        },
        on: {
            change: function (event) {
                console.log(event.value, this.value);
            }
        }
    });


    $('#demo0').addChild(ba0);
    $('#demo0').addChild(ba1);
    $('#demo0').addChild(ba2);
</script>
<script src="https://absol.cf/absol/demo/autohightlighting.js?"></script>

</body>

</html>

VaKeR 2022