kicap/panti-asuhan-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kicap
2023-07-14 11:32:46 +08:00
commit 5c7d9cdfbc
1901 changed files with 341376 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
application/views/user/footer.php Normal file
View File

@ -0,0 +1,8 @@
<footer class="footer">
<ul class="list-inline">
<li>2023 © Kicap Karan.</li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Help</a></li>
</ul>
</footer>

28
application/views/user/header.php Normal file
View File

@ -0,0 +1,28 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Sistem Parkir Parepare - <?=$header?></title>
<!-- Main Styles -->
<link rel="stylesheet" href="<?=base_url()?>assets/styles/style.min.css">
<!-- mCustomScrollbar -->
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">
<!-- Waves Effect -->
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/waves/waves.min.css">
<!-- Sweet Alert -->
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/sweet-alert/sweetalert.css">
<!-- Color Picker -->
<link rel="stylesheet" href="<?=base_url()?>assets/color-switcher/color-switcher.min.css">
<link rel="stylesheet" href="<?=base_url()?>assets/fonts/material-design/css/materialdesignicons.css">
<!-- Data Tables -->
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/datatables/media/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="<?=base_url()?>assets/plugin/datatables/extensions/Responsive/css/responsive.bootstrap.min.css">

364
application/views/user/index.php Normal file
View File

