Feb 07 : [ADD] Initial Commit 'export_delete_login_log'

export_delete_login_log/README.rst

@@ -0,0 +1,48 @@
+.. 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
+
+Export Delete Login Log
+====================
+This module helps in logging information related to export of records, deleting of records and login details.
+
+Configuration
+=============
+- www.odoo.com/documentation/16.0/setup/install.html
+- Install our custom addon
+- This module uses an external API "ipapi" to fetch details related to IP addresses, its free version fetches upto 1000 response per day. If more than 1000 response are required per day then an API Key need to be purchased.
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Credits
+-------
+Developer: (V16) Developer Amal Prasad, Contact: odoo@cybrosys.com
+
+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
+--------
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com"
+
+Further information
+-----------------
+HTML Description: `<static/description/index.html>`__

export_delete_login_log/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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

export_delete_login_log/__manifest__.py

@@ -0,0 +1,54 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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': "Export, Delete, Login Log",
+    'version': "16.0.1.0.0",
+    'category': 'Extra Tools',
+    'summary': """Logs information about Export, Delete, Login""",
+    'description': """
+    This module helps in logging information related to export of records, 
+    deleting of records and login details.
+    """,
+    'author': "Cybrosys Techno Solutions",
+    'company': "Cybrosys Techno Solutions",
+    'maintainer': "Cybrosys Techno Solutions",
+    'website': "https://cybrosys.com/",
+    'depends': ['base','base_setup'],
+    'data': [
+        'security/ir_module_category_data.xml',
+        'security/ir.model.access.csv',
+        'views/res_config_settings_views.xml',
+        'views/export_log_views.xml',
+        'views/delete_log_views.xml',
+        'views/login_user_log_views.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'export_delete_login_log/static/src/js/export_data.js'
+        ],
+    },
+    'images': ['static/description/banner.jpg'],
+    'license': "AGPL-3",
+    'installable': True,
+    'auto_install': True,
+    'application': False
+}

export_delete_login_log/doc/RELEASE_NOTES.md

@@ -0,0 +1,7 @@
+## Module <export_delete_login_log>
+
+#### 28.01.2024
+#### Version 16.0.1.0.0
+##### ADD
+
+Initial commit for Export Delete Login Log

export_delete_login_log/models/__init__.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 delete_log
+from . import export_log
+from . import login_user_log
+from . import res_config_settings

export_delete_login_log/models/delete_log.py

@@ -0,0 +1,63 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 DeleteLog(models.Model):
+    """Model to log information about deleted records"""
+    _name = 'delete.log'
+    _description = 'Delete Log'
+    _rec_name = 'rec_name'
+
+    rec_model = fields.Many2one('ir.model', string="Model", help="Model Name")
+    rec_id = fields.Char(string="Record ID", help="ID of the record")
+    rec_name = fields.Char(string="Record Name", help="Name of the record")
+    delete_date = fields.Datetime(string="Delete Date",
+                                  default=lambda self: fields.Datetime.now(),
+                                  help="Delete date of the record")
+    user_id = fields.Many2one("res.users", string="Deleted by",
+                              default=lambda self: self.env.user,
+                              help="User which this record is deleted by")
+
+
+class BaseModel(models.AbstractModel):
+    """Overrides the default unlink method to create record in DeleteLog
+    model"""
+    _inherit = 'base'
+
+    def unlink(self):
+        """Creates records inside delete.log model"""
+        for rec_ids in self._cr.split_for_in_conditions(self.ids):
+            records = self.browse(rec_ids)
+            tracked_models = self.env['ir.config_parameter'].sudo().get_param(
+                'export_delete_login_log.delete_log_models_ids')
+            if tracked_models:
+                if type(records)._name in [self.env['ir.model'].sudo().search(
+                        [('id', '=', rec)]
+                ).model for rec in eval(tracked_models)]:
+                    self.env['delete.log'].sudo().create({
+                        "rec_model": self.env['ir.model'].sudo().search(
+                            [('model', '=', records._name)]).id,
+                        "rec_id": records.id,
+                        "rec_name": records.name_get()[0][1],
+                    })
+        return super().unlink()

export_delete_login_log/models/export_log.py

