Sep 14 : [ADD] Initial Commit 'onedrive_integration_odoo'

onedrive_integration_odoo/README.rst

@@ -0,0 +1,54 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+    :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Onedrive Integration
+=====================
+Onedrive Integration provides seamless integration with OneDrive, allowing users
+to conveniently access their uploaded files from within the Odoo platform. With
+this integration, users can easily view, upload and download files stored in
+their OneDrive accounts, all from within their Odoo environment.
+
+Configuration
+=============
+The user should create onedrive client id, client secret from microsoft azure
+with scope 'offline_access, openid, Files.ReadWrite.All' to get access token.
+Folder id is the id on onedrive folder url
+
+Installation
+============
+- www.odoo.com/documentation/15.0/setup/install.html
+- Install our custom addon
+
+License
+-------
+General Public License, Version 3 (AGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer: (V15) Aslam A K, 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
+==========
+.. 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>`__

onedrive_integration_odoo/__init__.py

@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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 controllers
+from . import models
+from . import wizard
+from .hooks import uninstall_hook

onedrive_integration_odoo/__manifest__.py

@@ -0,0 +1,55 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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': "Onedrive Integration",
+    'version': "15.0.1.0.0'",
+    'category': "Productivity",
+    'summary': """Upload and download files in Onedrive using odoo""",
+    'description': """This module was developed to upload files to Onedrive as 
+                    well as access files from Onedrive in Odoo.""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['base_setup'],
+    'data': [
+        'security/ir.model.access.csv',
+        'views/onedrive_dashboard_views.xml',
+        'views/res_config_settings_views.xml',
+        'wizard/upload_file_views.xml'
+    ],
+    'assets': {
+        'web.assets_backend': [
+            '/onedrive_integration_odoo/static/src/js/onedrive.js',
+            '/onedrive_integration_odoo/static/src/scss/onedrive.scss'
+        ],
+        'web.assets_qweb': [
+            '/onedrive_integration_odoo/static/src/xml/onedrive_dashboard_templates.xml',
+        ],
+    },
+    'images': ['static/description/banner.png'],
+    'uninstall_hook': 'uninstall_hook',
+    'license': 'AGPL-3',
+    'installable': True,
+    'application': True,
+    'auto_install': False,
+}

onedrive_integration_odoo/controllers/__init__.py

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

onedrive_integration_odoo/controllers/onedrive_integration_odoo.py

@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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/>.
+#
+###############################################################################
+import json
+from odoo import http
+from odoo.http import request
+
+
+class OnedriveAuth(http.Controller):
+    """ Controller to return URL """
+
+    @http.route('/onedrive/authentication', type='http', auth="public")
+    def oauth2callback(self, **kw):
+        """ Function to return URL for authentication """
+        state = json.loads(kw['state'])
+        onedrive_config_id = request.env['onedrive.dashboard'].sudo().browse(
+            state.get('onedrive_config_id'))
+        onedrive_config_id.get_tokens(kw.get('code'))
+        return request.redirect(state.get('url_return'))

onedrive_integration_odoo/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <onedrive_integration_odoo>
+
+#### 14.09.2023
+#### Version 15.0.1.0.0
+#### ADD
+- Initial commit for Onedrive Integration

onedrive_integration_odoo/hooks.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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 SUPERUSER_ID, api
+
+
+def uninstall_hook(cr, registry):
+    """ Delete System Parameters """
+    env = api.Environment(cr, SUPERUSER_ID, {})
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'onedrive_integration_odoo.client_id')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'onedrive_integration_odoo.client_secret')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'onedrive_integration_odoo.folder_id')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'onedrive_integration_odoo.onedrive_button')]).unlink()

onedrive_integration_odoo/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: Aslam A 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 onedrive_dashboard
+from . import res_config_settings

onedrive_integration_odoo/models/onedrive_dashboard.py

@@ -0,0 +1,143 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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/>.
+#
+###############################################################################
+import json
+import logging
+import requests
+from datetime import timedelta
+from odoo import fields, models, _
+from odoo.http import request
+
+_logger = logging.getLogger(__name__)
+
+
+class OneDriveDashboard(models.Model):
+    """Model for generating refresh and access tokens for OneDrive."""
+
+    _name = 'onedrive.dashboard'
+    _description = "OneDrive Dashboard"
+
+    onedrive_access_token = fields.Char(string="OneDrive Access Token",
+                                        store=True,
+                                        help="Access token for OneDrive API "
+                                             "authentication")
+    onedrive_refresh_token = fields.Char(string="OneDrive Refresh Token",
+                                         help="Refresh token for obtaining "
+                                              "new access tokens")
+    token_expiry_date = fields.Char(string="OneDrive Token Validity",
+                                    help="Validity or expiration status of the"
+                                         " OneDrive access token")
+    upload_file = fields.Binary(string="Upload File",
+                                help="Binary data of the file to be uploaded "
+                                     "to OneDrive")
+
+    def get_tokens(self, authorize_code):
+        """Generate OneDrive tokens from authorization code."""
+        data = {
+            'code': authorize_code,
+            'client_id': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_id', ''),
+            'client_secret': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_secret', ''),
+            'grant_type': 'authorization_code',
+            'scope': ['offline_access openid Files.ReadWrite.All'],
+            'redirect_uri': request.env['ir.config_parameter'].get_param(
+                'web.base.url') + '/onedrive/authentication'
+        }
+        try:
+            res = requests.post(
+                "https://login.microsoftonline.com/common/oauth2/v2.0/token",
+                data=data,
+                headers={"content-type": "application/x-www-form-urlencoded"}
+            )
+            res.raise_for_status()
+            response = res.content and res.json() or {}
+            if response:
+                expires_in = response.get('expires_in')
+                self.env['onedrive.dashboard'].create({
+                    'onedrive_access_token': response.get('access_token'),
+                    'onedrive_refresh_token': response.get('refresh_token'),
+                    'token_expiry_date': fields.Datetime.now() + timedelta(
+                        seconds=expires_in) if expires_in else False,
+                })
+        except requests.HTTPError as error:
+            _logger.exception(_("Bad Microsoft OneDrive request: %s !"),
+                              error.response.content)
+            raise error
+
+    def generate_onedrive_refresh_token(self):
+        """Generate OneDrive access token from refresh token if expired."""
+        data = {
+            'client_id': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_id', ''),
+            'client_secret': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_secret', ''),
+            'scope': ['offline_access openid Files.ReadWrite.All'],
+            'grant_type': "refresh_token",
+            'redirect_uri': request.env['ir.config_parameter'].get_param(
+                'web.base.url') + '/onedrive/authentication',
+            'refresh_token': self.onedrive_refresh_token
+        }
+        try:
+            res = requests.post(
+                "https://login.microsoftonline.com/common/oauth2/v2.0/token",
+                data=data,
+                headers={"Content-type": "application/x-www-form-urlencoded"}
+            )
+            res.raise_for_status()
+            response = res.content and res.json() or {}
+            if response:
+                expires_in = response.get('expires_in')
+                self.write({
+                    'onedrive_access_token': response.get('access_token'),
+                    'onedrive_refresh_token': response.get('refresh_token'),
+                    'token_expiry_date': fields.Datetime.now() + timedelta(
+                        seconds=expires_in) if expires_in else False,
+                })
+        except requests.HTTPError as error:
+            _logger.exception(_("Bad Microsoft OneDrive request: %s !"),
+                              error.response.content)
+            raise error
+
+    def action_synchronize_onedrive(self):
+        """Pass the files to JavaScript."""
+        record = self.search([], order='id desc', limit=1)
+        if not record:
+            return False
+        if record.token_expiry_date <= str(fields.Datetime.now()):
+            record.generate_onedrive_refresh_token()
+        folder = self.env['ir.config_parameter'].get_param(
+            'onedrive_integration_odoo.folder_id', '')
+        if not folder:
+            return False
+        url = "https://graph.microsoft.com/v1.0/me/drive/items/%s/children?Content-Type=application/json" % folder
+        response = requests.request("GET", url, headers={
+            'Authorization': 'Bearer "' + record.onedrive_access_token + '"'},
+                                    data={})
+        message = json.loads(response.content)
+        if 'error' in message:
+            return ['error', message['error']['code'],
+                    message['error']['message']]
+        files = {}
+        for file in response.json().get('value'):
+            if list(file.keys())[0] == '@microsoft.graph.downloadUrl':
+                files[file['name']] = file['@microsoft.graph.downloadUrl']
+        return files

onedrive_integration_odoo/models/res_config_settings.py

@@ -0,0 +1,107 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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/>.
+#
+###############################################################################
+import json
+import requests
+from werkzeug import urls
+from odoo import fields, models, _
+from odoo.exceptions import UserError
+from odoo.http import request
+
+
+class ResConfigSettings(models.TransientModel):
+    _inherit = 'res.config.settings'
+
+    onedrive_client = fields.Char(
+        string='Onedrive Client ID',
+        copy=False,
+        config_parameter='onedrive_integration_odoo.client_id',
+        help='The Onedrive client ID from the Developer credentials.')
+    onedrive_client_secret = fields.Char(
+        string='Onedrive Client Secret',
+        config_parameter='onedrive_integration_odoo.client_secret',
+        help='The Onedrive client secret from Developer credentials.')
+    onedrive_access_token = fields.Char(
+        string='Onedrive Access Token',
+        help='Access token generated from onedrive')
+    onedrive_refresh_token = fields.Char(
+        string='Onedrive Refresh Token',
+        help='Refresh token generated from onedrive')
+    token_expiry_date = fields.Datetime(
+        string='Onedrive Token Validity',
+        help='Access token expiry date')
+    onedrive_folder = fields.Char(
+        string='Folder ID',
+        config_parameter='onedrive_integration_odoo.folder_id',
+        help='Onedrive Folder Id from url')
+    is_onedrive_integration = fields.Boolean(
+        string='Onedrive Cloud Storage',
+        config_parameter='onedrive_integration_odoo.onedrive_button',
+        default=False,
+        help="Login to Microsoft to get access token")
+
+    def action_get_onedrive_auth_code(self):
+        """ Generate Onedrive authorization code """
+        data = {
+            'client_id': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_id', ''),
+            'client_secret': self.env['ir.config_parameter'].get_param(
+                'onedrive_integration_odoo.client_secret', ''),
+            'grant_type': 'client_credentials',
+            'scope': "https://graph.microsoft.com/.default",
+            'redirect_uri': request.env['ir.config_parameter'].get_param(
+                'web.base.url') + '/onedrive/authentication'
+        }
+        res = requests.post(
+            "https://login.microsoftonline.com/common/oauth2/v2.0/token",
+            data=data,
+            headers={"content-type": "application/x-www-form-urlencoded"}
+        )
+        response = res.content and res.json() or {}
+        if 'error' in response:
+            raise UserError(_("Error '%s': Please check the credentials.",
+                              response['error']))
+        else:
+            authority = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize'
+            action = self.env["ir.actions.client"].sudo()._for_xml_id(
+                "onedrive_integration_odoo.onedrive_dashboard_action")
+            base_url = request.env['ir.config_parameter'].get_param(
+                'web.base.url')
+            url_return = base_url + '/web#id=%d&action=%d&view_type=form&model=%s' % (
+                self.id, action['id'], 'onedrive.dashboard')
+            encoded_params = urls.url_encode({
+                'response_type': 'code',
+                'client_id': self.env['ir.config_parameter'].get_param(
+                    'onedrive_integration_odoo.client_id', ''),
+                'state': json.dumps({
+                    'onedrive_config_id': self.id,
+                    'url_return': url_return
+                }),
+                'scope': ['offline_access openid Files.ReadWrite.All'],
+                'redirect_uri': base_url + '/onedrive/authentication',
+                'prompt': 'consent',
+                'access_type': 'offline'
+            })
+            return {
+                'type': 'ir.actions.act_url',
+                'target': 'self',
+                'url': "%s?%s" % (authority, encoded_params),
+            }

onedrive_integration_odoo/security/ir.model.access.csv

@@ -0,0 +1,3 @@
+id,name,model_id/id,group_id/id,perm_read,perm_write,perm_create,perm_unlink
+access_onedrive_dashboard,access.onedrive.dashboard,model_onedrive_dashboard,base.group_user,1,1,1,1
+access_upload_file,access.upload.file,model_upload_file,base.group_user,1,1,1,1

onedrive_integration_odoo/static/description/index.html

@@ -0,0 +1,788 @@
+<div style="background-color: #714B67; min-height: 600px; 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 -->
+
+    <!-- APP HERO -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Onedrive Integration</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    Onedrive Integration Allows to Upload and Download the
+                    Files in
+                    Microsoft OneDrive.
+                </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>
+        </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 -->
+
+<!-- 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">
+        OneDrive is a cloud-based file storage and sharing service
+        from
+        Microsoft. Integrating OneDrive with Odoo can provide users
+        with a more
+        convenient way to store and access their files within the
+        Odoo
+        platform.
+    </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: 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;">Easy File Management</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;">Displays all  files on Onedrive</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;">Upload files to Onedrive</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;">Filter files on basis of file type</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;">
+                Onedrive Api Creation
+            </h3>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Create Onedrive api register application on
+                <a href="https://portal.azure.com/#home">Microsoft Azure Portal</a>. Give the Redirect URI as base url with
+                /onedrive/authentication. Eg: http://localhost:8015/onedrive/authentication </p>
+            <img src="assets/screenshots/1.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;">
+                Onedrive Client Id
+            </h3>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Registering on Microsoft Azure --> app registration
+                will get
+                client id and credentials </p>
+            <img src="assets/screenshots/2.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;">
+                Onedrive Client Secret
+            </h3>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Client secret is available on client credentials
+                option. it
+                will be shown only once so, need to save it
+                somewhere.</p>
+            <img src="assets/screenshots/3.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;">
+                Onedrive Scopes
+            </h3>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Need to add scopes offline_access, openid,
+                Files.ReadWrite.All
+                to get refresh token and read write access</p>
+            <img src="assets/screenshots/4.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;">
+                Onedrive Folder Id
+            </h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                The Onedrive folder id is presented on url of that
+                folder
+                itself.</p>
+            <img src="assets/screenshots/5.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;">
+                Token Setup
+            </h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Token setup is available in configuration settings.
+                Setup
+                Tokens button will redirect to an authorization
+                page.
+                Goto --> Settngs-->Integrations</p>
+            <img src="assets/screenshots/6.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;">
+            </h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Login to microsoft to get auth code</p>
+            <img src="assets/screenshots/7.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;">
+            </h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+            </p>
+            <img src="assets/screenshots/8.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;">
+                Onedrive Integration View</h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+            </p>
+            <img src="assets/screenshots/9.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;">
+                Filter View</h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Example For Excel Filter
+            </p>
+            <img src="assets/screenshots/10.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;">
+                Filter View</h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Example For ZIP Filter
+            </p>
+            <img src="assets/screenshots/11.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;">
+                Upload Files</h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Wizard to Upload Files
+            </p>
+            <img src="assets/screenshots/12.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/15.0/auto_database_backup/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/1.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/15.0/whatsapp_redirect/"
+                           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/15.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/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/15.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/4.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/15.0/developer_mode/"
+                           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/15.0/sendinblue_connector/"
+                           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 -->

onedrive_integration_odoo/static/src/img/microsoft-onedrive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="microsoft-onedrive"><path fill="#0948AC" d="M16.54 10.649c-1.27-1.605-2.806-2.155-4.612-1.665-1.804.476-2.845 1.724-3.12 3.744-2.106.179-3.176 1.218-3.21 3.105-.036 1.88.998 2.958 3.102 3.232h12.738c1.612-.182 2.463-.999 2.555-2.448.093-1.447-.649-2.368-2.225-2.755l-.006-.02c0-.697-.166-1.338-.479-1.901a3.312 3.312 0 0 0-1.396-1.323c-.463-.253-1.029-.387-1.697-.432-.664-.043-1.214.107-1.65.463z"></path><path fill="#0948AC" d="M3.24 18.028a3.18 3.18 0 0 0 1.68-.453l.062.09c-.21-.505-.301-1.056-.301-1.65 0-.534.091-1.039.256-1.53a3.72 3.72 0 0 1 .75-1.293 3.514 3.514 0 0 1 1.289-.996 5.42 5.42 0 0 1 1.021-.311c.105-.52.3-1.011.585-1.471.285-.459.63-.862 1.05-1.218a5.217 5.217 0 0 1 1.62-.95c.6-.224 1.23-.327 1.89-.327.721 0 1.396.118 2.011.386a4.941 4.941 0 0 1 1.664 1.158c.361-.133.765-.192 1.23-.192h.285c-.24-1.233-.826-2.229-1.756-3.002-.929-.772-2.023-1.174-3.314-1.204-.959.016-1.83.254-2.609.714a5.624 5.624 0 0 0-1.861 1.843c-.57-.342-1.215-.505-1.934-.505-1.142.03-2.088.416-2.842 1.144-.75.728-1.14 1.663-1.17 2.792 0 .197.012.384.042.561-.833.101-1.518.445-2.058 1.04-.539.593-.814 1.318-.83 2.172.031.906.346 1.665.953 2.26.607.6 1.367.914 2.287.942z"></path></svg>

onedrive_integration_odoo/static/src/img/onedrive_name.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="458" viewBox="9.834 24.936 729.053 133.682" id="onedrive"><path fill="#094ab1" d="M68.896 158.617c-17.87 0-32.183-5.889-42.935-17.666s-16.128-27.1-16.128-45.967c0-20.273 5.48-36.445 16.436-48.516s25.87-18.105 44.736-18.105c17.401 0 31.42 5.859 42.056 17.578 10.634 11.719 15.951 27.041 15.952 45.967 0 20.566-5.45 36.826-16.348 48.779-10.899 11.954-25.489 17.93-43.769 17.93zm1.055-116.894c-13.242 0-23.994 4.775-32.256 14.326s-12.393 22.09-12.393 37.617 4.028 28.022 12.085 37.485 18.56 14.194 31.51 14.194c13.827 0 24.725-4.512 32.694-13.535 7.968-9.023 11.952-21.65 11.953-37.881 0-16.641-3.868-29.502-11.602-38.584-7.735-9.081-18.399-13.622-31.99-13.622zM226.572 156.508h-14.414V105.18c0-19.102-6.973-28.652-20.918-28.652-7.207 0-13.169 2.71-17.886 8.13s-7.075 12.261-7.075 20.522v51.328h-14.414v-90h14.414v14.941h.352c6.797-11.367 16.641-17.051 29.531-17.051 9.844 0 17.373 3.179 22.588 9.536 5.214 6.357 7.821 15.542 7.822 27.554v55.02zM326.152 115.112h-63.545c.234 10.02 2.93 17.754 8.086 23.203s12.246 8.174 21.27 8.174c10.137 0 19.453-3.34 27.95-10.02v13.535c-7.91 5.742-18.37 8.613-31.378 8.613-12.715 0-22.705-4.087-29.97-12.261s-10.899-19.673-10.899-34.497c0-14.004 3.97-25.415 11.91-34.233s17.797-13.228 29.574-13.228 20.89 3.809 27.334 11.426 9.667 18.193 9.668 31.729v7.559zm-14.766-12.217c-.06-8.32-2.065-14.795-6.02-19.424s-9.449-6.943-16.48-6.943c-6.797 0-12.568 2.432-17.314 7.295s-7.676 11.221-8.789 19.072h48.603zM349.97 156.508V30.473h34.805c44.414 0 66.621 20.479 66.621 61.436 0 19.453-6.167 35.083-18.5 46.89-12.336 11.807-28.845 17.71-49.527 17.71H349.97zm14.766-112.676v99.316h18.81c16.522 0 29.384-4.424 38.583-13.271s13.8-21.387 13.8-37.617c0-32.285-17.169-48.428-51.505-48.428h-19.688zM521.181 81.098c-2.52-1.934-6.152-2.9-10.898-2.9-6.152 0-11.294 2.9-15.425 8.701s-6.196 13.711-6.196 23.73v45.879h-14.414v-90h14.414v18.545h.352c2.051-6.328 5.186-11.265 9.404-14.81s8.936-5.317 14.15-5.317c3.75 0 6.621.41 8.613 1.23v14.942zM544.208 43.657c-2.578 0-4.775-.879-6.592-2.637s-2.725-3.984-2.725-6.68.908-4.937 2.725-6.724 4.014-2.681 6.592-2.681c2.637 0 4.878.894 6.724 2.681s2.77 4.028 2.77 6.724c0 2.578-.924 4.775-2.77 6.592s-4.087 2.725-6.724 2.725zm7.032 112.851h-14.414v-90h14.414v90zM651.171 66.508l-35.859 90h-14.15l-34.102-90h15.82l22.852 65.391c1.7 4.805 2.754 8.994 3.164 12.568h.352c.586-4.512 1.523-8.584 2.812-12.217l23.906-65.742h15.205zM738.886 115.112h-63.545c.234 10.02 2.93 17.754 8.086 23.203s12.246 8.174 21.27 8.174c10.137 0 19.453-3.34 27.95-10.02v13.535c-7.91 5.742-18.37 8.613-31.378 8.613-12.715 0-22.705-4.087-29.97-12.261S660.4 126.683 660.4 111.859c0-14.004 3.97-25.415 11.91-34.233s17.797-13.228 29.574-13.228 20.89 3.809 27.334 11.426 9.668 18.193 9.668 31.729v7.559zm-14.766-12.217c-.059-8.32-2.065-14.795-6.02-19.424s-9.449-6.943-16.48-6.943c-6.797 0-12.568 2.432-17.314 7.295s-7.676 11.221-8.789 19.072h48.603z"></path></svg>

onedrive_integration_odoo/static/src/img/sync.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 96 960 960" width="40"><path d="M166.667 912.667v-79h95.667L258.001 829Q197 774.334 168 712.667q-29-61.667-29-134 0-121 77-214t196.333-120.333v107.332q-75 21-121.5 84.834-46.5 63.833-46.5 142.167 0 52.333 19.833 93.667 19.834 41.333 55.834 74l16.667 10.667v-94.334h79v250h-249Zm381.667-4.334V800.334q75.666-21 121.5-84.834 45.833-63.833 45.833-142.167 0-42.333-20.167-85.667Q675.334 444.333 642 409l-16-14.001v94.334h-79.666v-250H796v79h-97.001l5 6q58.667 56.333 87.834 121.5T821 573.333q0 121-76.667 214.333Q667.667 881 548.334 908.333Z"/></svg>

onedrive_integration_odoo/static/src/js/onedrive.js

@@ -0,0 +1,106 @@
+odoo.define('onedrive_integration_odoo.dashboard', function (require) {
+    'use strict';
+    var AbstractAction = require('web.AbstractAction');
+    var core = require('web.core');
+    var _t = core._t;
+    var rpc = require('web.rpc');
+    var OnedriveDashboard = AbstractAction.extend({
+        template: 'OnedriveDashboard',
+        events: {
+            'click #import': 'synchronize',
+            'click #upload': 'upload',
+            'click .file-type': 'filter_file_type'
+        },
+        init() {
+            this._super(...arguments);
+            var self = this;
+            self.synchronize();
+        },
+        // Calls upload function on click of upload
+        upload: function (ev) {
+            this.do_action({
+                name: "Upload File",
+                type: 'ir.actions.act_window',
+                res_model: 'upload.file',
+                view_mode: 'form',
+                view_type: 'form',
+                views: [[false, 'form']],
+                target: 'new',
+            });
+        },
+        // Appends files retrieved by function(action_synchronize_onedrive) to div onedrive_files on click of import
+        synchronize: function (ev) {
+            var self = this;
+            rpc.query({
+                model: 'onedrive.dashboard',
+                method: 'action_synchronize_onedrive',
+                args: ['']
+            }).then(function (result) {
+                if (!result) {
+                    // Display a notification if access tokens are not set up
+                    self.do_action({
+                        'type': 'ir.actions.client',
+                        'tag': 'display_notification',
+                        'params': {
+                            'message': _t('Please setup credentials'),
+                            'type': 'warning',
+                            'sticky': false,
+                        }
+                    });
+                } else if (result[0] === 'error') {
+                    console.log(result);
+                    if (result[1] === 'itemNotFound') {
+                        // Display a notification if the folder is not found
+                        self.do_action({
+                            'type': 'ir.actions.client',
+                            'tag': 'display_notification',
+                            'params': {
+                                'message': _t('Error: Folder not found.'),
+                                'type': 'warning',
+                                'sticky': false,
+                            }
+                        });
+                    } else {
+                        // Display a notification for other errors
+                        self.do_action({
+                            'type': 'ir.actions.client',
+                            'tag': 'display_notification',
+                            'params': {
+                                'message': _t('Error:' + result[2]),
+                                'type': 'warning',
+                                'sticky': false,
+                            }
+                        });
+                    }
+                } else {
+                    // Empty the onedrive_files div and append the files retrieved
+                    self.$('#onedrive_files').empty();
+                    var alt_src = "'/onedrive_integration_odoo/static/src/img/file_icon.png'";
+                    $.each(Object.keys(result), function (index, name) {
+                        self.$('#onedrive_files').append('<div class="col-sm-6 card" align="center"><a href="' + result[name] + '"><img class="card-img-top" src="' + result[name] + '" onerror="this.src=' + alt_src + ';"/></a>' + name + '</div>');
+                    });
+                }
+            });
+        },
+        filter_file_type: function (ev) {
+            var value = ev.currentTarget.getAttribute('value');
+            $.each(this.$('.card'), function (index, name) {
+                $(this).hide();
+                var file_type = (name.textContent).slice(((name.textContent).lastIndexOf(".") - 1 >>> 0) + 2);
+                if (file_type == value) {
+                    $(this).show();
+                }
+                if (value == 'allfiles') {
+                    $(this).show();
+                }
+                if (value == 'image') {
+                    if (file_type == 'jpeg' || file_type == 'jpg' || file_type == 'png') {
+                        $(this).show();
+                    }
+                }
+            });
+        },
+    });
+    core.action_registry.add("onedrive_dashboard", OnedriveDashboard);
+    return OnedriveDashboard;
+});

onedrive_integration_odoo/static/src/scss/onedrive.scss

@@ -0,0 +1,49 @@
+.left-sidebar {
+    background-color: #0529ac;
+    color: white;
+    border-radius: 5px;
+    width: 110px;
+}
+.files{
+    margin-top: 20px;
+    }
+.file-icon{
+    width: 65px;
+    margin-top: 42px;
+    margin-left: 1.1vw;
+}
+.card{
+    max-width: 15%;
+    height: 23rem;
+    border-radius: 1.25rem;
+    margin: 15px;
+}
+.image{
+    opacity: 80%;
+    width: 55px;
+    margin-left: 1.3vw;
+}
+.card-img-top{
+    width: 10vw;
+    height: 22vh;
+}
+.import{
+    background-color: #ffffff;
+    color: #0529ac;
+    border-radius: 5px;
+    width: 100px;
+    border-color: unset;
+    margin-left: 10px
+}
+.upload{
+    background-color: #0529ac;
+    color: white;
+    border-radius: 5px;
+    width: 100px;
+    margin-left: 10px;
+}
+.onedrive_content{
+overflow-y: scroll;
+height: 85vh;
+background-color:lightgray;
+}

onedrive_integration_odoo/static/src/xml/onedrive_dashboard_templates.xml

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!--    Dashboard template    -->
+<template id="onedrive">
+    <t t-name="OnedriveDashboard">
+        <section class="dashboard_main_section" id="main_section_manager">
+            <img src="/onedrive_integration_odoo/static/src/img/microsoft-onedrive.svg"
+                 style="width:100px; margin-left: 10px;"/>
+            <img src="/onedrive_integration_odoo/static/src/img/onedrive_name.svg"
+                 style="width:150px; margin-left: 15px;"/>
+            <input class="btn import" type="button" value="Import" id="import"/>
+            <input class="btn upload" type="button" value="Upload" id="upload"/>
+            <div class="row">
+                <!--    filters view     -->
+                <div class="left-sidebar">
+                    <div class="files">
+                        <div class="file-type" value="allfiles">
+                            <img class="file-icon"
+                                 src="onedrive_integration_odoo/static/src/img/file.png"/>
+                        </div>
+                        <div class="file-type"  value="image">
+                            <img class="file-icon image"
+                                 src="onedrive_integration_odoo/static/src/img/image.png"/>
+                        </div>
+                        <div class="file-type" value="pdf">
+                            <img class="file-icon"
+                                 src="onedrive_integration_odoo/static/src/img/pdf.png"/>
+                        </div>
+                        <div class="file-type" value="xlsx">
+                            <img class="file-icon"
+                                 src="onedrive_integration_odoo/static/src/img/excel.png"/>
+                        </div>
+                        <div class="file-type" value="zip">
+                            <img class="file-icon"
+                                 src="onedrive_integration_odoo/static/src/img/zip.png"/>
+                        </div>
+                        <div class="file-type" value="txt">
+                            <img class="file-icon"
+                                 src="onedrive_integration_odoo/static/src/img/txt.png"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col row onedrive_content"
+                     id="onedrive_files"/>
+            </div>
+        </section>
+    </t>
+</template>

onedrive_integration_odoo/views/onedrive_dashboard_views.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!-- Menu view for onedrive.dashboard -->
+    <record id="onedrive_dashboard_action" model="ir.actions.client">
+        <field name="name">OneDrive Dashboard</field>
+        <field name="tag">onedrive_dashboard</field>
+        <field name="target">current</field>
+    </record>
+    <menuitem id="onedrive_dashboard_menu_root"
+              name="OneDrive Dashboard"
+              web_icon="onedrive_integration_odoo,static/description/icon.png"
+              action="onedrive_dashboard_action"/>
+</odoo>

onedrive_integration_odoo/views/res_config_settings_views.xml

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!-- SetupToken view on settings -->
+    <record id="res_config_settings_view_form" model="ir.ui.view">
+        <field name="name">
+            res.config.settings.view.form.inherit.onedrive.integration.odoo
+        </field>
+        <field name="model">res.config.settings</field>
+        <field name="inherit_id" ref="base.res_config_settings_view_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//div[@name='integration']" position="inside">
+                <div class="col-12 col-lg-6 o_setting_box" id="onedrive">
+                    <div class="o_setting_left_pane">
+                        <!-- Microsoft One Drive button -->
+                        <field name="is_onedrive_integration"
+                               string="Microsoft One Drive"/>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <label for="is_onedrive_integration"/>
+                        <div class="text-muted">
+                            <!-- Synchronize with OneDrive -->
+                            Synchronize with OneDrive
+                        </div>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_onedrive_integration', '=', False)]}">
+                            <!-- Client ID -->
+                            Client ID:
+                            <field name="onedrive_client"
+                                   attrs="{'invisible': [('is_onedrive_integration', '=', False)]}"/>
+                        </span>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_onedrive_integration', '=', False)]}">
+                            <!-- Client Secret -->
+                            Client Secret:
+                            <field name="onedrive_client_secret"
+                                   password="True"
+                                   attrs="{'invisible': [('is_onedrive_integration', '=', False)]}"/>
+                        </span>
+                    </div>
+                    <button class="o_setting_right_pane btn btn-link"
+                            name="action_get_onedrive_auth_code" type="object"
+                            attrs="{'invisible': [('is_onedrive_integration', '=', False)]}">
+                        <!-- Setup Token button -->
+                        <i class="fa fa-arrow-right"/>Setup Token
+                    </button>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_onedrive_integration', '=', False)]}">
+                            <!-- Folder ID -->
+                            Folder ID:
+                            <field name="onedrive_folder"
+                                   attrs="{'invisible': [('is_onedrive_integration', '=', False)]}"/>
+                        </span>
+                    </div>
+                </div>
+            </xpath>
+        </field>
+    </record>
+</odoo>

onedrive_integration_odoo/wizard/__init__.py

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

onedrive_integration_odoo/wizard/upload_file.py

@@ -0,0 +1,90 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#   Cybrosys Technologies Pvt. Ltd.
+#
+#   Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#   Author: Aslam A 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/>.
+#
+###############################################################################
+import requests
+from odoo import exceptions, fields, models, _
+
+
+class UploadFile(models.TransientModel):
+    """ Model for opening the file upload wizard view."""
+
+    _name = "upload.file"
+    _description = "Upload File"
+
+    file = fields.Binary(string="Attachment", help="Select a file to upload")
+    file_name = fields.Char(string="File Name",
+                            help="Name of the file to upload")
+
+    def action_upload_file(self):
+        """Upload file to OneDrive."""
+        if not self.file:
+            raise exceptions.UserError(_('Please attach a file to upload.'))
+        # Searching for attachments related to the current upload.file record
+        attachment = self.env["ir.attachment"].search(
+            ['|', ('res_field', '!=', False), ('res_field', '=', False),
+             ('res_id', '=', self.id),
+             ('res_model', '=', 'upload.file')])
+        # Getting the access token and folder ID from the onedrive.dashboard
+        # and ir.config_parameter models
+        token = self.env['onedrive.dashboard'].search([], order='id desc',
+                                                      limit=1)
+        folder = self.env['ir.config_parameter'].get_param(
+            'onedrive_integration_odoo.folder_id', '')
+        if not token or not folder:
+            raise exceptions.UserError(
+                _('Please set up Access Token and Folder ID.'))
+        # Refreshing the token if it has expired
+        if token.token_expiry_date <= str(fields.Datetime.now()):
+            token.generate_onedrive_refresh_token()
+        try:
+            # Creating an upload session for the file
+            url = "http://graph.microsoft.com/v1.0/me/drive/items/%s:/%s:/" \
+                  "createUploadSession" % (folder, self.file_name)
+            upload_session = requests.post(url, headers={
+                'Content-Type': 'application/json',
+                'Authorization': 'Bearer "' + token.onedrive_access_token + '"'
+            })
+            upload_url = upload_session.json().get('uploadUrl')
+            # Uploading the file to the upload session URL
+            requests.put(upload_url, data=open(
+                (attachment._full_path(attachment.store_fname)), 'rb'))
+            # Returning a success notification
+            return {
+                'type': 'ir.actions.client',
+                'tag': 'display_notification',
+                'params': {
+                    'type': 'success',
+                    'message': _(
+                        'File has been uploaded successfully. Please refresh.'),
+                    'next': {'type': 'ir.actions.act_window_close'},
+                }
+            }
+        except Exception as error:
+            # Returning a warning notification if the upload fails
+            return {
+                'type': 'ir.actions.client',
+                'tag': 'display_notification',
+                'params': {
+                    'type': 'warning',
+                    'message': _('Failed to upload: %s' % error),
+                    'next': {'type': 'ir.actions.act_window_close'},
+                }
+            }

onedrive_integration_odoo/wizard/upload_file_views.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Upload file wizard view   -->
+    <record id="upload_file_view_form" model="ir.ui.view">
+        <field name="name">upload.file.view.form</field>
+        <field name="model">upload.file</field>
+        <field name="arch" type="xml">
+            <form string="upload file wizard">
+                <group class="oe_title">
+                    <field name="file" string="" filename="file_name"/>
+                    <field name="file_name" invisible="1"/>
+                </group>
+                <footer>
+                    <button string="Upload" name="action_upload_file"
+                            type="object"
+                            class="oe_highlight" data-hotkey="q"
+                            help="Confirm Upload"/>
+                    <button string="Cancel" class="btn btn-secondary"
+                            special="cancel" help="Cancel Upload"/>
+                </footer>
+            </form>
+        </field>
+    </record>
+</odoo>