@ -0,0 +1,364 @@
<!DOCTYPE html>
<html lang="en">
<head>
<?php $this->load->view('user/header'); ?>
</head>
<body>
<?php $this->load->view('user/sidebar'); ?>
<div id="wrapper">
<div class="main-content">
<div class="row small-spacing">
<div class="col-xs-12">
<div class="box-content card white">
<h4 class="box-title">Peta Lahan Parkir Parepare</h4>
<div class="card-content">
<div id="map" style="width: 100%; height: 500px;"></div>
</div>
</div>
</div>
</div>
<?php $this->load->view('user/footer'); ?>
</div>
<!-- /.main-content -->
</div>
<?php $this->load->view('user/scripts'); ?>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD7B9RynI4hQM_Y4BG9GYxsTLWwYkGASRo&libraries=drawing,places,geometry"></script>
<script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js"></script>
<!-- <script src="<?= base_url() ?>assets/cluster.js"></script> -->
<script>
// import { MarkerClusterer } from "https://cdn.skypack.dev/@googlemaps/markerclusterer@2.0.3";
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {
lat: -5.041461,
lng: 121.628891
},
});
var markers = [];
var markers1 = [];
var polygon_parkir = [];
var polygon_parkir1 = [];
var cluster;
var infowindow_data = [];
function get_kabupaten() {
$.ajax({
url: "<?php echo base_url('api/kabupaten_maps') ?>",
type: "GET",
dataType: "JSON",
beforeSend: function() {
$.blockUI({
message: 'Loading...',
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
}
});
},
success: function(data) {
$.unblockUI();
// console.log(data.area_parkir.length)
let map_data = data.data;
// console.log(map_data[0])
var bound = new google.maps.LatLngBounds();
for (let i = 0; i < map_data.length; i++) {
let map_1 = map_data[i].kordinat;
let polygon = [];
for (let i = 0; i < map_1.length; i++) {
// map_1[i].lng value return like 119.62361145
// map_1[i].lat value return like -4.00000000
// push value to polygon array
polygon.push({
lat: parseFloat(map_1[i].lat),
lng: parseFloat(map_1[i].lng)
});
}
let show_polygon = new google.maps.Polygon({
paths: polygon,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 0.8,
// fillColor: '#FF0000',
fillOpacity: 0.1
});
show_polygon.setMap(map);
for (var j = 0; j < polygon.length; j++) {
bound.extend(polygon[j]);
}
}
map.fitBounds(bound);
},
error: function(jqXHR, textStatus, errorThrown) {
$.unblockUI();
alert('Error get data from ajax');
}
});
}
get_kabupaten();
async function get_marker_parkir() {
try {
const data = await $.ajax({
url: "<?php echo base_url('api/area_parkir') ?>",
type: "GET",
dataType: "JSON",
async: false,
beforeSend: function() {
$.blockUI({
message: 'Loading...',
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
}
});
}
}).responseJSON;
$.unblockUI();
// console.log(data.area_parkir.length)
let area_parkir = data.data;
// console.log(area_parkir.length)
if (area_parkir.length > 0) {
for (let i = 0; i < area_parkir.length; i++) {
let area_parkir_1 = area_parkir[i];
// console.log(JSON.parse(area_parkir_1.center))
let coordinate = JSON.parse(area_parkir_1.center);
let marker = new google.maps.Marker({
position: {
lat: parseFloat(coordinate.lat),
lng: parseFloat(coordinate.lng)
},
map: map,
title: area_parkir_1.alamat,
});
markers1.push(marker);
let infowindow = new google.maps.InfoWindow({
content: "Alamat : " + area_parkir_1.alamat + "<br>Luas : " + area_parkir_1.luas + " m2<br>"
});
infowindow_data.push(infowindow);
marker.addListener('click', function() {
// console.log(area_parkir_1)
infowindow.open(map, marker);
});
markers.push(marker);
}
// marker cluster
cluster = new markerClusterer.MarkerClusterer({
map,
markers
});
}
} catch (error) {
$.unblockUI();
console.log(error)
alert('Error get data from ajax');
}
}
get_marker_parkir();
async function get_polygon_parkir() {
try {
const data = await $.ajax({
url: "<?php echo base_url('api/area_parkir') ?>",
type: "GET",
dataType: "JSON",
async: false,
beforeSend: function() {
$.blockUI({
message: 'Loading...',
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
}
});
}
}).responseJSON;
$.unblockUI();
// console.log(data)
let area_parkir = data.data;
// // console.log(area_parkir)
if (area_parkir.length > 0) {
if (polygon_parkir.length == 0) {
for (let i = 0; i < area_parkir.length; i++) {
let the_polygon = JSON.parse(area_parkir[i].kordinat);
// console.log(the_polygon)
let polygon = [];
for (let i = 0; i < the_polygon.length; i++) {
// map_1[i].lng value return like 119.62361145
// map_1[i].lat value return like -4.00000000
// push value to polygon array
polygon.push({
lat: parseFloat(the_polygon[i].lat),
lng: parseFloat(the_polygon[i].lng)
});
}
polygon_parkir.push(polygon);
let show_polygon = new google.maps.Polygon({
paths: polygon,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 0.8,
// fillColor: '#FF0000',
fillOpacity: 0.1
});
polygon_parkir1.push(show_polygon);
show_polygon.setMap(map);
// google.
}
}
}
} catch (error) {
$.unblockUI();
alert('Error get data from ajax');
}
}
get_polygon_parkir();
google.maps.event.addListener(map, 'zoom_changed', function() {
var zoomLevel = map.getZoom();
console.log(zoomLevel);
if (zoomLevel >= 16) {
// console.log('zoom in')
console.log(markers.length)
for (let i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
// clear all marker
// get_polygon_parkir();
// for (let i = 0; i < polygon_parkir.length; i++) {
// polygon_parkir1[i].setMap(map);
// }
// console.log(polygon_parkir)
for (let i = 0; i < polygon_parkir.length; i++) {
let show_polygon = new google.maps.Polygon({
paths: polygon_parkir[i],
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 0.8,
// fillColor: '#FF0000',
fillOpacity: 0.1
});
show_polygon.setMap(map);
polygon_parkir1.push(show_polygon);
google.maps.event.addListener(show_polygon, 'click', function(event) {
// console.log("click polygon")
// console.log(event.latLng.lng())
console.log(infowindow_data)
let infowindow = infowindow_data[i];
// console.log(infowindow)
// get the lat and lng of the point
var latLng = event.latLng;
// console.log(latLng)
infowindow.setPosition(latLng);
infowindow.open(map);
// infowindow_data.push(infowindow);
// infowindow.open(map, show_polygon);
});
}
// remove cluster
cluster.clearMarkers();
}
if (zoomLevel < 16) {
console.log('zoom out')
console.log(markers.length)
console.log(markers1.length)
if (polygon_parkir1.length > 0) {
// clear all polygon
for (let i = 0; i < polygon_parkir1.length; i++) {
polygon_parkir1[i].setMap(null);
}
}
markers = markers1;
for (let i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
// add cluster
cluster.addMarkers(markers);
}
});
</script>
</body>
</html>

33
application/views/user/scripts.php Normal file
View File

@ -0,0 +1,33 @@
<!--/#wrapper -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="<?=base_url()?>assets/script/html5shiv.min.js"></script>
<script src="<?=base_url()?>assets/script/respond.min.js"></script>
<![endif]-->
<!--
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<?=base_url()?>assets/scripts/jquery.min.js"></script>
<script src="<?=base_url()?>assets/scripts/modernizr.min.js"></script>
<script src="<?=base_url()?>assets/plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="<?=base_url()?>assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="<?=base_url()?>assets/plugin/nprogress/nprogress.js"></script>
<script src="<?=base_url()?>assets/plugin/sweet-alert/sweetalert.min.js"></script>
<script src="<?=base_url()?>assets/plugin/waves/waves.min.js"></script>
<!-- Full Screen Plugin -->
<script src="<?=base_url()?>assets/plugin/fullscreen/jquery.fullscreen-min.js"></script>
<script src="<?=base_url()?>assets/block/jquery.blockUI.js"></script>
<script src="<?=base_url()?>assets/plugin/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="<?=base_url()?>assets/plugin/datatables/media/js/dataTables.bootstrap.min.js"></script>
<script src="<?=base_url()?>assets/scripts/main.min.js"></script>
<script src="<?=base_url()?>assets/color-switcher/color-switcher.min.js"></script>
<script>
function logout(){
if(confirm("Apakah anda yakin ingin keluar?")){
window.location.href = "<?=base_url()?>home/logout";
}
// window.location.href = "<?=base_url()?>home/logout";
}
</script>

49
application/views/user/sidebar.php Normal file
View File

@ -0,0 +1,49 @@
<div class="main-menu">
<header class="header">
<a href="index.html" class="logo">Parepare</a>
<button type="button" class="button-close fa fa-times js__menu_close"></button>
<div class="user">
<a href="#" class="avatar"><img src="<?=base_url()?>assets/images/admin.png" alt=""><span class="status online"></span></a>
<h5 class="name"><a href="#">Pengunjung</a></h5>
<h5 class="position">Pengunjung</h5>
</div>
<!-- /.user -->
</header>
<!-- /.header -->
<div class="content">
<div class="navigation">
<h5 class="title">Navigasi</h5>
<!-- /.title -->
<ul class="menu js__accordion">
<li <?php if ($header == 'Halaman Utama') {
echo 'class="current"';
} ?>>
<a class="waves-effect" href="<?= base_url('user') ?>"><i class="menu-icon fa fa-home"></i><span>Halaman Utama</span></a>
</li>
</ul>
</div>
<!-- /.navigation -->
</div>
<!-- /.content -->
</div>
<!-- /.main-menu -->
<div class="fixed-navbar">
<div class="pull-left">
<button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
<h1 class="page-title"><?= $header ?></h1>
<!-- /.page-title -->
</div>
<!-- /.pull-left -->
<div class="pull-right">
<!-- <a href="#" class="ico-item fa fa-power-off"></a> -->
</div>
<!-- /.pull-right -->
</div>