VaKeR CYBER ARMY
Apache/2.4.41 (Ubuntu) Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 www-data ( 33 )7.4.33 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, / var /www /html /libs /absol-acomp /demo /
Current File : /var/www/html/libs/absol-acomp/demo/pathmenu.html <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PathMenu</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, user-scale=no">
<script src="../dist/absol-acomp.js?<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
</head>
<body>
<script>
(function () {
var _ = absol._;
var $ = absol.$;
function render(o) {
return _(o).addTo(document.body);
}
render({
tag: 'pathmenu',
on: {
change: function (event) {
absol.require('snackbar').show(event.item.name);
console.log(event.pathItem, event.item)
},
press: function (event) {
console.log(event.pathItem);
absol.require('snackbar').show(event.pathItem.name);
}
},
props: {
path: [
{
icon: 'span.mdi.mdi-laptop',
items: [
{
name: "C",
icon: 'span.mdi.mdi-harddisk'
},
{
name: "D",
icon: 'span.mdi.mdi-harddisk'
},
{
someThingYouWantTo: 12345,
name: 'Dropbox Device',
icon: 'span.mdi.mdi-dropbox'
},
'===============',
{
name: 'Document',
icon: 'span.mdi.mdi-folder-multiple-image'
},
{
name: 'Picture',
icon: "span.mdi.mdi-folder-pound-outline"
}
]
},
{
icon: 'span.mdi.mdi-harddisk',
name: 'D',
items: [
{
someThingYouWantTo: 12345,
name: 'WorkSpace',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'Games',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
]
},
{
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
name: "WorkSpace",
items: [
{
someThingYouWantTo: 12345,
name: 'absol',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'absol-acomp',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'absol-vchart',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
}
]
},
{
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
name: "absol-js",
items: [
{
someThingYouWantTo: 12345,
name: 'js',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'css',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'webpack.config.js',
iconSrc: 'https://absol.cf/vivid_exticons/js.svg',
}
]
},
{
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
name: "js",
items: [
{
someThingYouWantTo: 12345,
name: 'core',
iconSrc: 'https://absol.cf/vivid_exticons/folder.svg',
},
{
name: 'index.js',
iconSrc: 'https://absol.cf/vivid_exticons/js.svg',
}
]
}
]
}
});
render({
tag: 'pathview',
props: {
items: [
{ icon: 'span.mdi.mdi-home' },
{ name: 'My laptop', icon: 'span.mdi.mdi-laptop', value: 1 },
{ name: 'B', icon: 'span.mdi.mdi-harddisk', value: 2 },
]
}
})
})();
</script>
</body>
</html> 
Server : Apache/2.4.41 (Ubuntu)