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/input_status.html <!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, user-scale=no">
<meta charset="UTF-8">
<title>Input Status</title>
<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>
<script src="data:application/javascript;base64,ZG9jdW1lbnQud3JpdGVsbignPHNjcmlwdCBhc3luYyBkZWZlclxuJyArCiAgICAnICAgICAgICBzcmM9Imh0dHBzOi8vbWFwcy5nb29nbGVhcGlzLmNvbS9tYXBzL2FwaS9qcz9rZXk9QUl6YVN5RGEta1RRR0szN0JETWVONGtuRUhiSGF5RHJia2VlNnVVJmxpYnJhcmllcz1wbGFjZXMmY2FsbGJhY2s9aW5pdE1hcCI+PC9zY3JpcHQ+Jyk7">
</script>
</head>
<body>
<style>
.as-no-background tbody tr {
background-color: transparent !important;
}
</style>
<script>
function initMap() {
}
(function () {
var _ = absol._;
var $ = absol.$;
var $$ = absol.$$;
var dataSync = fetch('https://raw.githubusercontent.com/duthienkt/absol-geography/main/CityList.js').then(function (res) {
return res.text();
}).then(function (text) {
var js = text.replace('export default', 'return');
var data = (new Function(js))();
var res = data.countries.map(function (c) {
var item = {};
item.text = c[0].substring(0, 10);
item.value = c[0];
if (c.t) {
item.items = c.t.map(function (city) {
return {
text: city[0].substring(0, 11),
value: city[0]
}
});
item.items.sort(function (a, b) {
return a.text < b.text ? -1 : 1;
});
}
else {
item.items = [{ text: 'none', value: 'none' }]
}
return item;
});
res.sort(function (a, b) {
return a.text < b.text ? -1 : 1;
});
absol.$$('dualselectmenu').forEach(function (elt) {
elt.items = res;
elt.value = ['Vietnam', 'Ho Chi Minh City']
})
console.log(res)
return res;
});
var listDataAsync = fetch('./demo_tree_list_with_icon.js').then(function (res) {
return res.text();
}).then(function (text) {
var module = { exports: {} };
var factor = new Function('module', 'exports', text + '\nreturn module.exports;');
return factor(module, module.exports);
});
listDataAsync.then(function (items) {
var _ = absol._;
var $ = absol.$;
var items2 = JSON.parse(JSON.stringify(items));
items2.forEach(function visit(item) {
item.isLeaf = item.icon.class.indexOf('mdi-account') >= 0;
if (item.items) {
item.items.forEach(visit);
}
});
$$('multichecktreeleafmenu').forEach(function (elt) {
var nItems = JSON.parse(JSON.stringify(items2));
elt.items = nItems;
elt.values = [-17, -18];
})
});
var demoTagData = [
{
tag: 'input',
class: 'as-text-input',
attr: { type: 'text' },
props: {
value: 'abc 123'
}
},
{
tag: 'numberinput',
style: { width: '9em' },
props: {
value: 2435434.999
}
},
{
tag: 'TextArea2'.toLowerCase(),
props: {
value: "abc 123"
}
},
{
tag: 'flexiconinput',
style: {
'font-family': "'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif",
margin: '0.2em',
width: '3.9em'
},
props: {
value: '20',
unit: '℃'// only 1 character
}
},
{
tag: 'checkbox',
props: {
checked: true,
text: 'selected'
}
},
{
tag: 'switch',
props: {
checked: true,
text: 'selected'
}
},
{
tag: 'checkboxinput',
props: {
checked: true
}
},
{
tag: 'calendarinput',
props: {
value: new Date()
}
},
{
tag: 'dateinput',
props: {
value: new Date()
}
},
{
tag: 'dateinyearinput',
props: {
// value: null
value: { date: 20, month: 9 }// 20/10
}
},
{
tag: 'datetimeinput',
props: {
value: new Date()
}
},
{
tag: 'time24input',
props: {
// format:'HH:mm',
value: 0
}
},
{
tag: 'dualselectmenu',
props: {
enableSearch: true
}
},
{
tag: 'selectmenu',
props: {
enableSearch: true,
items: Array(1600).fill(null).map(function (u, i) {
return { text: `[${i}] ${absol.string.randomPhrase(15)}`, value: i };
}),
values: [1, 2, 3, 4, 56, 7, 89]
}
},
{
tag: 'filelistinput',
props: {
files: ['https://absol.cf/share/DE-SO-05.doc',
"https://absol.cf/share/ExcelTut.rar",
"https://absol.cf/share/No%20Friends%20AMV.mp4",
'https://absol.cf/share/mail.txt',
'https://absol.cf/share/tunnel.js',
{ url: "https://absol.cf/share/No%20Friends%20AMV.mp4", name: 'No Friend.mp4' }
]
}
},
{
tag: 'locationinput',
props: {
value: { latitude: 10.799956, longitude: 106.710672 }//,//default type //or
// value: { lat: 37.772, lng: -122.214 },
}
},
{
tag: 'multicheckmenu',
props: {
enableSearch: true,
items: Array(1600).fill(null).map(function (u, i) {
return { text: `[${i}] ${absol.string.randomPhrase(15)}`, value: i };
}),
values: [1, 2, 3, 4, 56, 7, 89]
}
}, {
tag: 'multiselectmenu',
props: {
enableSearch: true,
items: Array(1600).fill(null).map(function (u, i) {
return { text: `[${i}] ${absol.string.randomPhrase(15)}`, value: i };
}),
values: [1, 2, 3, 4, 56, 7, 89]
}
},
{
tag: 'multichecktreeleafmenu',
props: {
enableSearch: true,
}
},
{
tag: 'multichecktreemenu',
props: {
enableSearch: true,
values: [-17, 15]
}
},
{
tag: 'trackbar',
props: {
value: 0.3
}
},
{
tag: 'trackbarinput',
props: {
value: 0.3
}
},
{
tag:'timerange24input',
props:{
dayOffset: 0,
duration: 5 * 3600
}
}
];
_({
tag: 'dynamictable',
class: 'as-no-background',
props: {
adapter: {
rowsPerPage: Infinity,
data: {
head: {
rows: [
{
cells: [
{ child: { text: 'tag' } },
{ child: { text: 'normal' } },
{ child: { text: 'readOnly' } },
{ child: { text: 'disabled' } },
{ child: { text: 'readOnly + class "as-border-none"' } },
]
}
]
},
body: {
rows: demoTagData.map(function (o) {
return {
cells: [
{ child: { text: o.tag } },
{ child: _(o) },
{ child: Object.assign(_(o), { readOnly: true }) },
{ child: Object.assign(_(o), { disabled: true }) },
{ child: Object.assign(_(o), { readOnly: true }).addClass('as-border-none') },
]
}
})
}
}
}
}
}).addTo(document.body);
fetch('./demo_tree_list_with_icon.js').then(function (res) {
return res.text();
}).then(function (text) {
var module = { exports: {} };
var factor = new Function('module', 'exports', text + '\nreturn module.exports;');
return factor(module, module.exports);
}).then(function (result) {
$$('multichecktreemenu').forEach(function (elt) {
elt.items = JSON.parse(JSON.stringify(result));
console.log('values', elt.values);
});
});
})();
</script>
</body>
</html> 
Server : Apache/2.4.41 (Ubuntu)