64 lines
2.3 KiB
JavaScript
64 lines
2.3 KiB
JavaScript
|
globalThis.Sosialmedia = {
|
||
|
content: `
|
||
|
<div class="row">
|
||
|
<!-- Earnings (Monthly) Card Example -->
|
||
|
<div class="col-12 col-12">
|
||
|
<div class="card shadow h-100 py-2">
|
||
|
<div class="card-body" id="load-sosialmedia">
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
`,
|
||
|
action: function(){
|
||
|
setTimeout(function(){
|
||
|
|
||
|
globalThis.dataMaster['sosialmedia'] = [
|
||
|
{kode: 'facebook', nama: '<i class="fab fa-facebook"></i> facebook'},
|
||
|
{kode: 'linkedin', nama: '<i class="fab fa-linkedin"></i> linkedin'},
|
||
|
{kode: 'twitter', nama: '<i class="fab fa-twitter"></i> twitter'},
|
||
|
{kode: 'youtube', nama: '<i class="fab fa-youtube"></i> youtube'},
|
||
|
{kode: 'whatsapp', nama: '<i class="fab fa-whatsapp"></i> whatsapp'},
|
||
|
{kode: 'telegram', nama: '<i class="fab fa-telegram"></i> telegram'},
|
||
|
{kode: 'instagram', nama: '<i class="fab fa-instagram"></i> instagram'},
|
||
|
{kode: 'youtube', nama: '<i class="fab fa-youtube"></i> youtube'},
|
||
|
{kode: 'tiktok', nama: '<i class="fab fa-tiktok"></i> Tik Tok'},
|
||
|
];
|
||
|
|
||
|
document.getElementById('app-content-title').innerText = "Data Sosial Media";
|
||
|
table('sosialmedia')
|
||
|
.title('Sosial Media')
|
||
|
.equals(['kode'])
|
||
|
.createForm({
|
||
|
kode: {
|
||
|
form: 'input',
|
||
|
type: 'text',
|
||
|
placeholder: 'Inputkan Kode',
|
||
|
title: 'Kode'
|
||
|
},
|
||
|
sosialmedia: {
|
||
|
form: 'input',
|
||
|
type: 'select',
|
||
|
table: 'sosialmedia',
|
||
|
view: ['nama'],
|
||
|
value: 'kode',
|
||
|
placeholder: 'Inputkan sosial media',
|
||
|
title: 'Sosial Media'
|
||
|
}
|
||
|
,link: {
|
||
|
form: 'input',
|
||
|
type: 'text',
|
||
|
placeholder: 'Inputkan sosial media',
|
||
|
title: 'Link'
|
||
|
}
|
||
|
})
|
||
|
.row({
|
||
|
kode: 'Kode',
|
||
|
sosialmedia: 'Sosial Media',
|
||
|
link: 'Link'
|
||
|
})
|
||
|
.load()
|
||
|
})
|
||
|
}
|
||
|
}
|