Need live location in Employee checkin

21

In hr settings there is one Attendance Settings inside this setting there is one field Allow Geolocation Tracking checked it.
image

image
image1252×685 69.4 KB

In employee check in it automatically add those field latitude and logitude and fetch geolocation button when you clicked on fetch geolocation it automatically set latitude and longitude.it is all default functionality and when your longitude and latitude is set it automatically show your location in location field.
refer this code
hrms/hr/doctype/employee_checkin/employee_checkin.js

1 Like
22

why am I not getting the latitude and longitude fields in my employee checkin?

23

frappe.ui.form.on(‘SE Checkin’, {
onload(frm) {
if(frm.doc.longitude && frm.doc.latitude){
frm.set_df_property(‘my_location’,‘options’,‘


.mapouter{position:relative;text-align:right;height:300px;width:100%;}.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:100%;}
’);
frm.refresh_field(‘my_location’);
} else {
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(onPositionRecieved,locationNotRecieved,{ enableHighAccuracy: true});
}
}
},
validate(frm) {
frm.doc.google_link = “Google Maps” + frm.doc.latitude + “,” + frm.doc.longitude;
}
})

function onPositionRecieved(position){
var longitude= position.coords.longitude;
var latitude= position.coords.latitude;
console.log( position);
cur_frm.set_value(‘longitude’,longitude);
cur_frm.set_value(‘latitude’,latitude);
console.log(longitude);
console.log(latitude);
fetch(‘https://api.opencagedata.com/geocode/v1/json?q=‘+latitude+’+‘+longitude+’&key=ab43c3fb9f2f4e41b04146a741d23a06’)
.then(response => response.json())
.then(data => {
console.log(data);
var city=data[‘results’][0].components.state_district;
var state=data[‘results’][0].components.state;
var area=data[‘results’][0].components.works;
cur_frm.set_value(‘city’,city);
cur_frm.set_value(‘state’,state);
cur_frm.set_value(‘area’,area);
cur_frm.set_value(‘address’, data[‘results’][0].formatted);
console.log(data);
})
.catch(err => console.log(err));
cur_frm.set_df_property(‘my_location’,‘options’,‘


.mapouter{position:relative;text-align:right;height:300px;width:100%;}.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:100%;}
’);
cur_frm.refresh_field(‘my_location’);
}

function locationNotRecieved(positionError){
console.log(positionError);
}