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/document/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

var _ = absol._;
var $ = absol.$;

function render(o) {
    return _(o).addTo(document.body);
}

render('<h2>Danh sách <strong>tag</strong></h2>');

var creators = absol.coreDom.creator;
var tags = Object.keys(creators);
var renderSpace = render({
    style: { display: 'none' }
})

var data = {
    head: {
        rows: [
            {
                cells: [
                    {
                        child: { text: 'tag' }
                    },
                    {
                        child: { text: 'props' }
                    },
                    {
                        child: { text: 'events' }
                    },
                    {
                        child: { text: 'Ví dụ mẫu' }
                    },
                    {
                        child: { text: 'Chú thích' }
                    },
                ]
            }
        ]
    },
    body: {
        rows: tags.map(tag => {
            var constructor = creators[tag];
            var propNames = Object.keys(constructor.property || {});
            var events = [];
            try {
                var elt = _({ tag: constructor }).addTo(renderSpace);
                events = Object.keys(elt._azar_extendEvents.supported);
                setTimeout(() => {
                    elt.selfRemove();
                }, 1000)
            } catch (e) {
            }

            return {
                cells: [
                    { child: { text: tag }, innerText: tag },
                    {
                        innerText:  propNames.join(' '),
                        child: { text: propNames.join(', ') }
                    },
                    {
                        innerText: events.join(' '),
                        child: { text: events.join(', ') }
                    },
                    {
                        render: function (cellElt) {
                            absol.FileSaver.fileExist('../demo/' + tag + '.html').then(result => {
                                if (result) {
                                    cellElt.addChild(_({
                                        tag: 'a',
                                        props: {
                                            href: '../demo/' + tag + '.html',
                                            target:'__blank'
                                        },
                                        child: {
                                            text: '../demo/' + tag + '.html'
                                        }
                                    }))
                                }
                            })
                        }
                    },
                    { child: { text: '' }, innerText: '' },
                ]
            };
        })
    }
}

var searchTagInput = render('searchtextinput').addStyle('margin', '0.5em');

var tagTable = render({
    tag: 'dynamictable',
    props: {
        adapter: {
            rowsPerPage: 17,
            data: data
        },
    },
});
tagTable.attachSearchInput(searchTagInput)