@@ -0,0 +1,68 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 ExportLog(models.Model):
+    """Model to log information about exported records"""
+    _name = 'export.log'
+    _description = "Export Log"
+    _rec_name = 'rec_name'
+
+    rec_model = fields.Many2one('ir.model', string="Model",
+                                help="Name of the model")
+    rec_id = fields.Char(string="Record ID", help="ID of the record")
+    rec_name = fields.Char(string="Record Name", help="Name of the record")
+    export_date = fields.Datetime(string="Export Date",
+                                  default=lambda self: fields.Datetime.now(),
+                                  help="Export date of the record")
+    exported_fields_ids = fields.Many2many('ir.model.fields',
+                                           string="Exported Fields",
+                                           help="Fields that are exported")
+    export_user_id = fields.Many2one("res.users", string="Exported by",
+                                     default=lambda self: self.env.user,
+                                     help="User which the record is exported")
+
+    def action_create_export_log(self, vals):
+        """
+        To create export logs
+        """
+        for rec in vals['records']:
+            rec_model_id = self.env['ir.model'].sudo().search(
+                [('model', '=', rec['rec_model'])]
+            ).id
+            self.sudo().create({
+                "rec_model": rec_model_id,
+                "rec_id": rec['rec_id'],
+                "rec_name": self.env[rec['rec_model']].sudo().search(
+                    [('id', '=', rec['rec_id'])]
+                ).name_get()[0][1],
+                "exported_fields_ids": [
+                    fields.Command.link(
+                        self.env['ir.model.fields'].sudo().search([
+                            ('model_id', '=', rec_model_id),
+                            ('name', '=', i['field_name'])
+                        ]).id
+                    )
+                    for i in vals['exportList']
+                ],
+            })

export_delete_login_log/models/login_user_log.py

@@ -0,0 +1,111 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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/>.
+#
+###############################################################################
+import requests
+from itertools import chain
+from odoo import api, fields, models
+
+USER_PRIVATE_FIELDS = ['password']
+concat = chain.from_iterable
+
+
+class ResUsers(models.Model):
+    """Inherits ResUsers to create records inside LoginLog"""
+    _inherit = 'res.users'
+
+    @api.model
+    def _check_credentials(self, password, user_agent_env):
+        """Supering the function and _check_credentials to create record
+        inside LoginLog"""
+        result = super()._check_credentials(password, user_agent_env)
+        have_api_key = self.env['ir.config_parameter'].sudo().get_param(
+                'export_delete_login_log.have_api_key')
+        api_key = self.env['ir.config_parameter'].sudo().get_param(
+                'export_delete_login_log.ipapi_key')
+        ip_address = (requests.get(
+            f'https://api.ipify.org?format=json').json()).get('ip')
+        response = requests.get(
+            f"https://ipapi.co/{ip_address}/json/?key={api_key}").json()\
+            if have_api_key else requests.get(
+            f"https://ipapi.co/{ip_address}/json/").json()
+        if response.get("error"):
+            ip_data = {
+                "ip": ip_address,
+            }
+        else:
+            ip_data = {
+                "ip": ip_address,
+                "latitude": response.get("latitude"),
+                "longitude": response.get("longitude"),
+                "city": response.get("city"),
+                "region": response.get("region"),
+                "country": response.get("country_name"),
+                "postal": response.get("postal"),
+                "timezone": response.get("timezone"),
+                "error": response.get("error"),
+                "reason": response.get("reason"),
+            }
+        self.env['login.log'].sudo().create(
+            {'name': self.name,
+             'ip_address': ip_address,
+             'geo_loc': str(ip_data["latitude"]) + ", " + str(
+                 ip_data["longitude"]),
+             'address': str(ip_data["city"]) + ", " + str(
+                 ip_data["region"]) + ", " + str(ip_data["country"]),
+             'postal_code': ip_data["postal"],
+             'time_zone': ip_data["timezone"],
+             'remark': ("Free quota exceeded"
+                        if ip_data["reason"] == "RateLimited"
+                        else ip_data["reason"]) if ip_data["error"] else None
+             })
+        return result
+
+
+class LoginLog(models.Model):
+    """Model to log information about user login"""
+    _name = 'login.log'
+    _description = 'Login Log'
+
+    name = fields.Char(string="User Name", readonly=True)
+    date_time = fields.Datetime(string="Login Date And Time",
+                                default=lambda self: fields.datetime.now(),
+                                readonly=True)
+    ip_address = fields.Char(string="IP Address", readonly=True)
+    geo_loc = fields.Char(string="Latitude / Longitude", readonly=True,
+                          help="Data is fetched using users IP address so the "
+                               "it may not be 100% precise")
+    address = fields.Char(string="Address", readonly=True,
+                          help="Data is fetched using users IP address so the "
+                               "it may not be 100% precise")
+    postal_code = fields.Char(string="Postal Code", readonly=True,
+                              help="Data is fetched using users IP address so "
+                                   "the it may not be 100% precise")
+    time_zone = fields.Char(string="Time Zone", readonly=True,
+                            help="Data is fetched using users IP address so "
+                                 "the it may not be 100% precise")
+    remark = fields.Text(string="Remarks",
+                         help="Remark is added when there is an error in the "
+                              "IP Address or other values, Error Reason: "
+                              "\n1) RateLimited: Free daily quota exceeded"
+                              "\n2) Invalid IP Address: The IP address used "
+                              "by the User is Invalid"
+                              "\n3) Reserved IP Address: The IP address used "
+                              "by the User is Reserved")

