whoami7 - Manager
:
/
home
/
kckglobal
/
cloud.kckglobal.net
/
modules
/
timesheets
/
assets
/
js
/
Upload File:
files >> /home/kckglobal/cloud.kckglobal.net/modules/timesheets/assets/js/map_js.php
<script> const iconBase = '<?php echo module_dir_url(TIMESHEETS_MODULE_NAME, 'assets/images/') ?>'; const hexColor = ["#4287f5", "#f54242", "#ad2d89", "#691087", "#691087", "#101487", "#1d418a", "#1d5b8a", "#16787d", "#178567", "#178567", "#30610d", "#5d6e0b", "#75560c", "#421803", "#fc5805", "#10400d", "#3e054d", "#f2f754", "#4f2829"]; // In the following example, markers appear when the user clicks on the map. // Each marker is labeled with a single alphabetical character. function initMap() { var flightPlanCoordinates = <?php echo json_encode($coordinates_list); ?>; if(typeof flightPlanCoordinates[0] != 'undefined'){ showData(flightPlanCoordinates); } else{ var map = new google.maps.Map(document.getElementById("map"), { zoom: 17, center: {lat:0.0, lng: 0.0}, }); } } function showData(flightPlanCoordinates){ if(flightPlanCoordinates.length > 0){ var map = new google.maps.Map(document.getElementById("map"), { zoom: 17, center: flightPlanCoordinates[0][0], }); var hex = 0, label, relate_text = ''; for(let i = 0;i < flightPlanCoordinates.length;i++){ for(let j = 0;j < flightPlanCoordinates[i].length;j++){ relate_text = ''; if(flightPlanCoordinates[i][j]['related_to'] == 1){ relate_text = '<b>Customer:</b> '+flightPlanCoordinates[i][j]['related_name']+'<br>'; } if(flightPlanCoordinates[i][j]['related_to'] == 2){ relate_text = '<b>Workplace:</b> '+flightPlanCoordinates[i][j]['related_name']+'<br>'; } label = ''; if(flightPlanCoordinates[i][j]['date_work'] != ''){ label = '<div id="content">' + '<div id="siteNotice">' + '</div>' + '<h4 id="firstHeading" class="firstHeading">'+flightPlanCoordinates[i][j]['name']+'</h4>' + '<div id="bodyContent"><p>'+ relate_text + '<b>Date:</b> '+flightPlanCoordinates[i][j]['date_work']+ '<br><b>Staff:</b> '+flightPlanCoordinates[i][j]['staff_name']+ '<br><b>Address:</b> '+flightPlanCoordinates[i][j]['route_point_address']+ '<br><br><button class="check_in_out_log" data-staffid="'+flightPlanCoordinates[i][j]['staffid']+'" data-date="'+flightPlanCoordinates[i][j]['date_work']+'" onclick="show_check_in_out_log(this,'+flightPlanCoordinates[i][j]['route_point_id']+')">Check in/out log</button>'+ ' <br><br><b><small>('+flightPlanCoordinates[i][j]['lat']+ ', '+flightPlanCoordinates[i][j]['lng']+')</small></b>.</p></div></div>'; } if(flightPlanCoordinates[i][j]['take_attendance'] == true){ icon = iconBase + "parking-green.jpg"; } else{ icon = iconBase + "parking.jpg"; } addMarker(flightPlanCoordinates[i][j], map, label, icon); } drawLine(flightPlanCoordinates[i], map, hexColor[hex]); hex++; if(hex == 20){ hex = 0; } } } } function drawLine(coordinates_array, map, color){ const flightPath = new google.maps.Polyline({ path: coordinates_array, geodesic: true, strokeColor: color, strokeOpacity: 1.0, strokeWeight: 4, }); flightPath.setMap(map); } // Adds a marker to the map. function addMarker(location, map, label, icon) { const marker = new google.maps.Marker({ position: location, icon: icon, map: map }); if(label != ''){ const infowindow = new google.maps.InfoWindow({ content: label, maxWidth: 250, }); marker.addListener("click", () => { infowindow.open(map, marker); }); } } function get_data_map_fillter(){ var data = {}; data.staff = $('[name="staff_fillter[]"]').val(); data.date = $('[name="date_fillter"]').val(); data.route_point = $('[name="route_point_fillter[]"]').val(); $.post(admin_url+'timesheets/get_data_map',data).done(function(response){ response = JSON.parse(response); if(response.length > 0){ showData(response); } else{ var map = new google.maps.Map(document.getElementById("map"), { zoom: 17, center: {lat:0.0, lng: 0.0}, }); } }); } /** * show default map */ function showDefaultMap(position) { 'use strict'; } function get_default_location() { "use strict"; function success(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; showData([[{lat: latitude, lng: longitude }]]); } function error() { $.post(admin_url+'timesheets/get_default_lat_long').done(function(response){ response = JSON.parse(response); //showData([[{lat: response.latitude, lng: response.longitude, date_work: '', staff_name: '', route_point_address: '', take_attendance: '', staffid: ''}]]); }); } if (!navigator.geolocation) { $.post(admin_url+'timesheets/get_default_lat_long').done(function(response){ response = JSON.parse(response); showData([[{lat: response.latitude, lng: response.longitude, date_work: '', staff_name: '', route_point_address: '', take_attendance: '', staffid: ''}]]); }); } else { navigator.geolocation.getCurrentPosition(success, error); } } function show_check_in_out_log(el, route_point_id){ "use strict"; $('#check_in_out_log').modal('show'); var data = {}; data.list_staffid = $(el).data('staffid'); data.date = $(el).data('date'); data.route_point_id = route_point_id; $('#check_in_out_log .date').text(data.date); $('#check_in_out_log input[name="date"]').val(data.date); $('#check_in_out_log input[name="route_point_id"]').val(route_point_id); $.post(admin_url+'timesheets/get_check_in_out_history', data).done(function(response){ response = JSON.parse(response); $('select[name="staffid_fillter"]').html(response.staff_option_list).selectpicker('refresh'); $('#check_in_out_log .content_log').html(response.content); }); } function get_log_check_in_out(el){ "use strict"; var id = $(el).val(); var data = {}; data.list_staffid = id; data.date = $('#check_in_out_log input[name="date"]').val(); data.route_point_id = $('#check_in_out_log input[name="route_point_id"]').val(); $.post(admin_url+'timesheets/get_check_in_out_history', data).done(function(response){ response = JSON.parse(response); $('#check_in_out_log .content_log').html(response.content); }); } </script>
Copyright ©2021 || Defacer Indonesia