Jul 12 : [ADD] Initial Commit 'odoo_attendance_user_location'

odoo_attendance_user_location/README.rst

@@ -0,0 +1,41 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Geolocation in HR Attendance
+=======================
+This module helps to the attendance location of the employee where the employee is checkin/out.
+
+Configuration
+=============
+User should  add the python library "geopy" for using this module.
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+Developer: Sreenath K , Shafna K @cybrosys
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

odoo_attendance_user_location/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sreenath K, Shafna K (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from . import models

odoo_attendance_user_location/__manifest__.py

@@ -0,0 +1,47 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sreenath K, Shafna K (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+{
+    'name': 'Geolocation in HR Attendance',
+    'version': '16.0.1.0.0',
+    'summary': "The attendance location of the employee",
+    'description': "This module helps to identify the checkin/out location of the employee",
+    'author': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'category': 'Human Resources',
+    'depends': ['base', 'hr', 'hr_attendance'],
+    'data': [
+        'views/hr_attendance_views.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'odoo_attendance_user_location/static/src/js/my_attendances.js',
+        ],
+    },
+    'images': ['static/description/banner.png'],
+    'external_dependencies': {'python': ['geopy']},
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

odoo_attendance_user_location/doc/RELEASE_NOTES.md

@@ -0,0 +1,7 @@
+## Module <odoo_attendance_user_location>
+
+#### 12.07.2023
+#### Version 16.0.1.0.0
+#### ADD
+
+- Initial commit for Geolocation in HR Attendance

odoo_attendance_user_location/models/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sreenath K, Shafna K (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from . import hr_attendance
+from . import hr_employee

odoo_attendance_user_location/models/hr_attendance.py

@@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sreenath K, Shafna K (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from odoo import fields, models
+
+
+class HrAttendances(models.Model):
+    """Inherits HR Attendance model"""
+    _inherit = 'hr.attendance'
+
+    checkin_address = fields.Char(string='Check In Address', store=True,
+                                  help="Check in address of the User")
+    checkout_address = fields.Char(string='Check Out Address', store=True,
+                                   help="Check out address of the User")
+    checkin_latitude = fields.Char(string='Check In Latitude', store=True,
+                                   help="Check in latitude of the User")
+    checkout_latitude = fields.Char(string='Check Out Latitude', store=True,
+                                    help="Check out latitude of the User")
+    checkin_longitude = fields.Char(string='Check In Longitude', store=True,
+                                    help="Check in longitude of the User")
+    checkout_longitude = fields.Char(string='Check Out Longitude', store=True,
+                                     help="Check out longitude of the User")
+    checkin_location = fields.Char(string='Check In Location Link', store=True,
+                                   help="Check in location link of the User")
+    checkout_location = fields.Char(string='Check Out Location Link', store=True,
+                                    help="Check out location link of the User")

odoo_attendance_user_location/models/hr_employee.py

@@ -0,0 +1,125 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sreenath K, Shafna K (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from geopy.geocoders import Nominatim
+from odoo import exceptions, fields, models, _
+
+
+class HrEmployee(models.AbstractModel):
+    """Inherits HR Employee model"""
+    _inherit = 'hr.employee'
+
+    def attendance_manual(self, next_action, entered_pin=None):
+        """Override this method to add latitude and longitude"""
+        self.ensure_one()
+
+        latitudes = self.env.context.get('latitude', False)
+        longitudes = self.env.context.get('longitude', False)
+        self.ensure_one()
+        attendance_user_and_no_pin = self.user_has_groups('hr_attendance.group_hr_attendance_user,'
+                                                          '!hr_attendance.group_hr_attendance_use_pin')
+        can_check_without_pin = attendance_user_and_no_pin or self.user_id == self.env.user and entered_pin is None
+
+        if can_check_without_pin or entered_pin is not None and entered_pin == self.sudo().pin:
+            return self._attendance_action(latitudes, longitudes,
+                                           next_action)
+        if not self.user_has_groups('hr_attendance.group_hr_attendance_user'):
+            return {'warning': _('To activate Kiosk mode without pin code, you '
+                                 'must have access right as an Officer or above'
+                                 'in the Attendance app. Please contact your '
+                                 'administrator.')}
+        return {'warning': _('Wrong PIN')}
+
+    def _attendance_action(self, latitudes, longitudes, next_action):
+        """ Changes the attendance of the employee.
+            Returns an action to the check in/out message,
+            next_action defines which menu the check in/out message should
+            return to. ("My Attendances" or "Kiosk Mode")
+        """
+        self.ensure_one()
+        employee = self.sudo()
+        action_message = self.env['ir.actions.actions']._for_xml_id('hr_attendance.'
+                                                                    'hr_attendance_action_greeting_message')
+
+        action_message['previous_attendance_change_date'] = employee.last_attendance_id and (
+                employee.last_attendance_id.check_out
+                or employee.last_attendance_id.check_in) or False
+        action_message['employee_name'] = employee.name
+        action_message['barcode'] = employee.barcode
+        action_message['next_action'] = next_action
+        action_message['hours_today'] = employee.hours_today
+        action_message['kiosk_delay'] = \
+            employee.company_id.attendance_kiosk_delay * 1000
+        if employee.user_id:
+            modified_attendance = employee.with_user(employee.user_id).sudo()._attendance_action_change(longitudes,
+                                                                                                        latitudes)
+        else:
+            modified_attendance = employee._attendance_action_change(longitudes,
+                                                                     latitudes)
+        action_message['attendance'] = modified_attendance.read()[0]
+        action_message['total_overtime'] = employee.total_overtime
+
+        # Overtime have a unique constraint on the day, no need for limit=1
+
+        action_message['overtime_today'] = \
+            self.env['hr.attendance.overtime'].sudo().search([('employee_id', '=', employee.id),
+                                                              ('date', '=', fields.Date.context_today(self)),
+                                                              ('adjustment', '=', False)]).duration or 0
+        return {'action': action_message}
+
+    def _attendance_action_change(self, longitudes, latitudes):
+        """ Check In/Check Out action
+            Check In: create a new attendance record
+            Check Out: modify check_out field of appropriate attendance record
+        """
+        self.ensure_one()
+        action_date = fields.Datetime.now()
+        # create a geolocator object
+        geolocator = Nominatim(user_agent='my-app')
+        # get the location using the geolocator object
+        location = geolocator.reverse(str(latitudes) + ', ' + str(longitudes))
+        if self.attendance_state != 'checked_in':
+            vals = {
+                'employee_id': self.id,
+                'checkin_address': location.address,
+                'checkin_latitude': latitudes,
+                'checkin_longitude': longitudes,
+                'checkin_location': 'https://www.google.com/maps/place/' + location.address,
+            }
+            return self.env['hr.attendance'].create(vals)
+        attendance = self.env['hr.attendance'].search(
+            [('employee_id', '=', self.id), ('check_out', '=', False)], limit=1)
+        if attendance:
+            attendance.write({
+                'checkout_address': location.address,
+                'checkout_latitude': latitudes,
+                'checkout_longitude': longitudes,
+                'checkout_location': 'https://www.google.com/maps/place/'
+                                     + location.address,
+            })
+            attendance.check_out = action_date
+        else:
+            raise exceptions.UserError(_('Cannot perform check out on '
+                                         '%(empl_name)s, could not find corresponding check in.'
+                                         ' Your attendances have probably been modified manually by'
+                                         ' human resources.') % {
+                                           'empl_name': self.sudo().name})
+        return attendance

odoo_attendance_user_location/static/description/assets/.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

odoo_attendance_user_location/static/description/assets/.idea/assets.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

odoo_attendance_user_location/static/description/assets/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,21 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredPackages">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="requests" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredIdentifiers">
+        <list>
+          <option value="list.ids" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

odoo_attendance_user_location/static/description/assets/.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

odoo_attendance_user_location/static/description/assets/.idea/misc.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.8" project-jdk-type="Python SDK" />
+</project>

odoo_attendance_user_location/static/description/assets/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/assets.iml" filepath="$PROJECT_DIR$/.idea/assets.iml" />
+    </modules>
+  </component>
+</project>

odoo_attendance_user_location/static/description/assets/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../../../.." vcs="Git" />
+  </component>
+</project>

odoo_attendance_user_location/static/description/index.html

@@ -0,0 +1,515 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+  <!-- TITLE BAR -->
+  <div class="d-flex align-items-center justify-content-between"
+       style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
+    <div>
+      <div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+              class="mr-2">
+        <i class="fa fa-check mr-1"></i>Community
+      </div>
+      <div style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+           class="mr-2">
+        <i class="fa fa-check mr-1"></i>Enterprise
+      </div>
+      <div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+        class="mr-2">
+        <i class="fa fa-check mr-1"></i>Odoo.sh
+      </div>
+    </div>
+  </div>
+  <!-- END OF TITLE BAR -->
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-12">
+        <!-- APP HERO -->
+        <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">Geo Location in HR Attendance</h1>
+        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">Get the employees attendance check-in/check-out location details</p>
+        <!-- END OF APP HERO -->
+        <img src="assets/screenshots/hero.gif" class="img-responsive"
+          style="width: 100%; margin-left: auto; margin-right: auto;" />
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/compass.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#overview">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn more about this module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#features">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View features of this module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+  <div class="col-sm-12 col-md-6 my-3">
+    <a href="#screenshots">
+      <div class="d-flex justify-content-between align-items-center"
+        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+        <div>
+          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View screenshots for this module</span>
+        </div>
+        <img src="assets/misc/right-arrow.png" width="36" height="36" />
+      </div>
+    </a>
+  </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- WARNING SECTION -->
+<section class="oe_container">
+    <div class="alert alert-warning" style="background: cornsilk;/*! line-height: inherit; */text-align: inherit;/*! text-justify: ; */">
+        Warning! This module will only works when your odoo instance is in https mode. <br/>If you are using chrome you can solve by copy and paste this link
+      <i>"chrome://flags/#unsafely-treat-insecure-origin-as-secure"</i> and go to <b>Insecure origins treated as secure</b>.<br/> Add your odoo instance URL here and enable this feature.
+      Then you can use this module without https. But for better accurate result you need to configure https.
+      <br>
+    </div>
+</section>
+<!-- END OF WARNING SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pie-chart.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview</h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 py-4">
+    This module helps to find the employees attendance location details with a google map link.
+  </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+<!-- CONFIGURATION SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="configuration">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pie-chart.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">CONFIGURATION</h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 py-4">
+    Install python library geopy for using this module.
+    Geopy helps to locate the coordinates of addresses.
+  </div>
+</div>
+<h3 class="mt-2" style="font-family: 'Montserrat', sans-serif;">Installation</h3>
+<div class="col-sm-12 py-4" style="font-size: 14px; font-weight: bold;">
+  pip install geopy
+</div>
+<!-- END OF CONFIGURATION SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/features.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features</h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+  <div class="col-sm-12 col-md-6">
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Available in Odoo 16.0 Community and Enterprise.</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Works in both normal and kiosk mode</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Find the nearby address of check-in/check-out location.</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Save the address in attendance form</span>
+    </div>
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Save the latitude and longitude of the location</span>
+    </div>
+  </div>
+  <div class="col-sm-12 col-md-6">
+    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+      <img src="assets/misc/check-box.png" class="mr-2" />
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Create a Google map link to redirect to the specific location.</span>
+    </div>
+  </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/pictures.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots</h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Check in / Checkout</h3>
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Attendance -> Check in / Checkout</p>
+      <img src="assets/screenshots/attendance_user_location_00.png" class="img-thumbnail">
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+        Checkin Successfully</p>
+        <img src="assets/screenshots/attendance_user_location_01.png" class="img-thumbnail">
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">After checkin you can see the details of employee nearby location details</h3>
+      <img src="assets/screenshots/attendance_user_location_02.png" class="img-thumbnail">
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">After checkout, the checkout location details also will be stored</h3>
+      <img src="assets/screenshots/attendance_user_location_03.png" class="img-thumbnail">
+      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Checkout details</p>
+      <img src="assets/screenshots/attendance_user_location_04.png" class="img-thumbnail">
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Click the link to redirect to the google map</h3>
+      <img src="assets/screenshots/attendance_user_location_05.png" class="img-thumbnail">
+    </div>
+
+    <div style="display: block; margin: 30px auto;">
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">After Click on the map you will redirect to the google map</h3>
+      <img src="assets/screenshots/attendance_user_location_06.png" class="img-thumbnail">
+    </div>
+  </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+       style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/categories.png"/>
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
+    Products
+  </h2>
+</div>
+<div class="row">
+  <div class="col-sm-12">
+    <div id="demo1" class="row carousel slide" data-ride="carousel">
+      <!-- The slideshow -->
+      <div class="carousel-inner" style="padding: 30px;">
+        <div class="carousel-item" style="min-height: 198.656px;">
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/dynamic_accounts_report/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/01.png">
+              </div>
+            </a>
+          </div>
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/product_brand_purchase/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/02.png">
+              </div>
+            </a>
+          </div>
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/sale_product_image/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/03.png">
+              </div>
+            </a>
+          </div>
+        </div>
+        <div class="carousel-item active" style="min-height: 198.656px;">
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/odoo_sale_order_line_views/#" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/04.png">
+              </div>
+            </a>
+          </div>
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/base_accounting_kit/#" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/05.gif">
+              </div>
+            </a>
+          </div>
+          <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+            <a href="https://apps.odoo.com/apps/modules/16.0/hr_payroll_community/" target="_blank">
+              <div style="border-radius:10px">
+                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                     src="assets/modules/06.png">
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+      <!-- Left and right controls -->
+      <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <span
+              class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span>
+      </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="width:35px; color:#000">
+      <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span>
+    </a>
+    </div>
+  </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/star.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services</h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Customization</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Implementation</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Support</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Hire Odoo Developer</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Integration</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Migration</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Consultancy</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Implementation</h6>
+    </div>
+
+    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+        style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+        <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
+      </div>
+      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">Odoo Licensing Consultancy</h6>
+    </div>
+  </div>
+</div>
+<!-- END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/corporate.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Industries</h2>
+</div>
+
+<div class="container my-5">
+  <div class="row">
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Trading</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily procure and sell your products</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">POS</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy configuration and convivial experience</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Education</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A platform for educational management</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Manufacturing</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan, track and schedule your operations</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">E-commerce &amp; Website</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile friendly, awe-inspiring product pages</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Service Management</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep track of services and invoice</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Restaurant</h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run your bar or restaurant methodically</p>
+      </div>
+    </div>
+
+    <div class="col-lg-3">
+      <div class="my-4 d-flex flex-column justify-content-center"
+        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+        <img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
+        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">Hotel Management
+        </h5>
+        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An all-inclusive hotel management application</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+  <div class="d-flex justify-content-center align-items-center mr-2"
+    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+    <img src="assets/misc/customer-support.png" />
+  </div>
+  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
+  </h2>
+</div>
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
+        </div>
+        <div>
+          <h4>Need Help?</h4>
+          <p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
+          <a href="mailto:odoo@cybrosys.com">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">odoo@cybrosys.com</p>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+        <div class="mr-4 d-flex justify-content-center align-items-center"
+          style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+          <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
+        </div>
+        <div>
+          <h4>WhatsApp</h4>
+          <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+          <a href="https://api.whatsapp.com/send?phone=918606827707">
+            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068 27707</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+      <img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
+    </div>
+  </div>
+</div>
+<!-- END OF SUPPORT -->

odoo_attendance_user_location/static/src/js/my_attendances.js

@@ -0,0 +1,213 @@
+odoo.define('odoo_attendance_user_location.my_attendances', function(require) {
+   /**
+    * This class is used to get the checkin/out location of employee
+    */
+    "use strict";
+    var MyAttendances = require("hr_attendance.my_attendances");
+    var KioskConfirm = require("hr_attendance.kiosk_confirm");
+    const session = require("web.session");
+    var Dialog = require("web.Dialog");
+    var core = require("web.core");
+    var QWeb = core.qweb;
+    var latitude;
+    var longitude;
+    MyAttendances.include({
+        update_attendance: function() {
+            var self = this;
+            if (navigator.geolocation) {
+                navigator.geolocation.getCurrentPosition(function(position) {
+
+                        const ctx = Object.assign(session.user_context, {
+                            latitude: position.coords.latitude,
+                            longitude: position.coords.longitude,
+                        });
+
+                        latitude = position.coords.latitude;
+                        longitude = position.coords.longitude;
+                        self._rpc({
+                                model: 'hr.employee',
+                                method: 'attendance_manual',
+                                args: [
+                                [self.employee.id], 'hr_attendance.hr_attendance_action_my_attendances'
+                            ],
+                                context: ctx,
+                            })
+                            .then(function(result) {
+                                if (result.action) {
+                                    self.do_action(result.action);
+                                } else if (result.warning) {
+                                    self.displayNotification({
+                                        title: result.warning,
+                                        type: 'danger'
+                                    });
+                                }
+                            });
+                    },
+                    function(error) {
+                        // Handle any errors
+                        if (error) {
+                            var MyDialog = new Dialog(null, {
+                                title: error.__proto__.constructor.name,
+                                size: "medium",
+                                $content: $('<main/>', {
+                                    role: 'alert',
+                                    text: error['message'] + ". Also check your site connection is secured!",
+                                }),
+                                buttons: [{
+                                    text: "OK",
+                                    classes: "btn-primary",
+                                    click: function() {
+                                        MyDialog.close();
+                                    }
+                                }]
+                            });
+                            MyDialog.open();
+                        }
+                    });
+            } else {
+                this._rpc({
+                        model: 'hr.employee',
+                        method: 'attendance_manual',
+                        args: [
+                            [self.employee.id], 'hr_attendance.hr_attendance_action_my_attendances'
+                        ],
+                        context: session.user_context,
+                    })
+                    .then(function(result) {
+                        if (result.action) {
+                            self.do_action(result.action);
+                        } else if (result.warning) {
+                            self.displayNotification({
+                                title: result.warning,
+                                type: 'danger'
+                            });
+                        }
+                    });
+            }
+        },
+    });
+   KioskConfirm.include({
+        events: _.extend(KioskConfirm.prototype.events, {
+            "click .o_hr_attendance_sign_in_out_icon": _.debounce(
+                function() {
+                    var self = this;
+                    if (navigator.geolocation) {
+                        navigator.geolocation.getCurrentPosition(function(position) {
+                                const ctx = Object.assign(session.user_context, {
+                                    latitude: position.coords.latitude,
+                                    longitude: position.coords.longitude,
+                                });
+                                latitude = position.coords.latitude;
+                                longitude = position.coords.longitude;
+                                self._rpc({
+                                        model: 'hr.employee',
+                                        method: 'attendance_manual',
+                                        args: [
+                                            [self.employee_id], self.next_action
+                                        ],
+                                        context: ctx,
+                                    })
+                                    .then(function(result) {
+                                        if (result.action) {
+                                            self.do_action(result.action);
+                                        } else if (result.warning) {
+                                            self.displayNotification({
+                                                title: result.warning,
+                                                type: 'danger'
+                                            });
+                                        }
+                                    });
+                            },
+                            function(error) {
+                                // Handle any errors
+                                if (error) {
+                                    var MyDialog = new Dialog(null, {
+                                        title: error.__proto__.constructor.name,
+                                        size: "medium",
+                                        $content: $('<main/>', {
+                                            role: 'alert',
+                                            text: error['message'] + ". Also check your site connection is secured!",
+                                        }),
+                                        buttons: [{
+                                            text: "OK",
+                                            classes: "btn-primary",
+                                            click: function() {
+                                                MyDialog.close();
+                                            }
+                                        }]
+                                    });
+                                    MyDialog.open();
+                                }
+                            });
+                    }
+                },
+                200,
+                true
+            ),
+            "click .o_hr_attendance_pin_pad_button_ok": _.debounce(
+                function() {
+                    var self = this;
+                    this.pin_pad = true;
+                    if (navigator.geolocation) {
+                        navigator.geolocation.getCurrentPosition(function(position) {
+                                const ctx = Object.assign(session.user_context, {
+                                    latitude: position.coords.latitude,
+                                    longitude: position.coords.longitude,
+                                });
+                                latitude = position.coords.latitude;
+                                longitude = position.coords.longitude;
+                                self._rpc({
+                                        model: 'hr.employee',
+                                        method: 'attendance_manual',
+                                        args: [
+                                            [self.employee_id], self.next_action, self.$('.o_hr_attendance_PINbox')
+                                            .val()
+                                        ],
+                                        context: session.user_context,
+                                    })
+                                    .then(function(result) {
+                                        if (result.action) {
+                                            self.do_action(result.action);
+                                        } else if (result.warning) {
+                                            self.displayNotification({
+                                                title: result.warning,
+                                                type: 'danger'
+                                            });
+                                            self.$('.o_hr_attendance_PINbox')
+                                                .val('');
+                                            setTimeout(function() {
+                                                self.$('.o_hr_attendance_pin_pad_button_ok')
+                                                    .removeAttr("disabled");
+                                            }, 500);
+                                        }
+                                    });
+                            },
+                            function(error) {
+                                // Handle any errors
+                                if (error) {
+                                    var MyDialog = new Dialog(null, {
+                                        title: error.__proto__.constructor.name,
+                                        size: "medium",
+                                        $content: $('<main/>', {
+                                            role: 'alert',
+                                            text: error['message'] + ". Also check your site connection is secured!",
+                                        }),
+                                        buttons: [{
+                                            text: "OK",
+                                            classes: "btn-primary",
+                                            click: function() {
+                                                MyDialog.close();
+                                            }
+                                        }]
+                                    });
+                                    MyDialog.open();
+                                }
+                            });
+                    }
+                },
+                200,
+                true
+            ),
+        }),
+    });
+});

odoo_attendance_user_location/views/hr_attendance_views.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!-- HR attendance tree view-->
+        <record id="view_attendance_tree" model="ir.ui.view">
+            <field name="name">hr.attendance.inherit.odoo.attendance.user.location</field>
+            <field name="model">hr.attendance</field>
+            <field name="inherit_id" ref="hr_attendance.view_attendance_tree"/>
+            <field name="arch" type="xml">
+                <field name="check_out" position="after">
+                    <field name="checkin_location"/>
+                    <field name="checkout_location"/>
+                    <field name="checkin_latitude"/>
+                    <field name="checkout_latitude"/>
+                    <field name="checkin_longitude"/>
+                    <field name="checkout_longitude"/>
+                </field>
+            </field>
+        </record>
+        <!-- HR attendance form view-->
+        <record id="hr_attendance_view_form" model="ir.ui.view">
+            <field name="name">hr.attendance.inherit.odoo.attendance.user.location</field>
+            <field name="model">hr.attendance</field>
+            <field name="inherit_id" ref="hr_attendance.hr_attendance_view_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//form/sheet/group" position="after">
+                        <group name="checkin" string="Check In">
+                            <field name="checkin_address" class=""/>
+                            <field name="checkin_latitude" class="oe_inline"/>
+                            <field name="checkin_longitude" class="oe_inline"/>
+                            <field name="checkin_location" widget="url" class=""/>
+                        </group>
+                        <group name="checkout" string="Check Out">
+                            <field name="checkout_address" class=""/>
+                            <field name="checkout_latitude" class="oe_inline"/>
+                            <field name="checkout_longitude" class="oe_inline"/>
+                            <field name="checkout_location" widget="url" class=""/>
+                        </group>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>