export_delete_login_log/models/res_config_settings.py

@@ -0,0 +1,66 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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, api, _
+from ast import literal_eval
+from odoo.exceptions import UserError
+
+
+class ResConfigSettings(models.TransientModel):
+    """Inherits ResConfigSettings to add fields to support DeleteLog,
+    LoginLog"""
+    _inherit = 'res.config.settings'
+
+    delete_log_models_ids = fields.Many2many('ir.model',
+                                             string="Delete log models",
+                                             domain=[
+                                                 ('model', '!=', 'delete.log')
+                                             ])
+    have_api_key = fields.Boolean(string='Have API Key',
+                                  config_parameter='export_delete_login_log'
+                                                   '.have_api_key')
+    ipapi_key = fields.Char(string='API Key',
+                            config_parameter='export_delete_login_log'
+                                             '.ipapi_key')
+
+    def set_values(self):
+        """Set values to delete_log_models_ids Many2many field"""
+        res = super().set_values()
+        if self.env.user in self.env.ref(
+                'export_delete_login_log.group_export_log_manager').users:
+            self.env['ir.config_parameter'].sudo().set_param(
+                'export_delete_login_log.delete_log_models_ids',
+                self.delete_log_models_ids.ids)
+            return res
+        else:
+            raise UserError(
+                _("You don't have the permission to modify this record."))
+
+    @api.model
+    def get_values(self):
+        """Get values from delete_log_models_ids Many2many field"""
+        res = super().get_values()
+        with_user = self.env['ir.config_parameter'].sudo()
+        tracked_models = with_user.get_param(
+            'export_delete_login_log.delete_log_models_ids')
+        res.update(delete_log_models_ids=[(6, 0, literal_eval(tracked_models))
+                                          ] if tracked_models else False, )
+        return res

export_delete_login_log/security/ir.model.access.csv

@@ -0,0 +1,4 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_group_delete_log_manager,access.group.delete.log.manager,model_delete_log,group_delete_log_manager,1,0,0,0
+access_group_login_log_manager,access.group.login.log.manager,model_login_log,group_login_log_manager,1,0,0,0
+access_group_export_log_manager,access.group.export.log.manager,model_export_log,group_export_log_manager,1,0,0,0

export_delete_login_log/security/ir_module_category_data.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Record creates module category for ExportLog model-->
+    <record model="ir.module.category"
+            id="export_delete_login_log.module_category_export_log">
+        <field name="name">Export Log</field>
+        <field name="description">Helps you to give permissions to users for viewing Export Log based on given permission</field>
+        <field name="sequence">102</field>
+    </record>
+    <!--Record creates module category for DeleteLog model-->
+    <record model="ir.module.category"
+            id="export_delete_login_log.module_category_delete_log">
+        <field name="name">Delete Log</field>
+        <field name="description">Helps you to give permissions to users for viewing Delete Log based on given permission</field>
+        <field name="sequence">93</field>
+    </record>
+    <!--Record creates module category for LoginLog model-->
+    <record model="ir.module.category"
+            id="export_delete_login_log.module_category_login_log">
+        <field name="name">Login Log</field>
+        <field name="description">Helps you to give permissions to users for viewing Login Log based on given permission</field>
+        <field name="sequence">93</field>
+    </record>
+
+    <!--Record creates group user for ExportLog model-->
+    <record id="group_export_log_manager" model="res.groups">
+        <field name="name">Administrator</field>
+        <field name="category_id" ref="export_delete_login_log.module_category_export_log"/>
+        <field name="users" eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
+    </record>
+    <!--Record creates group user for DeleteLog model-->
+    <record id="group_delete_log_manager" model="res.groups">
+        <field name="name">Administrator</field>
+        <field name="category_id" ref="export_delete_login_log.module_category_delete_log"/>
+        <field name="users" eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
+    </record>
+    <!--Record creates group user for LoginLog model-->
+    <record id="group_login_log_manager" model="res.groups">
+        <field name="name">Administrator</field>
+        <field name="category_id" ref="export_delete_login_log.module_category_login_log"/>
+        <field name="users" eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
+    </record>
+</odoo>

