132 lines
4.7 KiB
JavaScript
132 lines
4.7 KiB
JavaScript
/*******************************************************************
|
|
|
|
Module : /apps/js/index.js
|
|
Desc. : JS - Halaman Utama Desktop
|
|
Created By : Siau Pheng ([email protected]).
|
|
Created Date : May 24th, 2010.
|
|
Last Modified : May 14th, 2024.
|
|
|
|
(c) 2010 - 2024, 3FONIA Software; WWW.3FONIA.COM.
|
|
|
|
*******************************************************************/
|
|
|
|
$(document).ready(function(){
|
|
jQuery("#preloader").remove();
|
|
loadSidebar();
|
|
IndexJS.loading();
|
|
});
|
|
|
|
var IndexJS = {
|
|
|
|
loading: function(){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=default'],
|
|
onSuccess: function(ares){
|
|
$('#pageContent').html(ares.content);
|
|
$('#pageToolbarTop').html('');
|
|
$('#pageToolbarBot').html('');
|
|
this.loadChart1();
|
|
this.loadChart2();
|
|
this.periode_info();
|
|
}.bind(this)
|
|
}).send();
|
|
},
|
|
|
|
periode_show: function(reset){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=periode-show','reset='+reset],
|
|
onSuccess: (adata) => {
|
|
if (!adata.aktif) this.winPeriode = FoniaJS.showWindow('Periode', 'Pilih Periode Data', adata.html, 'md', [{},{i:'butTutup'},{i:'butWSave',v:'Simpan',c:'success'}], () => {
|
|
$('#winPeriode').find('#butWSave').click(() => IndexJS.periode_simpan());
|
|
});
|
|
}
|
|
}).send();
|
|
},
|
|
|
|
periode_simpan: function(){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=periode-simpan','OPTION_THN','OPTION_BLN'],
|
|
onSuccess: (adata) => {
|
|
if (adata.sukses) FoniaJS.showInfo('Sukses Ganti Periode Data');
|
|
FoniaJS.closeWindow(IndexJS.winPeriode);
|
|
setTimeout(() => {self.location = FoniaJS.WEB_PATH;}, 10);
|
|
}
|
|
}).send();
|
|
},
|
|
|
|
periode_info: function(){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=periode-info'],
|
|
onSuccess: (ajson) => $('#liPeriode').html(ajson.html)
|
|
}).send();
|
|
},
|
|
|
|
loadChart1: function(){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=chart1'],
|
|
onSuccess: function(ares){
|
|
$('#divHome1').removeClass('text-center');
|
|
if (ares.tipe=='chart') {
|
|
$('#divHome1').html('<div class="c-chart-wrapper pb-2"><canvas id="canvasChart1"></canvas></div>');
|
|
var ctx = $('#canvasChart1');
|
|
var myChart = new Chart(ctx, {
|
|
type: ares.chart.type,
|
|
data: ares.chart.data,
|
|
options: ares.chart.options
|
|
});
|
|
} else {
|
|
$('#divHome1').html(ares.html);
|
|
}
|
|
}
|
|
}).send();
|
|
},
|
|
|
|
loadChart2: function(){
|
|
new Request.JSON({
|
|
url: FoniaJS.WEB_PATH+'apps/php/index.php',
|
|
sendParam: ['data=chart2'],
|
|
onSuccess: function(ares){
|
|
if (ares.tipe=='chart') {
|
|
$('#divHome2').html('<div class="c-chart-wrapper pb-2"><canvas id="canvasChart2"></canvas></div>');
|
|
var ctx = $('#canvasChart2');
|
|
var myChart = new Chart(ctx, {
|
|
type: ares.chart.type,
|
|
data: ares.chart.data,
|
|
options: ares.chart.options
|
|
});
|
|
} else {
|
|
$('#divHome2').html(ares.html);
|
|
}
|
|
}
|
|
}).send();
|
|
}
|
|
|
|
};
|
|
|
|
function loadSidebar(){
|
|
const mySidebar = document.getElementById('sidebarMain');
|
|
mySidebar.addEventListener('shown.bs.modal', () => {
|
|
document.querySelectorAll('.sidebar .nav-link').forEach((element) => {
|
|
element.addEventListener('click', (e) => {
|
|
let nextEl = element.nextElementSibling, parentEl = element.parentElement;
|
|
if (nextEl){
|
|
e.preventDefault();
|
|
let mycollapse = new bootstrap.Collapse(nextEl);
|
|
if (nextEl.classList.contains('show')){
|
|
mycollapse.hide();
|
|
} else {
|
|
mycollapse.show();
|
|
var opened_submenu = parentEl.parentElement.querySelector('.submenu.show');
|
|
if (opened_submenu){ new bootstrap.Collapse(opened_submenu); }
|
|
}
|
|
}
|
|
});
|
|
})
|
|
});
|
|
}
|