[IMP] Dropbox feature updated 'auto_database_backup'

auto_database_backup/README.rst

@@ -1,5 +1,5 @@
-Automatic Database Backup
-=========================
+Automatic Database Backup To Local Server, Remote Server, Google Drive And Dropbox
+==================================================================================
 * Generate Database Backups and store to multiple locations
 
 Installation

auto_database_backup/__init__.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -19,3 +19,4 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 
 from . import models
+from . import wizard

auto_database_backup/__manifest__.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -21,9 +21,9 @@
 #############################################################################
 
 {
-    'name': "Automatic Database Backup",
-    'version': '15.0.1.0.0',
-    'summary': """Generate automatic backup of databases and store to local, google drive or remote server""",
+    'name': "Automatic Database Backup To Local Server, Remote Server, Google Drive And Dropbox",
+    'version': '15.0.2.0.1',
+    'summary': """Generate automatic backup of databases and store to local, google drive, dropbox or remote server""",
     'description': """This module has been developed for creating database backups automatically 
                     and store it to the different locations.""",
     'author': "Cybrosys Techno Solutions",
@@ -35,7 +35,8 @@
     'data': [
         'security/ir.model.access.csv',
         'data/data.xml',
-        'views/db_backup_configure_views.xml'
+        'views/db_backup_configure_views.xml',
+        'wizard/dropbox_authcode_wizard_views.xml'
     ],
     'license': 'LGPL-3',
     'images': ['static/description/banner.gif'],

auto_database_backup/data/data.xml

@@ -48,6 +48,9 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 <i>SFTP Server</i>
                             </t>
+                            <t t-elif="object.backup_destination == 'dropbox'">
+                                <i>Dropbox</i>
+                            </t>
                             .
                             <br/>
                             <br/>
@@ -67,7 +70,10 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 SFTP Server
                             </t>
-                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp')">
+                            <t t-elif="object.backup_destination == 'dropbox'">
+                                Dropbox
+                            </t>
+                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp', 'dropbox')">
                                 <br/>
                                 Backup Path:
                                 <t t-if="object.backup_destination == 'local'">
@@ -79,6 +85,9 @@
                                 <t t-elif="object.backup_destination == 'sftp'">
                                     <t t-out="object.sftp_path"/>
                                 </t>
+                                <t t-elif="object.backup_destination == 'dropbox'">
+                                    <t t-out="object.dropbox_folder"/>
+                                </t>
                             </t>
                             <br/>
                             Backup Type:
@@ -127,7 +136,10 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 SFTP Server
                             </t>
-                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp')">
+                             <t t-elif="object.backup_destination == 'dropbox'">
+                                Dropbox
+                            </t>
+                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp', 'dropbox')">
                                 <br/>
                                 Backup Path:
                                 <t t-if="object.backup_destination == 'local'">
@@ -139,6 +151,9 @@
                                 <t t-elif="object.backup_destination == 'sftp'">
                                     <t t-out="object.sftp_path"/>
                                 </t>
+                                <t t-elif="object.backup_destination == 'dropbox'">
+                                    <t t-out="object.dropbox_folder"/>
+                                </t>
                             </t>
                             <br/>
                             Backup Type: <t t-out="object.backup_format"/>

auto_database_backup/doc/RELEASE_NOTES.md

@@ -5,5 +5,8 @@
 #### ADD
 - Initial commit for auto_database_backup
 
-
+#### 14.06.2022
+#### Version 15.0.1.0.1
+#### ADD
+- Dropbox integration added. Backup can be stored in to dropbox.
 

auto_database_backup/models/__init__.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER

auto_database_backup/models/db_backup_configure.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -25,6 +25,8 @@ from odoo.exceptions import UserError, ValidationError
 import odoo
 from odoo.service import db
 
+import dropbox
+
 import datetime
 import os
 import paramiko
@@ -53,21 +55,26 @@ class AutoDatabaseBackup(models.Model):
         ('local', 'Local Storage'),
         ('google_drive', 'Google Drive'),
         ('ftp', 'FTP'),
-        ('sftp', 'SFTP')
+        ('sftp', 'SFTP'),
+        ('dropbox', 'Dropbox')
     ], string='Backup Destination')
     backup_path = fields.Char(string='Backup Path', help='Local storage directory path')
     sftp_host = fields.Char(string='SFTP Host')
     sftp_port = fields.Char(string='SFTP Port', default=22)