export_delete_login_log/static/description/index.html

@@ -0,0 +1,679 @@
+<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div
+            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 -->
+
+    <!-- APP HERO -->
+    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+        Export, Delete, Login Log</h1>
+    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+        Logs information about Export, Delete, Login</p>
+    <!-- END OF APP HERO -->
+    <img src="assets/screenshots/hero.gif"
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+
+</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 -->
+
+<!-- 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">
+        It is the responsibility of a business owner to make sure that the information
+        in the database are safe and secure. This app will help you to in make this happen,
+        'Export, Delete, Login Log' app will create a log record when record is deleted
+        along with information like who, when and what record is deleted. It will do the same in the case
+        when a record is exported it will also include information about which all fields are exported.
+        And finally it also create a log record when a user logged in with information like IP Address,
+        Latitude / Longitude, Address, Postal Code, Time Zone, etc. This app will fetch information like IP Address,
+        Latitude / Longitude, Address, Postal Code, Time Zone, 'etc.' for free up to 1000 fetches/day. So in that case
+        the app allows you to purchase and add an API key.
+    </div>
+</div>
+<!-- END OF OVERVIEW 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;">View to log can be limited.</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;">Delete Log for added security.</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;">Added security to the database.</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Export log with exported fields information.</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;">Login Log with IP address, Geo-location, physical 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;">
+                Enable Permission to View Logs</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to Settings -> Users Select the user wish to give permissions
+            to view logs, and give Administrator permission to each of the logs.</p>
+            <img src="assets/screenshots/Screenshot1.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;">
+                Delete Log and Login Log Configuration</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                You can decide which all models have to be tracked, Add those models
+                under Delete Tracked Models. "ipapi" is an external API which helps
+                in fetching login details like Geolocation, Address, Postal
+                Code, etc. Its free version is available for 1000 request/day. If
+                you have a requirement of more than that you can purchase an api key
+                from <a href="https://ipapi.co/#pricing" target="_blank">https://ipapi.co/#pricing</a> and add the Key here.</p>
+            <img src="assets/screenshots/Screenshot2.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;">
+                Log Menu</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Here you can view and access menu according to the permission given.</p>
+            <img src="assets/screenshots/Screenshot3.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;">
+                Export Log</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                It contains information like Export Date, Record Name, Exported
+                Fields, Exported by, etc.</p>
+            <img src="assets/screenshots/Screenshot4.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;">
+                Delete Log</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                It contains information like Record ID, Record Name, Delete Date, etc.</p>
+            <img src="assets/screenshots/Screenshot5.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;">
+                Login Log</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                It contains information like IP Address, Geolocation, Address,
+                Postal Code, Time Zone, etc.</p>
+            <img src="assets/screenshots/Screenshot6.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Records in login log will be highlighted in red colour means
+                there is any issue with the IP address of the user.</p>
+            <img src="assets/screenshots/Screenshot7.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/custom_gantt_view/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/1.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/whatsapp_mail_messaging/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/2.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/customer_followup_community/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/3.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/sales_credit_limit/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/4.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/dynamic_accounts_report/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/5.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/hr_zk_attendance/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="./assets/modules/6.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"
+                     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"
+                     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 -->

export_delete_login_log/static/src/js/export_data.js

