Dec 12 : [ADD] Initial Commit 'amazon_s3_connector'

amazon_s3_connector/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
+
+Amazon S3 Connector
+===================
+The Amazon S3 uploaded files are displayed in this module. as well as for Amazon S3
+
+Configuration
+=============
+The user should install 'boto3', AWS sdk for python by 'pip install boto3'.
+The access key and secret should be created from amazon s3, security credentials.
+Bucket name as any of amazon s3 bucket name from where data to accessed or uploaded.
+
+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 ,
+             (v16) 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>`__

amazon_s3_connector/__init__.py

@@ -0,0 +1,24 @@
+# -*- 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 models
+from . import wizard
+from .hooks import uninstall_hook

amazon_s3_connector/__manifest__.py

@@ -0,0 +1,56 @@
+# -*- 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': "Amazon S3 Connector",
+    'version': "15.0.1.0.0'",
+    'category': "Document Management",
+    'summary': """Connect with Amazon S3 Files from Odoo""",
+    'description': """ This module was developed to upload to Amazon S3 Cloud 
+     Storage as well as access files from Amazon S3 Cloud Storage 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/amazon_dashboard_views.xml',
+        'views/res_config_settings_views.xml',
+        'wizard/amazon_upload_file_views.xml'
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'amazon_s3_connector/static/src/js/amazon.js',
+            '/amazon_s3_connector/static/src/scss/amazon.scss'
+        ],
+        'web.assets_qweb': [
+            '/amazon_s3_connector/static/src/xml/amazon_dashboard_template.xml',
+        ],
+    },
+    'external_dependencies': {'python': ['boto3']},
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': True,
+    'uninstall_hook': 'uninstall_hook',
+}

amazon_s3_connector/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <amazon_s3_connector>
+
+#### 21.08.2023
+#### Version 15.0.1.0.0
+#### ADD
+- Initial commit for Amazon S3 Connector

amazon_s3_connector/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 api, SUPERUSER_ID
+
+
+def uninstall_hook(cr, registry):
+    """ Deletes System Parameters on uninstalling application """
+    env = api.Environment(cr, SUPERUSER_ID, {})
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'amazon_s3_connector.amazon_access_key')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'amazon_s3_connector.amazon_secret_key')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'amazon_s3_connector.amazon_bucket_name')]).unlink()
+    env['ir.config_parameter'].sudo().search(
+        [('key', '=', 'amazon_s3_connector.amazon_button')]).unlink()

amazon_s3_connector/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 amazon_dashboard
+from . import res_config_settings

amazon_s3_connector/models/amazon_dashboard.py

@@ -0,0 +1,70 @@
+# -*- 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 boto3
+import os
+from odoo import models
+
+
+class AmazonDashboard(models.Model):
+    """ Dashboard model to connect with Amazon S3 """
+    _name = 'amazon.dashboard'
+    _description = "Amazon Dashboard"
+
+    def amazon_view_files(self):
+        """ Fetch all files from s3 and returns it. """
+        access_key = self.env['ir.config_parameter'].get_param(
+            'amazon_s3_connector.amazon_access_key')
+        access_secret = self.env['ir.config_parameter'].get_param(
+            'amazon_s3_connector.amazon_secret_key')
+        bucket_name = self.env['ir.config_parameter'].get_param(
+            'amazon_s3_connector.amazon_bucket_name')
+        if not access_key or not access_secret or not bucket_name:
+            return False
+        try:
+            client = boto3.client('s3', aws_access_key_id=access_key,
+                                  aws_secret_access_key=access_secret)
+            region = client.get_bucket_location(Bucket=bucket_name)
+            client = boto3.client(
+                's3', region_name=region['LocationConstraint'],
+                aws_access_key_id=access_key,
+                aws_secret_access_key=access_secret
+            )
+            response = client.list_objects(Bucket=bucket_name)
+            file = []
+            for data in response['Contents']:
+                url = client.generate_presigned_url(
+                    ClientMethod='get_object',
+                    Params={'Bucket': bucket_name, 'Key': data['Key']})
+                if data['Size'] == 0:
+                    continue
+                size_bytes = data['Size'] / 1024
+                if size_bytes > 1024:
+                    size = str(round(data['Size'] / (1024 * 1024), 1)) + ' MB'
+                else:
+                    size = str(round(data['Size'] / 1024, 1)) + ' KB'
+                file_type = str.upper(
+                    os.path.splitext(data['Key'])[1].replace('.', ''))
+                file.append([data['Key'], url, file_type,
+                             str(data['LastModified']), size])
+            return file
+        except Exception as error:
+            return ['e', error]

amazon_s3_connector/models/res_config_settings.py

@@ -0,0 +1,48 @@
+# -*- 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 fields, models
+
+
+class ResConfigSettings(models.TransientModel):
+    """ Configure the access credentials """
+    _inherit = 'res.config.settings'
+
+    amazon_access_key = fields.Char(string='Amazon S3 Access Key', copy=False,
+                                    config_parameter='amazon_s3_connector.'
+                                                     'amazon_access_key',
+                                    help='Enter your Amazon S3 Access Key'
+                                         ' here.')
+    amazon_secret_key = fields.Char(string='Amazon S3 Secret key',
+                                    config_parameter='amazon_s3_connector.'
+                                                     'amazon_secret_key',
+                                    help='Enter your Amazon S3 Secret Key '
+                                         'here.')
+    amazon_bucket_name = fields.Char(string='Folder ID',
+                                     config_parameter='amazon_s3_connector.'
+                                                      'amazon_bucket_name',
+                                     help='Enter the name of your Amazon S3 '
+                                          'Bucket here.')
+    is_amazon_connector = fields.Boolean(string="Amazon S3 Connector",
+                                         config_parameter='amazon_s3_connector'
+                                                          '.amazon_button',
+                                         help='Enable or disable the Amazon S3'
+                                              ' connector.')

amazon_s3_connector/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_amazon_dashboard,access.amazon.dashboard,model_amazon_dashboard,base.group_user,1,1,1,1
+access_amazon_upload_file,access.amazon.upload.file,model_amazon_upload_file,base.group_user,1,1,1,1

amazon_s3_connector/static/description/index.html

@@ -0,0 +1,708 @@
+<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 -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Odoo Amazon S3 Connector</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    Odoo Amazon S3 Connector Allows to Upload and Download the
+                    Files in Amazon S3 Cloud Storage.
+                </p>
+                <!-- END OF APP HERO -->
+            </div>
+            <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>
+
+<!-- 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">
+        Amazon S3 or Amazon Simple Storage Service is a service offered by
+        Amazon Web Services (AWS) that provides object storage through a web
+        service interface. Integrating Amazon S3 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;">Ease of 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 the Files from Amazon S3</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 Amazon S3</span>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Dynamic Search Bar</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 on 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;">
+                Amazon S3 Access Key Creation.
+            </h3>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Login to Amazon Web Services. Goto --> Security Credentials,
+                <a href="https://aws.amazon.com/">Create Access Key</a>
+            </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;">
+                Access Key and Secret Access Key.
+            </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/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;">
+                Configuration
+            </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/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;">
+                Dashboard 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/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;">
+                Filter on File Types
+            </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/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;">
+                Upload Files
+            </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/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;">
+                Search Console
+            </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/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;">
+                Filter Names Ascending</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;">
+                Filter SL NO: Ascending</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>
+</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/shopify_odoo_connector/"
+                           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 -->

amazon_s3_connector/static/src/js/amazon.js

@@ -0,0 +1,144 @@
+odoo.define('amazon_s3_connector.dashboard', function(require) {
+    'use strict';
+    var AbstractAction = require('web.AbstractAction');
+    var core = require('web.core');
+    var rpc = require('web.rpc');
+    var AmazonDashboard = AbstractAction.extend({
+        template: 'AmazonDashboard',
+        events: {
+            'click #amazon_s3_upload': 'upload',
+            'click .sort-name': 'sort_name',
+            'click .sort-number': 'sort_number',
+            'change #filter': 'filter_files',
+            'keyup .amazon_header-search-input': 'search_filtered_files'
+        },
+        /* Load files to dashboard from s3 */
+        init() {
+            this._super(...arguments);
+            var self = this;
+            rpc.query({
+                model: 'amazon.dashboard',
+                method: 'amazon_view_files',
+                args: ['']
+            }).then(function(result) {
+                if (!result) {
+                    self.do_action({
+                        'type': 'ir.actions.client',
+                        'tag': 'display_notification',
+                        'params': {
+                            'message': 'Please Setup The Access Keys',
+                            'type': 'warning',
+                            'sticky': false,
+                        }
+                    })
+                } else if (result[0] == 'e') {
+                    self.do_action({
+                        'type': 'ir.actions.client',
+                        'tag': 'display_notification',
+                        'params': {
+                            'message': 'Failed to Load Files [ ' + result[1] + ' ]',
+                            'type': 'warning',
+                            'sticky': false,
+                        }
+                    })
+                } else {
+                    self.$('.amazon_s3_files').empty();
+                    var count = 1;
+                    $.each(result, function(index, name) {
+                        self.$el.find('.amazon_s3_files').append('<tr class="file_row table-secondary"><td scope="row" style="text-align:center;">' + count + '</td><td><a class="file_name" href="' + name[1] + '"</a>' + name[0] + '<i class="fa fa-download download_file"></i></td><td>' + name[2] + '</td><td>' + name[3] + '</td><td>' + name[4] + '</td></tr>');
+                        count++;
+                    });
+                }
+            });
+        },
+        /* Sort file names in ascending */
+        sort_name: function(ev) {
+            var table = this.$el.find("#files_table tbody");
+            var rows = table.find("tr").toArray();
+            rows.sort(function(a, b) {
+                var x = $(a).find("td:eq(1)").text().toLowerCase();
+                var y = $(b).find("td:eq(1)").text().toLowerCase();
+                return x.localeCompare(y);
+            });
+            table.append(rows);
+        },
+        /* Sort Serial Numbers in ascending */
+        sort_number: function(ev) {
+            var sorted = this.$('#files_table tbody tr').sort(function(a, b) {
+                var a = $(a).find('td:first').text(),
+                    b = $(b).find('td:first').text();
+                return a.localeCompare(b, false, {
+                    numeric: true
+                })
+            })
+            this.$el.find('#files_table tbody').html(sorted)
+        },
+        /* Upload files to amazon s3 */
+        upload: function(ev) {
+            /* calls wizard action */
+            this.do_action({
+                name: "Upload File",
+                type: 'ir.actions.act_window',
+                res_model: 'amazon.upload.file',
+                view_mode: 'form',
+                view_type: 'form',
+                views: [
+                    [false, 'form']
+                ],
+                target: 'new',
+            });
+        },
+        /* Search console function */
+        search_filtered_files: function(ev) {
+            var value = this.$('.amazon_header-search-input').val().toLowerCase();
+
+            if (ev.type === 'keypress' && ev.key !== 'Enter') {
+                // Check if the pressed key is Backspace
+                if (ev.key === 'Backspace') {
+                    // If Backspace was pressed and the input is empty, show all rows
+                    this.$el.find('.amazon_header-search-input').val('');
+                    this.$el.find('.file_row').show();
+                    this.$el.find("#filter").val("ALL FILES");
+                }
+                return;
+            }
+            // If the value is empty, show all rows
+            if (value === '') {
+                this.$el.find('.file_row').show();
+                this.$el.find("#filter").val("ALL FILES");
+            } else {
+                this.$el.find('.file_row:visible').each(function(index, row) {
+                    var $row = $(row);
+                    if ($row.text().toLowerCase().indexOf(value) > -1) {
+                        $row.show();
+                    } else {
+                        $row.hide();
+                    }
+                });
+            }
+        },
+        /* Filter on basis of file type */
+        filter_files: function(ev) {
+            var self = this;
+            var element = this.$el.find("#filter").get(0);
+            var visibleRowCount = 0; // To keep track of visible rows
+            this.$el.find('.file_row').each(function(index, row) {
+                var $row = $(row);
+                var serialNumberCell = $row.find('td:first-child'); // Assuming the serial number cell is the first cell
+                $row.hide();
+                var file_name = $row.find('a').text();
+                var file_type = file_name.slice((file_name.lastIndexOf(".") - 1 >>> 0) + 2);
+                if (element.value === 'ALL FILES' ||
+                    (element.value === 'image' && (file_type === 'jpeg' || file_type === 'jpg' || file_type === 'png')) ||
+                    (element.value === 'txt' && (file_type === 'txt' || file_type === 'docx')) ||
+                    element.value === file_type) {
+                    $row.show();
+                    visibleRowCount++;
+                    serialNumberCell.text(visibleRowCount); // Update serial number
+                }
+            });
+        },
+    });
+    core.action_registry.add("amazon_dashboard", AmazonDashboard);
+    return AmazonDashboard;
+});

amazon_s3_connector/static/src/scss/amazon.scss

@@ -0,0 +1,38 @@
+.amazon_upload{
+    background-color: #9e131e;
+    color: white;
+    border-radius: 5px;
+    width: 100px;
+    margin-left: 16px;
+    margin-top: -42px;
+    font-weight: bold;
+    font-size: 12px;
+    color: white;
+}
+.download_file{
+    margin-left:10px;
+}
+.amazon_header-search-input{
+    border-radius: 0.5rem;
+      height: 30px;
+      width: 400px;
+      outline: none;
+      border: none;
+      font-size: 15px;
+      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+      margin-left: 250px;
+}
+.amazon_content{
+    overflow-y: scroll;
+    height: 82vh;
+    width: 100vw;
+    }
+.files_select{
+      border-radius: 0.5rem;
+      height: 30px;
+      outline: none;
+      border: none;
+      font-size: 15px;
+      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+      margin-left: 10px;
+  }

amazon_s3_connector/static/src/xml/amazon_dashboard_template.xml

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!--    Dashboard template    -->
+<template id="amazon_s3">
+    <t t-name="AmazonDashboard">
+        <section class="amazon_dashboard_main_section"
+                 id="main_section_manager">
+            <img src="amazon_s3_connector/static/src/img/s3_icon.png"
+                 alt="Amazon" style="width:150px; margin: 5px;"/>
+            <img src="amazon_s3_connector/static/src/img/amazon_s3_text.png"
+                 alt="Amazon Text" style="width:220px; margin: -10px;"/>
+            <input class="btn amazon_upload" type="button" value="Upload"
+                   id="amazon_s3_upload"/>
+            <!--    Search console    -->
+            <input type="search" class="amazon_header-search-input"
+                   placeholder="Search Files"/>
+            <!--    Filter files on file type    -->
+            <label for="filter">
+                <select id="filter" class="form-select files_select">
+                    <option value="ALL FILES">ALL FILES</option>
+                    <option value="pdf">PDF</option>
+                    <option value="image">IMAGE</option>
+                    <option value="zip">ZIP</option>
+                    <option value="txt">TEXT</option>
+                    <option value="xlsx">EXCEL</option>
+                </select>
+            </label>
+            <div class="amazon_content">
+                <table class="table table-light table-hover" id="files_table">
+                    <thead class="table-dark">
+                        <tr>
+                            <th class="sort-number" style="text-align:center;"
+                                scope="col">SL NO:
+                            </th>
+                            <th class="sort-name" scope="col">Name</th>
+                            <th scope="col">Type</th>
+                            <th scope="col">Last Modified</th>
+                            <th scope="col">Size</th>
+                        </tr>
+                    </thead>
+                    <tbody class="amazon_s3_files">
+                        <!--     Files appends here    -->
+                    </tbody>
+                </table>
+            </div>
+        </section>
+    </t>
+</template>

amazon_s3_connector/views/amazon_dashboard_views.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!-- Menu Views for amazon s3 connector -->
+    <record id="amazon_dashboard_action" model="ir.actions.client">
+        <field name="name">Amazon S3</field>
+        <field name="tag">amazon_dashboard</field>
+        <field name="target">current</field>
+    </record>
+    <menuitem id="amazon_s3_connector_menu_root"
+              name="Amazon S3"
+              web_icon="amazon_s3_connector,static/description/icon.png"
+              action="amazon_dashboard_action"/>
+</odoo>

amazon_s3_connector/views/res_config_settings_views.xml

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--    Configure access keys    -->
+    <record id="res_config_settings_view_form" model="ir.ui.view">
+        <field name="name">
+            res.config.settings.view.form.inherit.amazon.s3.connector
+        </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="amazon">
+                    <div class="o_setting_left_pane">
+                        <field name="is_amazon_connector"/>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <label for="is_amazon_connector"/>
+                        <div class="text-muted">
+                            Synchronize with Amazon S3 Cloud Storage
+                        </div>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_amazon_connector', '=', False)]}">
+                            Access key:
+                            <field name="amazon_access_key"
+                                   attrs="{'invisible': [('is_amazon_connector', '=', False)],'required': [('is_amazon_connector', '=', True)]}"/>
+                        </span>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_amazon_connector', '=', False)]}">
+                            Secret access key:
+                            <field name="amazon_secret_key" password="True"
+                                   attrs="{'invisible': [('is_amazon_connector', '=', False)],'required': [('is_amazon_connector', '=', True)]}"/>
+                        </span>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <span attrs="{'invisible': [('is_amazon_connector', '=', False)]}">
+                            Bucket Name:
+                            <field name="amazon_bucket_name"
+                                   attrs="{'invisible': [('is_amazon_connector', '=', False)],'required': [('is_amazon_connector', '=', True)]}"/>
+                        </span>
+                    </div>
+                </div>
+            </xpath>
+        </field>
+    </record>
+</odoo>

amazon_s3_connector/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 amazon_upload_file

amazon_s3_connector/wizard/amazon_upload_file.py

@@ -0,0 +1,67 @@
+# -*- 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 boto3
+from odoo import fields, models
+from odoo.exceptions import ValidationError
+
+
+class AmazonUploadFile(models.TransientModel):
+    """ For opening wizard view to upload a file """
+    _name = "amazon.upload.file"
+    _description = "Amazon 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_amazon_upload(self):
+        """ Uploads file to Amazon S3 """
+        attachment = self.env["ir.attachment"].search(
+            ['|', ('res_field', '!=', False), ('res_field', '=', False),
+             ('res_id', '=', self.id),
+             ('res_model', '=', 'amazon.upload.file')])
+        try:
+            client = boto3.resource(
+                's3',
+                aws_access_key_id=self.env['ir.config_parameter'].get_param(
+                    'amazon_s3_connector.amazon_access_key'),
+                aws_secret_access_key=self.env[
+                    'ir.config_parameter'].get_param(
+                    'amazon_s3_connector.amazon_secret_key'))
+            client.Bucket(self.env['ir.config_parameter'].get_param(
+                'amazon_s3_connector.amazon_bucket_name')).put_object(
+                Key=self.file_name,
+                Body=open((attachment._full_path(attachment.store_fname)),
+                          'rb'))
+            return {
+                'type': 'ir.actions.client',
+                'tag': 'display_notification',
+                'params': {
+                    'type': 'success',
+                    'message': 'File has been uploaded successfully. '
+                               'Please refresh the page.',
+                    'next': {'type': 'ir.actions.act_window_close'},
+                }
+            }
+        except Exception as error:
+            raise ValidationError(
+                'Failed to Upload Files ( %s .)' % error)

amazon_s3_connector/wizard/amazon_upload_file_views.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Upload file wizard view   -->
+    <record id="amazon_upload_file_view_form" model="ir.ui.view">
+        <field name="name">amazon.upload.file.view.form</field>
+        <field name="model">amazon.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_amazon_upload"
+                            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>