Jul 29 : [ADD] Initial Commit 'all_in_one_announcements'

all_in_one_announcements/README.rst

@@ -0,0 +1,50 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/Agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+All In One Announcements
+=========================
+* The module gives a complete analysis of the work progress and also helps to send the work progress through email to the manager.
+
+Configuration
+=============
+* No additional configurations needed
+
+Installation
+============
+    - www.odoo.com/documentation/16.0/setup/install.html
+    - Install our custom addon
+
+Company
+-------
+*  `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+AFFERO General Public License, Version 3 (AGPL v3).
+(https://www.odoo.com/documentation/user/16.0/legal/licenses/licenses.html)
+
+Credits
+-------
+* Developer: (V16) Sumith @ Cybrosys
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

all_in_one_announcements/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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

all_in_one_announcements/__manifest__.py

@@ -0,0 +1,53 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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': 'All In One Announcements',
+    'version': '16.0.1.0.0',
+    'category': 'Extra Tools',
+    'summary': """The module helps to analyse the work progress.""",
+    'description': """The module gives a complete analysis of the work
+                    progress and also helps to send the work progress through 
+                    email to the manager.""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base', 'project', 'purchase', 'sale_management', 'crm', 'mail',
+                'contacts'],
+    'data': ['security/all_in_one_announcements_group.xml',
+             'views/res_config_settings_views.xml',
+             'data/ir_cron_data.xml',
+             'views/email_templates.xml',
+             ],
+    'assets': {
+        'web.assets_backend': [
+            'all_in_one_announcements/static/src/js/systray.js',
+            'all_in_one_announcements/static/src/css/specs.css',
+            'all_in_one_announcements/static/src/xml/announcement_templates.xml',
+        ],
+    },
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

all_in_one_announcements/data/ir_cron_data.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Schedule action to send email-->
+    <record id="auto_email" model="ir.cron">
+        <field name="name">Base: Auto-Email</field>
+        <field name="model_id" ref="base.model_res_config_settings"/>
+        <field name="state">code</field>
+        <field name="code">model.email_send()</field>
+        <field name='interval_number'>1</field>
+        <field name='interval_type'>days</field>
+        <field name="numbercall">-1</field>
+    </record>
+</odoo>

all_in_one_announcements/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <all_in_one_announcements>
+
+#### 29.07.2023
+#### Version 16.0.1.0.0
+#### ADD
+- Initial commit for All In One Announcements

all_in_one_announcements/models/__init__.py

@@ -0,0 +1,26 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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 crm_lead
+from . import project_task
+from . import purchase
+from . import res_config_settings
+from . import sale_order

all_in_one_announcements/models/crm_lead.py

@@ -0,0 +1,48 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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, models
+
+
+class Lead(models.Model):
+    """
+       Model representing a purchase order.
+       This class extends the 'crm.lead' model and adds additional functionality
+       specific to purchase orders.
+       """
+    _inherit = 'crm.lead'
+
+    @api.model
+    def get_pending_tasks(self, stage_id):
+        """
+            Retrieve project tasks based on a specific stage ID.
+            :param stage_id: The ID of the stage to filter tasks by.
+            :return: A dictionary representing an action to open project tasks.
+            """
+        return {
+            'name': "Crm",
+            'type': "ir.actions.act_window",
+            'res_model': 'crm.lead',
+            'domain': [('id', '=', stage_id)],
+            'view_mode': "tree,form",
+            'views': [[False, "tree"], [False, "form"]],
+            'target': 'main',
+        }

all_in_one_announcements/models/project_task.py

@@ -0,0 +1,117 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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, fields, models
+
+
+class ProjectTask(models.Model):
+    """
+    Model representing a project task.
+    This class extends the 'project.task' model and adds additional functionality
+    specific to project tasks.
+    """
+    _inherit = 'project.task'
+    is_announcement_send = fields.Boolean(string="Send Email",
+                                       help="Enable to send announcement "
+                                            "through email")
+
+    @api.model
+    def task_assigned(self):
+        """
+        Get assigned tasks and send announcements if not already sent. This
+        method retrieves assigned tasks that are in the 'In Progress' stage,
+        and sends announcements to the assigned users if the
+        'is_announcement_send' field is False. It also updates the
+        'is_announcement_send' field to True after sending the announcements.
+        :return: A list of dictionaries representing the assigned tasks and
+        related objects.
+        """
+        tasks = self.search([('stage_id.name', '=', 'In Progress')])
+        purchase_orders = self.env['purchase.order'].search(
+            [('state', '=', 'purchase')])
+        sale_orders = self.env['sale.order'].search(
+            [('state', '=', 'sale')])
+        crm_lead = self.env['crm.lead'].search([('stage_id.name', '=', 'Won')])
+        context = {}
+        result = []
+        mail = self.env['ir.config_parameter'].sudo()
+        for task in tasks:
+            name = task.project_id.name
+            if name in context:
+                context[name]['count'] += 1
+            else:
+                context[name] = {'id': task.project_id.id, 'name': name,
+                                 'count': 1, 'model': 'project.task'}
+            if not task.is_announcement_send:
+                if mail.get_param('all_in_one_announcements.email'):
+                    mail_content = "  Hello  " + task.name + "Your Pending " \
+                                                             "Task. Please " \
+                                                             "Check with the " \
+                                                             "Task"
+                    main_content = {
+                        'email_from': self.env.user.work_email,
+                        'email_to': 'sumith@gmail.com',
+                        'body_html': mail_content,
+                        'subject': 'Work Report'
+                    }
+                    self.env['mail.mail'].sudo().create(main_content).send()
+                task.is_announcement_send = True
+        task_results = [
+            {'id': item['id'], 'name': item['name'], 'model': 'project.task',
+             'count': '-' if item['count'] == 1 else item['count']} for item in
+            context.values()]
+        result.append(task_results)
+        purchase_order_results = [{'purchase_order_name': po.name, 'id': po.id,
+                                   'model': 'purchase.order', 'count': 1}
+                                  for po in purchase_orders]
+        result.append(purchase_order_results)
+        sale_order_results = [{'sale_order_name': so.name, 'id': so.id,
+                               'model': 'sale.order', 'count': 1}
+                              for so in sale_orders]
+        crm_results = [{'crm_name': rec.name, 'id': rec.id,
+                        'model': 'crm.lead', 'count': 1}
+                       for rec in crm_lead]
+        result.append(sale_order_results)
+        result.append(crm_results)
+        return result
+
+    @api.model
+    def get_pending_tasks(self, project_id):
+        """
+        Retrieve tasks for a specific project. This method fetches tasks
+        related to a particular project ID that are in the 'In Progress'
+        stage. It returns an action to open the tasks with the appropriate
+        view mode. :param project_id: The ID of the project to filter tasks
+        by. :return: A dictionary representing an action to open the project
+        tasks.
+        """
+        task_ids = self.search([('project_id.id', '=', int(project_id)),
+                                ('stage_id.name', '=', 'In Progress')])
+        return {
+            'name': task_ids[0].project_id.name,
+            'type': "ir.actions.act_window",
+            'res_model': 'project.task',
+            'domain': [('id', 'in', task_ids.ids)],
+            'view_mode': "kanban,list,form",
+            'context': {'no_breadcrumbs': True},
+            'views': [[False, "kanban"]],
+            'target': 'main',
+        }

all_in_one_announcements/models/purchase.py

@@ -0,0 +1,48 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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, models
+
+
+class PurchaseOrder(models.Model):
+    """
+       Model representing a purchase order.
+       This class extends the 'purchase.order' model and adds additional
+        functionality specific to purchase orders.
+       """
+    _inherit = 'purchase.order'
+
+    @api.model
+    def get_pending_tasks(self, order_id):
+        """
+        Retrieve purchase order based on a specific order ID.
+        :param order_id: The ID of the purchase order to retrieve.
+        :return: A dictionary representing an action to open the purchase order.
+        """
+        return {
+            'name': "Purchase Order",
+            'type': "ir.actions.act_window",
+            'res_model': 'purchase.order',
+            'domain': [('id', '=', order_id)],
+            'view_mode': "tree,form",
+            'views': [[False, "tree"], [False, "form"]],
+            'target': 'main',
+        }

all_in_one_announcements/models/res_config_settings.py

@@ -0,0 +1,100 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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):
+    """
+       Model representing the configuration settings for project tasks.
+       This class extends the 'res.config.settings' model and provides additional
+       functionality related to project task configuration settings.
+       """
+    _inherit = 'res.config.settings'
+    is_email = fields.Boolean(string="Send Email",
+                              config_parameter='all_in_one_announcements.'
+                                               'is_email',
+                              help="Enable to send the work report through "
+                                   "e-mail")
+
+    def email_send(self):
+        """
+        Send email notifications based on configured settings. This method
+        retrieves tasks, purchase orders, sale orders, and CRM leads based
+        on their respective stages. It generates URLs for each record and
+        sends an email notification to the configured recipients
+        """
+        base_url = self.env['ir.config_parameter'].get_param(
+            'web.base.url')
+        group_users = self.env['res.groups'].browse(self.env.ref(
+            'all_in_one_announcements.announcement_group_manager').id)
+        mail = self.env['ir.config_parameter'].sudo()
+        task_rec = self.env['project.task'].search(
+            [('stage_id.name', '=', 'In Progress')])
+        tasks = []
+        is_manager = self.env.user in group_users.users
+        for rec in task_rec:
+            tasks.append({
+                'name': rec.name,
+                'url': base_url + "/web#active_id=" + str(
+                    rec.id) + "&cids=1&id=" + str(
+                    rec.id) + "&model=project.task&menu_id="
+            })
+        purchase_rec = self.env['purchase.order'].search(
+            [('state', '=', 'purchase')])
+        purchase_order = []
+        for rec in purchase_rec:
+            purchase_order.append({
+                'name': rec.name,
+                'url': base_url + "/web#active_id=" + str(
+                    rec.id) + "&cids=1&id=" + str(
+                    rec.id) + "&model=purchase.order&menu_id="
+            })
+        sale_order = self.env['sale.order'].search(
+            [('state', '=', 'sale')])
+        sale_orders = []
+        for rec in sale_order:
+            sale_orders.append({
+                'name': rec.name,
+                'url': base_url + "/web#active_id=" + str(
+                    rec.id) + "&cids=1&id=" + str(
+                    rec.id) + "&model=sale.order&menu_id="
+            })
+        crm_lead = self.env['crm.lead'].search([('stage_id.name', '=', 'Won')])
+        crm_leads = []
+        for rec in crm_lead:
+            crm_leads.append({
+                'name': rec.name,
+                'url': base_url + "/web#active_id=" + str(
+                    rec.id) + "&cids=1&id=" + str(
+                    rec.id) + "&model=crm.lead&menu_id="
+            })
+        if mail.get_param('all_in_one_announcements.is_email'):
+            email_values = {
+                'email_to': ','.join(group_users.users.mapped('login')),
+            }
+            mail_template = self.env.ref(
+                'all_in_one_announcements.announcement_email_template').sudo()
+            mail_template.with_context(
+                {'is_manager': is_manager, 'tasks': tasks,
+                 'purchase_orders': purchase_order, 'sale_order': sale_orders,
+                 'crm_lead': crm_leads}).send_mail(self.id, force_send=True,
+                                                   email_values=email_values)

all_in_one_announcements/models/sale_order.py

@@ -0,0 +1,48 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-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 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, models
+
+
+class SaleOrder(models.Model):
+    """
+      Model representing a sales order.
+      This class extends the 'sale.order' model and adds additional functionality
+      specific to sales orders.
+      """
+    _inherit = 'sale.order'
+
+    @api.model
+    def get_pending_tasks(self, order_id):
+        """
+        Retrieve sale order based on a specific order ID. :param order_id:
+        The ID of the sale order to retrieve. :return: A dictionary
+        representing an action to open the sale order.
+        """
+        return {
+            'name': "Sale Order",
+            'type': "ir.actions.act_window",
+            'res_model': 'sale.order',
+            'domain': [('id', '=', order_id)],
+            'view_mode': "tree,form",
+            'views': [[False, "tree"], [False, "form"]],
+            'target': 'main',
+        }

all_in_one_announcements/security/all_in_one_announcements_group.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Group for Announcement Module-->
+    <record id="module_category_announcement" model="ir.module.category">
+        <field name="name">Announcement</field>
+        <field name="description">Announcement</field>
+        <field name="sequence">20</field>
+    </record>
+    <record id="announcement_group_manager" model="res.groups">
+        <field name="name">Manager</field>
+        <field name="category_id" ref="module_category_announcement"/>
+        <field name="comment">Access to the new menus and records of
+            announcement
+        </field>
+    </record>
+</odoo>

all_in_one_announcements/static/description/index.html

@@ -0,0 +1,592 @@
+<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div
+            style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                 class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+
+    <!-- APP HERO -->
+    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+       All In One Announcements</h1>
+    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+        Announcements to track pending task</p>
+    <!-- END OF APP HERO -->
+    <img src="assets/screenshots/hero.gif"
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+                        more about this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        features of this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        screenshots for this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+      The  module helps to track all the pending task of the employee.With this module, supervisors or managers can assign tasks to employees, set deadlines, and track the status of each task.
+    </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;">Listed View for Pending works</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;">Send the work report through email</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;">Manger Access for managing the work</span>
+        </div>
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="screenshots">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pictures.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Screenshots
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Enable the access for manager</h3>
+            <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;">
+                Announcement icon in the systray</h3>
+            <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;">
+                Listed view of the work tasks</h3>
+            <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;">
+                Module summary for the work</h3>
+            <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;">
+               Send work report  through Email</h3>
+            <img src="assets/screenshots/5.png" class="img-thumbnail">
+        </div>
+
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2" style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/categories.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related Products
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div id="demo1" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner" style="padding: 30px;">
+                <div class="carousel-item" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/custom_list_view/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/1.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/list_view_sticky_header/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/2.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/login_user_detail/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/3.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item active" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/auto_database_backup/" 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/16.0/one2many_mass_select_delete/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/digital_signature/" 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 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 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 -->

all_in_one_announcements/static/src/css/specs.css

@@ -0,0 +1,4 @@
+.systray-icon{
+       padding: 5px;
+    min-width: 250px;
+}

all_in_one_announcements/static/src/js/systray.js

@@ -0,0 +1,89 @@
+/** @odoo-module **/
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { session } from '@web/session';
+const { mount, useState, onMounted, useEffect } = owl;
+var rpc = require('web.rpc')
+
+class ScheduledActions extends owl.Component {
+    setup() {
+        this.action = useService("action");
+        this.state = useState({
+            task_details : [],
+            purchase_details : [],
+            sale_details : [],
+            crm_details : [],
+        })
+        onMounted(
+            () => this.__owl__.bdom.el.ownerDocument.addEventListener(
+            "click", this.body_click)
+            )
+        useEffect(() => {
+            this.check_grp()
+        });
+        super.setup()
+    }
+   // Perform an RPC query to retrieve task details, purchase details, sale details, and CRM details
+    _onClick() {
+        var self = this;
+        rpc.query({
+            model: 'project.task',
+            method: 'task_assigned',
+            args: [],
+
+        }).then(function (res) {
+           self.state.task_details = res[0]
+           self.state.purchase_details = res[1]
+           self.state.sale_details = res[2]
+           self.state.crm_details = res[3]
+
+        });
+        if (this.__owl__.bdom.el.querySelectorAll("#announcement_div")[0].style.display != "block"){
+            this.__owl__.bdom.el.querySelectorAll("#announcement_div")[0].style.display = "block"
+        }else if (this.__owl__.bdom.el.querySelectorAll("#announcement_div")[0].style.display == "block"){
+            this.__owl__.bdom.el.querySelectorAll("#announcement_div")[0].style.display = "none"
+        }
+    }
+    async check_grp(){
+        let self = this
+        await rpc.query({
+            model: 'res.users',
+            method: 'has_group',
+            args: ['all_in_one_announcements.announcement_group_manager'],
+        }).then(function(res){
+            if(!res){
+                self.__owl__.bdom.el.querySelectorAll("#dropdownMenuButton1")[0].hidden = true
+            }
+        })
+    }
+    // Check if the current user has a specific group and hide an element if not
+    body_click(ev){
+        if( !ev.target.classList.contains("list_headers")){
+            if ($(this.querySelector("#announcement_div"))[0].style.display == "block"){
+
+                $(this.querySelector("#announcement_div"))[0].style.display = "none"
+            }
+        }
+    }
+    // Method called when a task view is opened
+    openTaskView(ev){
+        var self = this;
+        var model_id = ev.target.getAttribute('data-model')
+        rpc.query({
+            model: model_id,
+            method:'get_pending_tasks',
+            args:[ev.target.getAttribute('data-id')]
+        }).then(function(result){
+             self.action.doAction(result)
+        })
+    }
+    }
+    // Set the template for the ScheduledActions component
+    ScheduledActions.template = "all_in_one_announcementsSystray";
+   export const systrayItem = {
+    Component: ScheduledActions
+};
+registry.category("systray")
+    .add("ScheduledActions", systrayItem, {
+        sequence: 1
+    });

all_in_one_announcements/static/src/xml/announcement_templates.xml

@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates>
+    <!-- Template to display the details inside the systray -->
+    <t t-name="all_in_one_announcementsSystray" owl="1"
+       groups="all_in_one_announcements.announcement_group_manager">
+        <div class="dropdown">
+            <button class="btn fa fa-list-ul fa-1.5x list_headers"
+                    type="button" id="dropdownMenuButton1"
+                    t-on-click="_onClick"/>
+            <div class="dropdown-menu systray-icon "
+                 aria-labelledby="dropdownMenuButton1" id="announcement_div">
+                <table class="table table-hover table-sm mb-0">
+                    <thead class="thead-light">
+                        <tr class="accordion-header drop_header"
+                            data-bs-toggle="collapse" href="#project_details"
+                            role="button" aria-expanded="false"
+                            aria-controls="project_details">
+                            <th class="list_headers">
+                                Projects
+                            </th>
+                        </tr>
+                    </thead>
+                    <!-- Template to display project details -->
+                    <tbody class="collapse" id="project_details">
+                        <tr t-foreach="this.state.task_details" t-as="task"
+                            t-key="task['id']">
+                            <t t-log="task"/>
+                            <td>
+                                <div class="task-drop mb-2"
+                                     t-att-data-id="task['id']"
+                                     t-att-data-model="task['model_id']"
+                                     t-on-click="openTaskView">
+                                    <div class="d-flex justify-content-between align-items-center"
+                                         t-att-data-id="task['id']"
+                                         t-att-data-model="task['model']">
+                                        <div class="d-flex align-items-center">
+                                            <img src="all_in_one_announcements/static/image/icon.png"
+                                                 alt="Project Icon"
+                                                 width="25px" height="25px"
+                                                 class="mr-2"/>
+                                            <span class="font-weight-bold"
+                                                  t-att-data-id="task['id']"
+                                                  t-att-data-model="task['model']">
+                                                <t t-esc="task['name']"/>
+                                            </span>
+                                        </div>
+                                        <span class="badge badge-pill badge-secondary"
+                                              t-att-data-id="task['id']"
+                                              t-att-data-model="task['model']">
+                                            <t t-esc="task['count']"/>
+                                        </span>
+                                    </div>
+                                    <small class="text-muted"
+                                           t-att-data-id="task['id']"
+                                           t-att-data-model="task['model']">
+                                        Click to view task details
+                                    </small>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+                <!-- Template to display purchase details -->
+                <table class="table table-hover table-sm mb-0">
+                    <thead class="thead-light">
+                        <tr class="accordion-header drop_header"
+                            data-bs-toggle="collapse" href="#purchase_details"
+                            role="button" aria-expanded="false"
+                            aria-controls="purchase_details">
+                            <th class="list_headers">
+                                Purchase
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody class="collapse" id="purchase_details">
+                        <tr t-foreach="this.state.purchase_details"
+                            t-as="purchase"
+                            t-key="purchase['id']"
+                            t-att-data-model="purchase['model']">
+                            <td>
+                                <div class="task-drop mb-2"
+                                     t-att-data-id="purchase['id']"
+                                     t-att-data-model="purchase['model']"
+                                     t-on-click="openTaskView">
+                                    <div class="d-flex justify-content-between align-items-center"
+                                         t-att-data-id="purchase['id']"
+                                         t-att-data-model="purchase['model']">
+                                        <div class="d-flex align-items-center">
+                                            <img src="all_in_one_announcements/static/image/img.png"
+                                                 alt="Project Icon"
+                                                 width="25px" height="25px"
+                                                 class="mr-2"/>
+                                            <span class="font-weight-bold"
+                                                  t-att-data-id="purchase['id']"
+                                                  t-att-data-model="purchase['model']">
+                                                <t t-esc="purchase['purchase_order_name']"/>
+                                            </span>
+                                        </div>
+                                        <span class="badge badge-pill badge-secondary"
+                                              t-att-data-id="purchase['id']"
+                                              t-att-model-id="purchase['model']">
+                                        </span>
+                                    </div>
+                                    <small class="text-muted"
+                                           t-att-data-id="purchase['id']"
+                                           t-att-model-id="purchase['model']">
+                                        Click to view task details
+                                    </small>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+                <!-- Template to display sales details -->
+                <table class="table table-hover table-sm mb-0">
+                    <thead class="thead-light">
+                        <tr class="accordion-header drop_header"
+                            data-bs-toggle="collapse" href="#sale_details"
+                            role="button" aria-expanded="false"
+                            aria-controls="sale_details">
+                            <th class="list_headers">
+                                Sales
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody class="collapse" id="sale_details">
+                        <tr t-foreach="this.state.sale_details"
+                            t-as="sale"
+                            t-key="sale['id']"
+                            t-att-data-model="sale['model']">
+                            <td>
+                                <div class="task-drop mb-2"
+                                     t-att-data-id="sale['id']"
+                                     t-att-data-model="sale['model']"
+                                     t-on-click="openTaskView">
+                                    <div class="d-flex justify-content-between align-items-center"
+                                         t-att-data-id="sale['id']"
+                                         t-att-data-model="sale['model']">
+                                        <div class="d-flex align-items-center">
+                                            <img src="all_in_one_announcements/static/image/sale_icon.png"
+                                                 alt="Project Icon"
+                                                 width="25px" height="25px"
+                                                 class="mr-2"/>
+                                            <span class="font-weight-bold"
+                                                  t-att-data-id=" sale['id']"
+                                                  t-att-data-model="sale['model']">
+                                                <t t-esc="sale['sale_order_name']"/>
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <small class="text-muted"
+                                           t-att-data-id="sale['id']"
+                                           t-att-model-id="sale['model']">
+                                        Click to view task details
+                                    </small>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+                <!-- Template to display crm details -->
+                <table class="table table-hover table-sm mb-0">
+                    <thead class="thead-light">
+                        <tr class="accordion-header drop_header"
+                            data-bs-toggle="collapse" href="#crm_details"
+                            role="button" aria-expanded="false"
+                            aria-controls="crm_details">
+                            <th class="list_headers">
+                                Crm
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody class="collapse" id="crm_details">
+                        <tr t-foreach="this.state.crm_details"
+                            t-as="crm"
+                            t-key="crm['id']"
+                            t-att-data-model="crm['model']">
+                            <td>
+                                <div class="task-drop mb-2"
+                                     t-att-data-id="crm['id']"
+                                     t-att-data-model="crm['model']"
+                                     t-on-click="openTaskView">
+                                    <div class="d-flex justify-content-between align-items-center"
+                                         t-att-data-id="crm['id']"
+                                         t-att-data-model="crm['model']">
+                                        <div class="d-flex align-items-center">
+                                            <img src="all_in_one_announcements/static/image/crm_icon.png"
+                                                 alt="Project Icon"
+                                                 width="25px" height="25px"
+                                                 class="mr-2"/>
+                                            <span class="font-weight-bold"
+                                                  t-att-data-id=" crm['id']"
+                                                  t-att-data-model="crm['model']">
+                                                <t t-esc="crm['crm_name']"/>
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <small class="text-muted"
+                                           t-att-data-id="crm['id']"
+                                           t-att-model-id="crm['model']">
+                                        Click to view task details
+                                    </small>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </t>
+</templates>

all_in_one_announcements/views/email_templates.xml

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!-- Email Template-->
+    <record id="announcement_email_template" model="mail.template">
+        <field name="name">Announcements:Email Template</field>
+        <field name="model_id"
+               ref="all_in_one_announcements.model_res_config_settings"/>
+        <field name="body_html" type="html">
+            <div style="margin: 0; padding: 0; font-size: 13px;">
+                <p>
+                    <br/>
+                    Dear,
+                    <br/>
+                    Your Work Report is mentioned below:
+                    <br/>
+                    <br/>
+                    <strong>Pending Tasks:</strong>
+                    <ul>
+                        <t t-foreach="object.env.context.get('tasks')"
+                           t-as="task">
+                            <li>
+                                <a t-att-href="task['url']">
+                                    <t t-esc="task['name']"/>
+                                </a>
+                            </li>
+                        </t>
+                    </ul>
+                    <br/>
+                    <strong>List of Purchase Orders:</strong>
+                    <ul>
+                        <t t-foreach="object.env.context.get('purchase_orders')"
+                           t-as="purchase">
+                            <li>
+                                <a t-att-href="purchase['url']">
+                                    <t t-esc="purchase['name']"/>
+                                </a>
+                            </li>
+                        </t>
+                    </ul>
+                    <br/>
+                    <strong>List of Sale Orders:</strong>
+                    <ul>
+                        <t t-foreach="object.env.context.get('sale_order')"
+                           t-as="sales">
+                            <li>
+                                <a t-att-href="sales['url']">
+                                    <t t-esc="sales['name']"/>
+                                </a>
+                            </li>
+                        </t>
+                    </ul>
+                    <br/>
+                    <strong>List of CRM Leads:</strong>
+                    <ul>
+                        <t t-foreach="object.env.context.get('crm_lead')"
+                           t-as="crm">
+                            <li>
+                                <a t-att-href="crm['url']">
+                                    <t t-esc="crm['name']"/>
+                                </a>
+                            </li>
+                        </t>
+                    </ul>
+                    <br/>
+                    Thank you for your hard work and dedication to our
+                    company.
+                    <br/>
+                    <br/>
+                    Best regards,
+                    <br/>
+                    Manager
+                </p>
+            </div>
+        </field>
+    </record>
+</odoo>

all_in_one_announcements/views/res_config_settings_views.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--    Inheriting res config settings form view    -->
+    <record id="res_config_settings_view_form" model="ir.ui.view">
+        <field name="name">res.config.settings.view.form.inherit.announcement
+        </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[@id='languages']"
+                   position="after">
+                <h2>Announcement</h2>
+                <div class="row mt16 o_settings_container">
+                    <div class="col-12 col-lg-6 o_setting_box"
+                         id="announcement_email">
+                        <div class="o_setting_left_pane">
+                            <field name="is_email" on_change="1"/>
+                        </div>
+                        <div class="o_setting_right_pane">
+                            <label string="Send Email" for="is_email"/>
+                            <div class="text-muted">
+                                Send through email.
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </xpath>
+        </field>
+    </record>
+</odoo>