@@ -0,0 +1,33 @@
+/** @odoo-module **/
+import { ExportDataDialog } from "@web/views/view_dialogs/export_data_dialog";
+import { patch } from "@web/core/utils/patch";
+
+patch(ExportDataDialog.prototype, 'export_print', {
+    setup () {
+        this._super()
+    },
+    async onClickExportButton() {
+        this._super()
+        // To modify on click function
+        let list = {
+            records: this.props.root.records.filter(
+                element => {
+                    return element.selected === true
+                }
+            ).map(r => {
+                return { rec_id: r.resId,
+                    rec_model: r.resModel,
+                };
+            }),
+            exportList: this.state.exportList.map(
+                r => {
+                    return { field_name: r.id,
+                    }
+                }
+            ),
+        }
+        await this.orm.call(
+            "export.log", "action_create_export_log", [0, list]
+        )
+   }
+});

export_delete_login_log/views/delete_log_views.xml

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Record defines the tree view of th model DeleteLog-->
+    <record id="delete_log_view_tree" model="ir.ui.view">
+        <field name="name">delete.log.view.tree</field>
+        <field name="model">delete.log</field>
+        <field name="arch" type="xml">
+            <tree create="false" delete="false" edit="false">
+                <field name="rec_model" optional="show"/>
+                <field name="user_id" optional="show"/>
+                <field name="delete_date" optional="show"/>
+                <field name="rec_name" optional="hide"/>
+                <field name="rec_id" optional="hide"/>
+            </tree>
+        </field>
+    </record>
+    <!--Record defines the Form view of th model DeleteLog-->
+    <record id="delete_log_view_form" model="ir.ui.view">
+        <field name="name">delete.log.view.form</field>
+        <field name="model">delete.log</field>
+        <field name="arch" type="xml">
+            <form create="false" delete="false" edit="false">
+                <sheet>
+                    <group name="delete_log_details">
+                        <group>
+                            <field name="rec_name"/>
+                            <field name="rec_id"/>
+                            <field name="rec_model"/>
+                        </group>
+                        <group>
+                            <field name="delete_date"/>
+                            <field name="user_id"/>
+                        </group>
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <!-- This record is an action for DeleteLog model-->
+    <record id="delete_log_action" model="ir.actions.act_window">
+        <field name="name">Delete Log</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">delete.log</field>
+        <field name="view_mode">tree,form</field>
+        <field name="help" type="html">
+            <p class="o_view_nocontent_smiling_face">
+                Currently there is nothing in log.
+            </p>
+        </field>
+    </record>
+    <!-- Menu -->
+    <menuitem id="delete_log_menu_log" name="Delete Log"
+              parent="export_delete_login_log.menu_log"
+              sequence="3"
+              action="delete_log_action"/>
+
+</odoo>

export_delete_login_log/views/export_log_views.xml

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--Record defines the tree view of th model LoginLog-->
+    <record id="export_log_view_tree" model="ir.ui.view">
+        <field name="name">export.log.view.tree</field>
+        <field name="model">export.log</field>
+        <field name="arch" type="xml">
+            <tree create="false" delete="false" edit="false">
+                <field name="rec_name" optional="show"/>
+                <field name="rec_model" optional="show"/>
+                <field name="export_date" optional="show"/>
+                <field name="export_user_id" optional="show"/>
+                <field name="rec_id" optional="hide"/>
+                <field name="exported_fields_ids" optional="hide"/>
+            </tree>
+        </field>
+    </record>
+    <!--Record defines the form view of th model LoginLog-->
+    <record id="export_log_view_form" model="ir.ui.view">
+        <field name="name">export.log.view.form</field>
+        <field name="model">export.log</field>
+        <field name="arch" type="xml">
+            <form create="false" delete="false" edit="false">
+                <sheet>
+                    <group>
+                        <field name="rec_name"/>
+                        <field name="rec_model"/>
+                        <field name="rec_id"/>
+                        <field name="export_date"/>
+                        <field name="exported_fields_ids" widget="many2many_tags"/>
+                        <field name="export_user_id"/>
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <!-- This record is an action for DeleteLog model-->
+    <record id="export_log_action" model="ir.actions.act_window">
+        <field name="name">Export Log</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">export.log</field>
+        <field name="view_mode">tree,form</field>
+        <field name="help" type="html">
+            <p class="o_view_nocontent_smiling_face">
+                Currently there is nothing in log.
+            </p>
+        </field>
+    </record>
+    <!-- Menus -->
+    <menuitem id="menu_log" name="Log"
+              parent="base.menu_administration"
+              sequence="3"/>
+    <menuitem id="export_log_menu_log" name="Export Log"
+              parent="export_delete_login_log.menu_log"
+              sequence="1"
+              action="export_log_action"/>
+</odoo>

