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 ]

var MApplication = absol.MApplication;
var MActivity = absol.MActivity;
var OOP = absol.OOP;

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


function FirstPage(bundle) {
    MActivity.call(this);
}

OOP.mixClass(FirstPage, MActivity);

FirstPage.prototype.createView = function () {
    this.$view = _({
        class: ['am-activity', 'am-grid'],
        child: [
            {
                tag: 'mheaderbar',
                props: {
                    title: 'KeeView',
                    commands: [
                        {
                            icon: 'span.mdi.mdi-bell-outline',
                            name: 'notification'
                        },
                        {
                            icon: 'span.mdi.mdi-menu',
                            name: 'menu'
                        }
                    ]
                }
            },
            {
                class: 'am-activity-body',
                child: [
                    {
                        tag: 'mspringboardmenu',
                        class: 'as-style-desktop',
                        props: {
                            searching: {
                                // input: imputElement,//mặc định tự xử lý không cần truyền
                                items: require('./mobileappmenu')
                            },
                            groups: [
                                {
                                    name: "Công việc",
                                    items: [
                                        {
                                            name: 'Tác vụ',
                                            icon: 'EmojiMutedIcon'.toLowerCase()
                                        },
                                        {
                                            name: 'Check-in đối tác',
                                            icon:  'FunctionManagerIcon'.toLowerCase()
                                        },
                                        {
                                            name: 'Check-in chấm công',
                                            icon: 'DataTypeConfiguratorOutlineIcon'.toLowerCase()

                                        },
                                        {
                                            name: 'Đề xuất - Duyệt',
                                            icon: 'TimeBasedPayrollReportIcon'.toLowerCase()
                                        }
                                    ]
                                },
                                {
                                    name: "Quy trình và CRM",
                                    items: [
                                        {
                                            name: 'Quy trình',
                                            icon: 'ImportantOutlineIcon'.toLowerCase()
                                        },
                                        {
                                            name: "Đối tác",
                                            icon: 'span.mdi.mdi-store'
                                        },
                                        {
                                            name: 'Check-in đối tác',
                                            icon: 'span.mdi.mdi-store-marker-outline'

                                        },
                                        {
                                            name: 'Liên hệ',
                                            icon: 'span.mdi.mdi-card-account-phone-outline'
                                        }
                                    ]
                                },
                                {
                                    name: 'Quản lý văn bản',
                                    items: [
                                        { name: 'Quản lý văn bản', icon: 'span.mdi.mdi-text-box' }
                                    ]
                                },
                                {
                                    name: 'Đào tạo',
                                    items: [
                                        {
                                            name: 'Giáo trình',
                                            icon: 'span.mdi.mdi-book-open-blank-variant'
                                        },
                                        {
                                            name: 'Bài tập',
                                            icon: 'span.mdi.mdi-format-list-checks'
                                        },
                                        {
                                            name: 'Bài kiểm tra',
                                            icon: 'span.mdi.mdi-text-box-check-outline'
                                        }
                                    ]
                                },
                                {
                                    name: 'BSC',
                                    items: [
                                        {
                                            name: 'Nhập kết quả',
                                            icon: 'span.mdi.mdi-button-cursor'
                                        }
                                    ]
                                },
                                {
                                    name: 'Hệ thống',
                                    items: [
                                        {
                                            name: 'Hồ sơ cá nhân',
                                            icon: 'span.mdi.mdi-file-account-outline'
                                        },
                                        {
                                            name: 'Đăng xuất',
                                            icon: 'span.mdi.mdi-logout'
                                        }
                                    ]
                                }
                            ]
                        },
                        on: {
                            press: function (event) {
                                console.log(event.itemData);
                            }
                        }
                    }

                ]
            }
        ]
    });


    var menu = $('mspringboardmenu', this.$view);

    var colorBtn = _({
        tag: 'button',
        class: 'am-float-button',
        child: 'span.mdi.mdi-palette-outline',
        on: {
            click: () => {
                if (menu.hasClass('am-style-simple')) {
                    menu.removeClass('am-style-simple');
                }
                else {
                    menu.addClass('am-style-simple');

                }
            }
        }
    }).addTo(document.body);
};


var app = new MApplication();
app.getView().addTo(document.body);

app.start();
app.startActivity(FirstPage, {});