378 lines
14 KiB
PHP
378 lines
14 KiB
PHP
|
<!--begin::Page Scripts(used by this page)-->
|
||
|
|
{{-- <script src="{{ asset('assets/js/pages/widgets.js') }}"></script> --}}
|
||
|
|
<script>
|
||
|
|
/* "use strict";
|
||
|
|
{{-- var progress = '{{ $progress }}'?parseInt('{{ $progress }}'):0; --}}
|
||
|
|
|
||
|
|
// Class definition
|
||
|
|
var KTWidgets = function() {
|
||
|
|
var _initMixedWidget18 = function() {
|
||
|
|
var element = document.getElementById("kt_mixed_widget_18_chart");
|
||
|
|
var height = parseInt(KTUtil.css(element, 'height'));
|
||
|
|
|
||
|
|
if (!element) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
series: [progress],
|
||
|
|
chart: {
|
||
|
|
height: height,
|
||
|
|
type: 'radialBar',
|
||
|
|
offsetY: 0
|
||
|
|
},
|
||
|
|
plotOptions: {
|
||
|
|
radialBar: {
|
||
|
|
startAngle: -90,
|
||
|
|
endAngle: 90,
|
||
|
|
|
||
|
|
hollow: {
|
||
|
|
margin: 0,
|
||
|
|
size: "70%"
|
||
|
|
},
|
||
|
|
dataLabels: {
|
||
|
|
showOn: "always",
|
||
|
|
name: {
|
||
|
|
show: true,
|
||
|
|
fontSize: "13px",
|
||
|
|
fontWeight: "700",
|
||
|
|
offsetY: -5,
|
||
|
|
color: KTApp.getSettings()['colors']['gray']['gray-500']
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
color: KTApp.getSettings()['colors']['gray']['gray-700'],
|
||
|
|
fontSize: "30px",
|
||
|
|
fontWeight: "700",
|
||
|
|
offsetY: -40,
|
||
|
|
show: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
track: {
|
||
|
|
background: KTApp.getSettings()['colors']['theme']['light']['primary'],
|
||
|
|
strokeWidth: '100%'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
colors: [KTApp.getSettings()['colors']['theme']['base']['primary']],
|
||
|
|
stroke: {
|
||
|
|
lineCap: "round",
|
||
|
|
},
|
||
|
|
labels: ["Progress"]
|
||
|
|
};
|
||
|
|
|
||
|
|
var chart = new ApexCharts(element, options);
|
||
|
|
chart.render();
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
init: function() {
|
||
|
|
_initMixedWidget18();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}();
|
||
|
|
// Webpack support
|
||
|
|
if (typeof module !== 'undefined') {
|
||
|
|
module.exports = KTWidgets;
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery(document).ready(function() {
|
||
|
|
KTWidgets.init();
|
||
|
|
});
|
||
|
|
|
||
|
|
function changeYearsStatistik(tahun) {
|
||
|
|
$.ajax({
|
||
|
|
type: 'GET',
|
||
|
|
url: base_url + 'changeYearsStatistik?tahun=' + tahun,
|
||
|
|
beforeSend: function () {
|
||
|
|
znLoadingPage()
|
||
|
|
},
|
||
|
|
|
||
|
|
success: function (response) {
|
||
|
|
znLoadingPageEnd()
|
||
|
|
if(response) {
|
||
|
|
$('#header_statistik').html(`Total ${response.data.project_done} Project selesai dari ${response.data.all_project} Project tahun ${tahun}`);
|
||
|
|
$('#dropdown_years_statistik').html(tahun);
|
||
|
|
$('#tahun_project_done').html(tahun);
|
||
|
|
$('#tot_project_done').html(response.data.project_done);
|
||
|
|
$('#tahun_all_project').html(tahun);
|
||
|
|
$('#tot_all_project').html(response.data.all_project);
|
||
|
|
$('#tahun_task_done').html(tahun);
|
||
|
|
$('#tot_task_done').html(response.data.task_done);
|
||
|
|
$('#tahun_all_task').html(tahun);
|
||
|
|
$('#tot_all_task').html(response.data.all_task);
|
||
|
|
} else {
|
||
|
|
znNotif('warning', 'Data Tidak Ditemukan');
|
||
|
|
$('#header_statistik').html(`Total 0 Project selesai dari 0 Project tahun ${tahun}`);
|
||
|
|
$('#dropdown_years_statistik').html(tahun);
|
||
|
|
$('#tahun_project_done').html(tahun);
|
||
|
|
$('#tot_project_done').html(0);
|
||
|
|
$('#tahun_all_project').html(tahun);
|
||
|
|
$('#tot_all_project').html(0);
|
||
|
|
$('#tahun_task_done').html(tahun);
|
||
|
|
$('#tot_task_done').html(0);
|
||
|
|
$('#tahun_all_task').html(tahun);
|
||
|
|
$('#tot_all_task').html(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}).done(function (msg) {
|
||
|
|
}).fail(function (msg) {
|
||
|
|
znLoadingPageEnd()
|
||
|
|
znNotif('error', 'Terjadi Kesalahan');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function newProject(role) {
|
||
|
|
if(role==6) {
|
||
|
|
loadContent('tambahProject', this, event);
|
||
|
|
} else {
|
||
|
|
znNotif('warning', 'Anda Tidak Berwenang untuk menambahkan project baru');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function lihatSemuaProject(role) {
|
||
|
|
if(role==6) {
|
||
|
|
loadContent('laporanProject', this, event)
|
||
|
|
} else {
|
||
|
|
loadContent('laporanProject', this, event)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function lihatProjectA(role) {
|
||
|
|
if(role==6) {
|
||
|
|
loadContent('projects?percent=lbh70', this, event)
|
||
|
|
} else {
|
||
|
|
loadContent('laporanProject?percent=lbh70', this, event)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function lihatProjectB(role) {
|
||
|
|
if(role==6) {
|
||
|
|
loadContent('projects?percent=btwn5070', this, event)
|
||
|
|
} else {
|
||
|
|
loadContent('laporanProject?percent=btwn5070', this, event)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function lihatProjectC(role) {
|
||
|
|
if(role==6) {
|
||
|
|
loadContent('projects?percent=krg50', this, event)
|
||
|
|
} else {
|
||
|
|
loadContent('laporanProject?percent=krg50', this, event)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function newTask(idUser) {
|
||
|
|
znModal('mNewTask');
|
||
|
|
} */
|
||
|
|
|
||
|
|
/* function goToTask() {
|
||
|
|
var id_project = $('#pilih_project').val();
|
||
|
|
var team_role_id = $('#pilih_project').find(':selected').data('teamrole');
|
||
|
|
if(team_role_id) {
|
||
|
|
if(team_role_id==1) {
|
||
|
|
$('.modal-backdrop').remove()
|
||
|
|
loadContent('detailProjects?id='+id_project+'&team_role_id='+team_role_id, this, event)
|
||
|
|
} else {
|
||
|
|
znNotif('warning', 'Anda Tidak Berwenang untuk menambahkan task baru');
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
$('.modal-backdrop').remove()
|
||
|
|
loadContent('detailProjects?id='+id_project, this, event)
|
||
|
|
}
|
||
|
|
} */
|
||
|
|
|
||
|
|
var validator;
|
||
|
|
var role = "{{ Auth::user()->role_id }}";
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
validator = FormValidation.formValidation(
|
||
|
|
KTUtil.getById('form_new_task_css'),
|
||
|
|
{
|
||
|
|
fields: {
|
||
|
|
judul_: {
|
||
|
|
validators: {
|
||
|
|
notEmpty: {
|
||
|
|
message: 'Wajib diisi!'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
deskripsi_: {
|
||
|
|
validators: {
|
||
|
|
notEmpty: {
|
||
|
|
message: 'Wajib diisi!'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
level_: {
|
||
|
|
validators: {
|
||
|
|
notEmpty: {
|
||
|
|
message: 'Wajib diisi!'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: {
|
||
|
|
trigger: new FormValidation.plugins.Trigger(),
|
||
|
|
bootstrap: new FormValidation.plugins.Bootstrap()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
/* var dServer = '{{ date('F d, Y H:i:s', time()) }}';
|
||
|
|
var date = new Date(dServer)
|
||
|
|
setInterval(function() {
|
||
|
|
// var date = new Date();
|
||
|
|
console.log(date)
|
||
|
|
var day = ('0' + date.getDate()).slice(-2);
|
||
|
|
var month = ( date.getMonth() < 10 ? '0' : '') + date.getMonth();
|
||
|
|
var monthIndex = date.getMonth();
|
||
|
|
var year = date.getFullYear();
|
||
|
|
var hours = ( date.getHours() < 10 ? '0' : '' ) + date.getHours();
|
||
|
|
var minute = ( date.getMinutes() < 10 ? '0' : '' ) + date.getMinutes();
|
||
|
|
var second = ( date.getSeconds() < 10 ? '0' : '' ) + date.getSeconds();
|
||
|
|
|
||
|
|
var monthNamesSmall = [
|
||
|
|
"Jan", "Feb", "Mar",
|
||
|
|
"Apr", "Mei", "Jun", "Jul",
|
||
|
|
"Ags", "Sep", "Okt",
|
||
|
|
"Nov", "Des"
|
||
|
|
];
|
||
|
|
|
||
|
|
$('#clock-wrapper').html(
|
||
|
|
day + ' ' + monthNamesSmall[(monthIndex)] + ' ' + year + ' ' + hours + ":" + minute + ":" + second
|
||
|
|
);
|
||
|
|
// var timeNow = year + '-' + month + '-' + day + ' ' + hours + ':' + minute + ':' + second;
|
||
|
|
var timeNow = '{{ date('F d, Y H:i:s', time()) }}';
|
||
|
|
date = new Date(timeNow);
|
||
|
|
}, 500); */
|
||
|
|
setInterval(setTime, 1000);
|
||
|
|
})
|
||
|
|
|
||
|
|
function checkTime(i) {
|
||
|
|
if (i<10) {i = "0" + i}; // add zero in front of numbers < 10
|
||
|
|
return i;
|
||
|
|
}
|
||
|
|
|
||
|
|
var today=new Date('<?php print date("F d, Y H:i:s", time())?>');
|
||
|
|
|
||
|
|
function setTime() {
|
||
|
|
today.setSeconds(today.getSeconds()+1)
|
||
|
|
var monthNamesSmall = [
|
||
|
|
"Jan", "Feb", "Mar",
|
||
|
|
"Apr", "Mei", "Jun", "Jul",
|
||
|
|
"Ags", "Sep", "Okt",
|
||
|
|
"Nov", "Des"
|
||
|
|
];
|
||
|
|
var year=today.getFullYear();
|
||
|
|
var month=today.getMonth();
|
||
|
|
var monthIndex = today.getMonth();
|
||
|
|
var day=today.getDate();
|
||
|
|
day = checkTime(day);
|
||
|
|
var hour=today.getHours();
|
||
|
|
hour = checkTime(hour);
|
||
|
|
var minute=today.getMinutes();
|
||
|
|
var second=today.getSeconds();
|
||
|
|
minute = checkTime(minute);
|
||
|
|
second = checkTime(second);
|
||
|
|
month = checkTime(month);
|
||
|
|
// var time = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
|
||
|
|
var time = day + ' ' + monthNamesSmall[(monthIndex)] + ' ' + year + ' ' + hour + ":" + minute + ":" + second
|
||
|
|
$('#clock-wrapper').html(time);
|
||
|
|
}
|
||
|
|
|
||
|
|
function formLanjutkan() {
|
||
|
|
if($('#client_').val()=='') {
|
||
|
|
znNotif('warning', 'Pilih Client');
|
||
|
|
} else if($('#project_').val()=='') {
|
||
|
|
znNotif('warning', 'Pilih Project');
|
||
|
|
} else {
|
||
|
|
if(role!=1 && role != 4 && role != 5) {
|
||
|
|
var client = $('#client_').val();
|
||
|
|
var client_name = $('#client_').find('option:selected').text();
|
||
|
|
$("#client_id_modal_").val(client)
|
||
|
|
$('#client_modal_').html(client_name)
|
||
|
|
}
|
||
|
|
var project = $('#project_').val()
|
||
|
|
var project_name = $('#project_').find('option:selected').text()
|
||
|
|
$("#project_id_modal_").val(project)
|
||
|
|
$('#project_name_modal_').html(project_name)
|
||
|
|
var request = $('#request_').val()
|
||
|
|
var request_name = $('#request_').find('option:selected').text()
|
||
|
|
$('#req_id_modal_').val(request)
|
||
|
|
$('#req_modal_').html(request_name)
|
||
|
|
var tglNow = G_formatDate(new Date, 'd-M-Y')
|
||
|
|
var tglId = G_formatDateM(new Date)
|
||
|
|
$('#tanggal_id_modal_').val(tglId)
|
||
|
|
$('#tanggal_modal_').html(tglNow)
|
||
|
|
$('#row_file').val(0)
|
||
|
|
for (var index = 1; index <= 3; index++) {
|
||
|
|
$('#dokumen'+index+'_').addClass('d-none')
|
||
|
|
}
|
||
|
|
$('#form_new_task_css')[0].reset()
|
||
|
|
validator.resetForm();
|
||
|
|
znModal('newTaskCss')
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getFile(row) {
|
||
|
|
var rowNew = parseInt(row) + 1;
|
||
|
|
if(rowNew>3) {
|
||
|
|
znNotif('warning', 'Dokumen maksimal 3')
|
||
|
|
} else {
|
||
|
|
$('#file_input_'+rowNew+'_').click()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function getFileUrl(input, img, row) {
|
||
|
|
readURL(input, img);
|
||
|
|
$(img).removeClass('d-none');
|
||
|
|
var rowNew = parseInt(row) + 1;
|
||
|
|
$('#row_file').val(rowNew)
|
||
|
|
}
|
||
|
|
|
||
|
|
function getProject(set_id = 'project_', client_id, id=null) {
|
||
|
|
var formData = new FormData();
|
||
|
|
formData.append('client', client_id)
|
||
|
|
return doPost(base_url+'projects/get_any/get_project', formData, function (msg, data) {
|
||
|
|
$('#'+set_id).html(``)
|
||
|
|
$('#'+set_id).append(`<option value="">Pilih Project</option>`)
|
||
|
|
$.each(data.data, function(k,v) {
|
||
|
|
var selected = v.id==id?'selected':'';
|
||
|
|
$('#'+set_id).append('<option value="'+v.id+'" '+selected+'>'+v.project_name+'</option>')
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function storeData(e) {
|
||
|
|
e.preventDefault()
|
||
|
|
var row = $('#row_file').val()
|
||
|
|
validator.validate().then(function(status) {
|
||
|
|
if(status == 'Valid') {
|
||
|
|
if(row<1) {
|
||
|
|
znNotif('warning', 'Wajib mencantumkan minimal 1 dokumen Maksimal 3 dokumen')
|
||
|
|
} else {
|
||
|
|
popConfirm("Konfirmasi Proses",
|
||
|
|
`<div class="mt-2">Yakin Akan Mengirimkan Data Ini ?</div>`, function () {
|
||
|
|
let myForm = document.getElementById('form_new_task_css');
|
||
|
|
let formData = new FormData(myForm);
|
||
|
|
znLoadingModal('newTaskCss');
|
||
|
|
doPost(base_url+'projects/act_any/store_css_task', formData, function (msg, data) {
|
||
|
|
znLoadingModalEnd('newTaskCss');
|
||
|
|
if (data == null){
|
||
|
|
znNotif("danger", msg);
|
||
|
|
}else {
|
||
|
|
if(data.rc == 0){
|
||
|
|
znNotif('success','Berhasil Mengirimkan Data');
|
||
|
|
$('#newTaskCss').modal('hide');
|
||
|
|
location.reload()
|
||
|
|
}else{
|
||
|
|
znNotif("danger", data.rm);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|