export_delete_login_log/views/login_user_log_views.xml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Record defines the tree view of th model LoginLog-->
+    <record model="ir.ui.view" id="login_log_view_form">
+        <field name="name">login.log.view.form</field>
+        <field name="model">login.log</field>
+        <field name="arch" type="xml">
+        <form create="false" delete="false" edit="false">
+            <sheet>
+                <group>
+                    <group>
+                        <field name="name"/>
+                        <field name="date_time"/>
+                        <field name="ip_address"/>
+                        <field name="geo_loc"/>
+                    </group>
+                    <group>
+                        <field name="address"/>
+                        <field name="postal_code"/>
+                        <field name="time_zone"/>
+                        <field name="remark"/>
+                    </group>
+                </group>
+            </sheet>
+        </form>
+        </field>
+    </record>
+    <!--Record defines the form view of th model LoginLog-->
+    <record model="ir.ui.view" id="login_log_view_tree">
+        <field name="name">login.log.view.tree</field>
+        <field name="model">login.log</field>
+        <field name="arch" type="xml">
+            <tree create="false" delete="false" edit="false" decoration-danger="remark">
+                <field name="name" optional="show"/>
+                <field name="date_time" optional="show"/>
+                <field name="address" optional="show"/>
+                <field name="remark" optional="show"/>
+                <field name="ip_address" optional="hide"/>
+                <field name="geo_loc" optional="hide"/>
+                <field name="postal_code" optional="hide"/>
+                <field name="time_zone" optional="hide"/>
+            </tree>
+        </field>
+    </record>
+    <!-- This record is an action for DeleteLog model-->
+    <record id="login_log_action" model="ir.actions.act_window">
+        <field name="name">Login Log</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">login.log</field>
+        <field name="view_mode">tree,form</field>
+        <field name="help" type="html">
+            <p class="o_view_nocontent_smiling_face">
+                Currently there is nothing in log.
+            </p>
+        </field>
+    </record>
+    <!-- Menu -->
+    <menuitem id="login_log_menu_log" name="Login Log"
+              parent="export_delete_login_log.menu_log"
+              sequence="3"
+              action="login_log_action"/>
+</odoo>

export_delete_login_log/views/res_config_settings_views.xml

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--Record inherits ResConfigSettings view and adds fields inside-->
+    <record id="res_config_settings_export_delete_login_log_view_form_inherit" model="ir.ui.view">
+        <field name="name">res.config.settings.export.delete.login.log.view.form.inherit</field>
+        <field name="model">res.config.settings</field>
+        <field name="inherit_id" ref="base_setup.res_config_settings_view_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//div[@id='contacts_settings']" position="before">
+                <div class="row mt16 o_settings_container" id="log_confg_div">
+                <h2>Log Configuration</h2>
+                    <div class="col-12 col-lg-6 o_setting_box"
+                         id="delete_log_confg_div">
+                        <div class="o_setting_right_pane">
+                            <span class="o_form_label">Deleting Tracked
+                                Models</span>
+                            <div class="text-muted">
+                                Models whose deleting should be tracked
+                            </div>
+                            <div class="content-group mt16">
+                                <field name="delete_log_models_ids" colspan="4"
+                                       nolabel="1" widget="many2many_tags"
+                                       options="{'no_create': True}"/>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-6 o_setting_box"
+                         id="div_ip_api_config">
+                        <div class="o_setting_left_pane">
+                            <field name="have_api_key"/>
+                        </div>
+                        <div class="o_setting_right_pane">
+                            <label string="Have an ipapi API Key"
+                                   for="have_api_key"/>
+                            <div class="text-muted">
+                                ipapi helps in fetching login users details.
+                                It will fetch IP details with a limit of
+                                1000 response/day. If your total number of
+                                login is more than the limit, You can purchase
+                                an API key form "https://ipapi.co/#pricing".
+                            </div>
+                            <div class="content-group mt16"
+                                attrs="{'invisible': [('have_api_key','=',False)]}"
+                                id="ip_api_key">
+                                <div class="content-group mt16 row">
+                                    <label string="API Key" for="ipapi_key"
+                                           class="col-4 col-lg-4 o_light_label"/>
+                                    <field name="ipapi_key" attrs="{'required': [('have_api_key','=',True)]}"
+                                           nolabel="1"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </field>
+    </record>
+</odoo>