-    sftp_user = fields.Char(string='SFTP User')
-    sftp_password = fields.Char(string='SFTP Password')
+    sftp_user = fields.Char(string='SFTP User', copy=False)
+    sftp_password = fields.Char(string='SFTP Password', copy=False)
     sftp_path = fields.Char(string='SFTP Path')
     ftp_host = fields.Char(string='FTP Host')
     ftp_port = fields.Char(string='FTP Port', default=21)
-    ftp_user = fields.Char(string='FTP User')
-    ftp_password = fields.Char(string='FTP Password')
+    ftp_user = fields.Char(string='FTP User', copy=False)
+    ftp_password = fields.Char(string='FTP Password', copy=False)
     ftp_path = fields.Char(string='FTP Path')
+    dropbox_client_id = fields.Char(string='Dropbox Client ID', copy=False)
+    dropbox_client_secret = fields.Char(string='Dropbox Client Secret', copy=False)
+    dropbox_refresh_token = fields.Char(string='Dropbox Refresh Token', copy=False)
+    is_dropbox_token_generated = fields.Boolean(string='Dropbox Token Generated', compute='_compute_is_dropbox_token_generated', copy=False)
+    dropbox_folder = fields.Char('Dropbox Folder')
     active = fields.Boolean(default=True)
-    save_to_drive = fields.Boolean()
     auto_remove = fields.Boolean(string='Remove Old Backups')
     days_to_remove = fields.Integer(string='Remove After',
                                     help='Automatically delete stored backups after this specified number of days')
@@ -78,10 +85,48 @@ class AutoDatabaseBackup(models.Model):
     backup_filename = fields.Char(string='Backup Filename', help='For Storing generated backup filename')
     generated_exception = fields.Char(string='Exception', help='Exception Encountered while Backup generation')
 
-    @api.constrains('db_name', 'master_pwd')
+    @api.depends('dropbox_refresh_token')
+    def _compute_is_dropbox_token_generated(self):
+        """
+        Set True if the dropbox refresh token is generated
+        """
+        for rec in self:
+            rec.is_dropbox_token_generated = bool(rec.dropbox_refresh_token)
+
+    def action_get_dropbox_auth_code(self):
+        """
+        Open a wizard to setup dropbox Authorization code
+        """
+        return {
+            'type': 'ir.actions.act_window',
+            'name': 'Dropbox Authorization Wizard',
+            'res_model': 'dropbox.auth.wizard',
+            'view_mode': 'form',
+            'target': 'new',
+        }
+
+    def get_dropbox_auth_url(self):
+        """
+        Return dropbox authorization url
+        """
+        dbx_auth = dropbox.oauth.DropboxOAuth2FlowNoRedirect(self.dropbox_client_id, self.dropbox_client_secret,
+                                                             token_access_type='offline')
+        auth_url = dbx_auth.start()
+        return auth_url
+
+    def set_dropbox_refresh_token(self, auth_code):
+        """
+        Generate and set the dropbox refresh token from authorization code
+        """
+        dbx_auth = dropbox.oauth.DropboxOAuth2FlowNoRedirect(self.dropbox_client_id, self.dropbox_client_secret,
+                                                             token_access_type='offline')
+        outh_result = dbx_auth.finish(auth_code)
+        self.dropbox_refresh_token = outh_result.refresh_token
+
+    @api.constrains('db_name')
     def _check_db_credentials(self):
         """
-        Validate enetered database name and master password
+        Validate entered database name and master password
         """
         database_list = db.list_dbs()
         if self.db_name not in database_list:
@@ -133,7 +178,6 @@ class AutoDatabaseBackup(models.Model):
         """
         records = self.search([])
         mail_template_success = self.env.ref('auto_database_backup.mail_template_data_db_backup_successful')
-        print('mail template success', mail_template_success)
         mail_template_failed = self.env.ref('auto_database_backup.mail_template_data_db_backup_failed')
         for rec in records:
             backup_time = datetime.datetime.utcnow().strftime("%Y-%m-%d_%H-%M-%S")
@@ -157,7 +201,6 @@ class AutoDatabaseBackup(models.Model):
                             if backup_duration.days >= rec.days_to_remove:
                                 os.remove(file)
                     if rec.notify_user:
-                        print('success notify')
                         mail_template_success.send_mail(rec.id, force_send=True)
                 except Exception as e:
                     rec.generated_exception = e
@@ -265,3 +308,25 @@ class AutoDatabaseBackup(models.Model):
                     _logger.info('Google Drive Exception: %s', e)
                     if rec.notify_user:
                         mail_template_failed.send_mail(rec.id, force_send=True)
+            # Dropbox backup
+            elif rec.backup_destination == 'dropbox':
+                temp = tempfile.NamedTemporaryFile(suffix='.%s' % rec.backup_format)
+                with open(temp.name, "wb+") as tmp:
+                    odoo.service.db.dump_db(rec.db_name, tmp, rec.backup_format)
+                try:
+                    dbx = dropbox.Dropbox(app_key=rec.dropbox_client_id, app_secret=rec.dropbox_client_secret, oauth2_refresh_token=rec.dropbox_refresh_token)
+                    dropbox_destination = rec.dropbox_folder + '/' + backup_filename
+                    dbx.files_upload(temp.read(), dropbox_destination)
+                    if rec.auto_remove:
+                        files = dbx.files_list_folder(rec.dropbox_folder)
+                        file_entries = files.entries
+                        expired_files = list(filter(lambda fl: (datetime.datetime.now() - fl.client_modified).days >= rec.days_to_remove, file_entries))
+                        for file in expired_files:
+                            dbx.files_delete_v2(file.path_display)
+                    if rec.notify_user:
+                        mail_template_success.send_mail(rec.id, force_send=True)
+                except Exception as error:
+                    rec.generated_exception = error
+                    _logger.info('Dropbox Exception: %s', error)
+                    if rec.notify_user:
+                        mail_template_failed.send_mail(rec.id, force_send=True)

auto_database_backup/security/ir.model.access.csv

@@ -1,2 +1,3 @@
 id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
-access_db_backup_configure,access.db.backup.configure,model_db_backup_configure,base.group_user,1,1,1,1
+access_db_backup_configure,access.db.backup.configure,model_db_backup_configure,base.group_user,1,1,1,1
+access_dropbox_auth_wizard,access.dropbox.auth.wizard,model_dropbox_auth_wizard,base.group_user,1,1,1,1

auto_database_backup/static/description/index.html

@@ -1,35 +1,36 @@
 <div class="container" style="padding: 4rem 1.5rem !important">
     <div class="row" style="height: 900px !important;">
         <div class="col-sm-12 col-md-12 col-lg-12"
-            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
+             style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
             <h1
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
                 Automatic Database Backup</h1>
             <p
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-                Generate Automatic Back up of databases and store to local, google drive or remote server
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
+                Generate Automatic Back up of databases and store to Local Storage, Google Drive, Dropbox And Remote
+                Server
             </p>
-            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto"/>
         </div>
     </div>
 
     <div class="row">
         <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
             <h2
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
                 <i class="fa fa-compass mr-2"></i>Explore this module
             </h2>
         </div>
         <div class="col-md-6">
             <a href="#overview" style="text-decoration: none !important;">
                 <div class="row"
-                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                     style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
                     <div class="col-8">
                         <h3
-                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
                             Overview</h3>
                         <p
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
                             Learn more about this module</p>
                     </div>
                     <div class="col-4 text-right d-flex justify-content-end align-items-center">
@@ -42,13 +43,13 @@
         <div class="col-md-6">
             <a href="#features" style="text-decoration: none !important;">
                 <div class="row"
-                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                     style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
                     <div class="col-8">
                         <h3
-                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
                             Features</h3>
                         <p
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
                             View features of this module</p>
                     </div>
                     <div class="col-4 text-right d-flex justify-content-end align-items-center">
@@ -60,13 +61,13 @@
         <div class="col-md-6">
             <a href="#screenshots" style="text-decoration: none !important;">
                 <div class="row"
-                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                     style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
                     <div class="col-8">
                         <h3
-                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
                             Screenshots</h3>
                         <p
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
                             See key screenshots of this module</p>
                     </div>
                     <div class="col-4 text-right d-flex justify-content-end align-items-center">
@@ -82,14 +83,14 @@
     <div class="row" id="overview">
         <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
             <h2
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
                 <i class="fa fa-pie-chart mr-2"></i>Overview
             </h2>
         </div>
 
         <div class="col-mg-12 pl-3">
             <p
-                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
                 This module helps to generate backups of your databases automatically on regular interval of times.
                 The generated backups can be stored into local storage, ftp server, sftp server or Google Drive.
                 User can enable auto remove option to automatically delete old backups.
@@ -104,93 +105,125 @@
     <div class="row" id="features">
         <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
             <h2
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
                 <i class="fa fa-star mr-2"></i>Features
             </h2>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
-            </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Generate Database Backup</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generate database backups on regular intervals.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-backup.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Generate Database Backup</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generate database backups on regular intervals
+                    </p>
+                </div>
             </div>
+
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
-            </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Store Backup to FTP Server</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to remote FTP server.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-ftp.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to FTP Server</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to remote FTP server.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
-            </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Store Backup to SFTP Server</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to remote SFTP server.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-sftp.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to SFTP Server</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to remote SFTP server.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
-            </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Store Backup to Google drive</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to google drive.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-google-drive.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to Google Drive</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to Google Drive.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
-            </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Automatically remove old backups.</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Old backups files will be deleted automatically based on the obsolescence of backup.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-dropbox.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to Dropbox</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to Dropbox.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-remove-database.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Automatically remove old backups</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Old backups files will be deleted automatically based on the obsolescence of backup.
+                    </p>
+                </div>
             </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Notify user on success and failure of backup generation</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    An email notification send to user on successful backup generation also send an email notification when backup operation failed.</p>
+        </div>
+
+        <div class="col-md-6 pl-3 py-3 d-flex">
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-alarm.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Notify user on success and failure of backup generation</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        An email notification send to user on successful backup generation also send an email
+                        notification when
+                        backup operation failed.
+                    </p>
+                </div>
             </div>
+
         </div>
 
     </div>
@@ -352,10 +385,10 @@
     <!-- SUGGESTED PRODUCTS -->
     <div class="row">
         <div class="col-lg-12 d-flex flex-column justify-content-center"
-            style="text-align: center; padding: 2.5rem 1rem !important;">
+             style="text-align: center; padding: 2.5rem 1rem !important;">
             <h2 style="color: #212529 !important;">Suggested Products</h2>
             <hr
-                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
 
             <div id="demo1" class="row carousel slide" data-ride="carousel">
                 <!-- The slideshow -->
@@ -365,8 +398,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/sales_credit_limit/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/1.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/1.png">
                                 </div>
                             </a>
                         </div>
@@ -374,8 +407,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/product_to_quotation/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/2.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/2.png">
                                 </div>
                             </a>
                         </div>
@@ -383,8 +416,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/3.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/3.png">
                                 </div>
                             </a>
                         </div>
@@ -394,8 +427,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/4.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/4.png">
                                 </div>
                             </a>
                         </div>
@@ -403,18 +436,18 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/product_barcode/" target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/5.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         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/inventory_barcode_scanning/"
-                                target="_blank">
+                               target="_blank">
                                 <div style="border-radius:10px">
                                     <img class="img img-responsive center-block"
-                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                        src="./assets/modules/6.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/6.png">
                                 </div>
                             </a>
                         </div>
@@ -422,13 +455,14 @@
                 </div>
                 <!-- Left and right controls -->
                 <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                    style="left:-25px;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="right:-25px;width: 35px;color: #000;">
-                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                            style="font-size:24px"></i></span>
-                </a>
+                   style="left:-25px;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="right:-25px;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>
@@ -440,12 +474,12 @@
             <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
                 <h2 style="color: #212529 !important;">Our Services</h2>
                 <hr
-                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
             </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: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                     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;">
@@ -455,7 +489,7 @@
 
             <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;">
+                     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;">
@@ -465,7 +499,7 @@
 
             <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;">
+                     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;">
@@ -476,7 +510,7 @@
 
             <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;">
+                     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;">
@@ -487,7 +521,7 @@
 
             <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;">
+                     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;">
@@ -497,7 +531,7 @@
 
             <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;">
+                     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;">
@@ -508,7 +542,7 @@
 
             <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;">
+                     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;">
@@ -518,7 +552,7 @@
 
             <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;">
+                     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;">
@@ -528,7 +562,7 @@
 
             <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;">
+                     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;">
@@ -545,15 +579,14 @@
             <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
                 <h2 style="color: #212529 !important;">Our Industries</h2>
                 <hr
-                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
             </div>
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                    <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;">
@@ -565,10 +598,9 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                    <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;">
@@ -580,11 +612,10 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                         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;">
@@ -595,11 +626,10 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                         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;">
@@ -610,10 +640,9 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                    <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;">
@@ -625,10 +654,9 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                    <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;">
@@ -639,11 +667,10 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                         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;">
@@ -654,10 +681,9 @@
 
             <div class="col-lg-3">
                 <div class="my-4 d-flex flex-column justify-content-center"
-                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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;">
+                    <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;">
@@ -679,32 +705,27 @@
             <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
                 <h2 style="color: #212529 !important;">Need Help?</h2>
                 <hr
-                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
             </div>
         </div>
 
         <!-- Contact Cards -->
         <div class="row d-flex justify-content-center align-items-center"
-            style="max-width:1540px; margin: 0 auto 2rem auto;">
+             style="max-width:1540px; margin: 0 auto 2rem auto;">
 
             <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
 
                 <div class="row mt-4">
-                    <div class="col-lg-4">
+                    <div class="col-lg-6">
                         <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
-                            style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                           style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
                                 class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
                     </div>
-                    <div class="col-lg-4">
+                    <div class="col-lg-6">
                         <a href="https://api.WhatsApp.com/send?phone=918606827707" target="_blank"
-                            class="btn btn-block mb-2 deep_hover"
-                            style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
-                                class="fa fa-WhatsApp mr-2"></i>WhatsApp</a>
-                    </div>
-                    <div class="col-lg-4">
-                        <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
-                            style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
-                                class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+                           class="btn btn-block mb-2 deep_hover"
+                           style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-whatsapp mr-2"></i>+91 8606827707</a>
                     </div>
                 </div>
             </div>
@@ -717,12 +738,12 @@
         <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
             <!-- Logo -->
             <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
-                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto"/>
             </div>
             <!-- End of Logo -->
             <div class="col-lg-12">
                 <hr
-                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                        style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
                 <!-- End of Footer Section -->
             </div>
         </div>

auto_database_backup/views/db_backup_configure_views.xml

@@ -50,6 +50,39 @@
                             <field name="sftp_password" attrs="{'invisible': [('backup_destination', '!=', 'sftp')], 'required': [('backup_destination', '=', 'sftp')]}" password="True"/>
                             <field name="sftp_path" attrs="{'invisible': [('backup_destination', '!=', 'sftp')], 'required': [('backup_destination', '=', 'sftp')]}"/>
                             <field name="google_drive_folderid" attrs="{'invisible': [('backup_destination', '!=', 'google_drive')], 'required': [('backup_destination', '=', 'google_drive')]}"/>
+                            <field name="dropbox_client_id" string="App Key" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}" password="True"/>
+                            <field name="dropbox_client_secret" string="App Secret" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}" password="True"/>
+                            <div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', False)]}">
+                                    <i class="text-success fa fa-check"></i>
+                                    Refresh token set
+                                </div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', True)]}">
+                                    <i class="fa fa-exclamation-triangle text-warning"></i>
+                                    No refresh token set
+                                </div>
+                            </div>
+                            <div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', True)]}">
+                                    <button class="btn btn-link"
+                                            name="action_get_dropbox_auth_code"
+                                            type="object">
+                                        <i class="fa fa-arrow-right"></i>
+                                        Setup Token
+                                    </button>
+                                </div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', False)]}">
+                                    <button class="btn btn-link"
+                                            name="action_get_dropbox_auth_code"
+                                            type="object">
+                                        <i class="fa fa-arrow-right"></i>
+                                        Reset Token
+                                    </button>
+                                </div>
+                            </div>
+                            <field name="dropbox_refresh_token" invisible="1"/>
+                            <field name="is_dropbox_token_generated" invisible="1"/>
+                            <field name="dropbox_folder" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}"/>
                             <field name="auto_remove"/>
                             <label for="days_to_remove" class="oe_inline" attrs="{'invisible': [('auto_remove', '=', False)]}"/>
                             <div attrs="{'invisible': [('auto_remove', '=', False)]}">

auto_database_backup/wizard/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import dropbox_auth_code_wizard

auto_database_backup/wizard/dropbox_auth_code_wizard.py

@@ -0,0 +1,42 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, fields, api, _
+
+
+class DropboxAuthCode(models.TransientModel):
+    _name = 'dropbox.auth.wizard'
+    _description = 'Dropbox Authentication Code Wizard'
+
+    dropbox_authorization_code = fields.Char(string='Authorization Code')
+    dropbox_auth_url = fields.Char(string='Dropbox Authentication URL', compute='_compute_dropbox_auth_url')
+
+    @api.depends('dropbox_authorization_code')
+    def _compute_dropbox_auth_url(self):
+        backup_config = self.env['db.backup.configure'].browse(self.env.context.get('active_id'))
+        dropbox_auth_url = backup_config.get_dropbox_auth_url()
+        for rec in self:
+            rec.dropbox_auth_url = dropbox_auth_url
+
+    def action_setup_dropbox_token(self):
+        backup_config = self.env['db.backup.configure'].browse(self.env.context.get('active_id'))
+        backup_config.set_dropbox_refresh_token(self.dropbox_authorization_code)

auto_database_backup/wizard/dropbox_authcode_wizard_views.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<odoo>
+    <record id="view_dropbox_authcode_wizard_views_form" model="ir.ui.view">
+        <field name="name">dropbox.auth.wizard.form</field>
+        <field name="model">dropbox.auth.wizard</field>
+        <field name="arch" type="xml">
+            <form>
+                <group>
+                    <span>Get an authorization code and set it in the field below.</span>
+                    <field name="dropbox_auth_url"
+                           class="fa fa-arrow-right"
+                           widget="url"
+                           text="Get Authorization Code"
+                           nolabel="1"/>
+                </group>
+                <group>
+                    <field name="dropbox_authorization_code" required="1"/>
+                </group>
+                <footer>
+                    <button string="Confirm" type="object" name="action_setup_dropbox_token" class="btn-primary"/>
+                    <button string="Cancel" class="btn-secondary" special="cancel"/>
+                </footer>
+            </form>
+        </field>
+    </record>
+</odoo>