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/overviewwidget.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>OverViewWidget</title>
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
</head>
<body>
<style>
    body {
        min-height: 100vh;
    }
</style>
<script>

    (function () {
        var OverviewPage = absol.OverviewPage;
        var OOP = absol.OOP;

        function ChatPage(host) {
            OverviewPage.call(this, host);

        }

        OOP.mixClass(ChatPage, OverviewPage);

        Object.defineProperty(ChatPage.prototype, 'name', {
            get: function () {
                return "Phản hồi";//đa ngôn ngữ
            }
        });

        ChatPage.prototype.tabIcon = 'span.mdi.mdi-chat-outline';

        ChatPage.prototype.createView = function () {
            var self = this;

            this.$view = _({
                class: 'abc-def',
                child: [{ tag: 'span', child: { text: 'Nhấn hiện modal' } },
                    {
                        tag: 'flexiconbutton', props: { text: 'click me' }, on: {
                            click: function () {
                                self.showModal({
                                    title: 'Đây là tiêu đề',
                                    content: 'Đây là nội dung content, có thể là string, absol-dom-param hoặc array của absol-dom-param',
                                    buttons: [
                                        {
                                            text: 'OK', onclick: function (event, modal, caller) {
                                                modal.remove();
                                                console.log(event, modal, caller);
                                            }
                                        },
                                        { text: 'CANCEL' }
                                    ],
                                    host: { desc: 'host' }
                                });
                            }
                        }
                    }
                ]
            });
        };

        ChatPage.prototype.onResume = function () {
            this.interval = setInterval(function () {
                this.counter = Math.random() * 20 >> 0;
            }.bind(this), 1000)
        };

        ChatPage.prototype.onPause = function () {
            clearInterval(this.interval);
        };


        var _ = absol._;
        var $ = absol.$;
        var host = {};//something
        var mWidget = new absol.OverviewWidget(host, [new ChatPage(host), new OverviewPage(host), new OverviewPage(host)]);
        mWidget.start();

    })();
</script>
</body>
</html>

VaKeR 2022