RisvanaCybro
1 year ago
82 changed files with 0 additions and 5091 deletions
@ -1,45 +0,0 @@ |
|||||
.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg |
|
||||
:target: https://www.gnu.org/licenses/agpl-3.0-standalone.html |
|
||||
:alt: License: AGPL-3 |
|
||||
|
|
||||
CRM Dashboard |
|
||||
================== |
|
||||
* Visual report of CRM through Dashboard. |
|
||||
|
|
||||
Configuration |
|
||||
============= |
|
||||
* No additional configurations needed |
|
||||
|
|
||||
Company |
|
||||
------- |
|
||||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|
||||
|
|
||||
License |
|
||||
------- |
|
||||
Affero General Public License, Version 3 (AGPL v3). |
|
||||
(https://www.gnu.org/licenses/agpl-3.0-standalone.html) |
|
||||
|
|
||||
Credits |
|
||||
------- |
|
||||
* Developer: (V17) Mruthul Raj, Contact:odoo@cybrosys.com |
|
||||
|
|
||||
Contacts |
|
||||
-------- |
|
||||
* Mail Contact : odoo@cybrosys.com |
|
||||
* Website : https://cybrosys.com |
|
||||
|
|
||||
Bug Tracker |
|
||||
----------- |
|
||||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|
||||
|
|
||||
Maintainer |
|
||||
========== |
|
||||
.. image:: https://cybrosys.com/images/logo.png |
|
||||
:target: https://cybrosys.com |
|
||||
|
|
||||
This module is maintained by Cybrosys Technologies. |
|
||||
For support and more information, please visit `Our Website <https://cybrosys.com/>`__ |
|
||||
|
|
||||
Further information |
|
||||
=================== |
|
||||
HTML Description: `<static/description/index.html>`__ |
|
||||
@ -1,22 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from . import models |
|
||||
@ -1,60 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
{ |
|
||||
'name': "CRM Dashboard", |
|
||||
'version': '17.0.1.0.0', |
|
||||
'category': 'Extra Tools', |
|
||||
'summary': """Get a visual report of CRM through a Dashboard in CRM """, |
|
||||
'description': """CRM dashboard module brings a multipurpose graphical |
|
||||
dashboard for CRM module and making the relationship management |
|
||||
better and easier""", |
|
||||
'author': 'Cybrosys Techno Solutions', |
|
||||
'company': 'Cybrosys Techno Solutions', |
|
||||
'maintainer': 'Cybrosys Techno Solutions', |
|
||||
'website': "https://www.cybrosys.com", |
|
||||
'depends': ['crm', 'sale_management'], |
|
||||
'data': ['views/crm_team_views.xml', |
|
||||
'views/res_users_views.xml', |
|
||||
'views/utm_campaign_views.xml', |
|
||||
], |
|
||||
'assets': { |
|
||||
'web.assets_backend': [ |
|
||||
'crm_dashboard/static/src/css/dashboard.css', |
|
||||
'crm_dashboard/static/src/css/style.scss', |
|
||||
'crm_dashboard/static/src/css/material-gauge.css', |
|
||||
'crm_dashboard/static/src/js/crm_dashboard.js', |
|
||||
'crm_dashboard/static/src/js/lib/highcharts.js', |
|
||||
'crm_dashboard/static/src/js/lib/Chart.bundle.js', |
|
||||
'crm_dashboard/static/src/js/lib/funnel.js', |
|
||||
'crm_dashboard/static/src/js/lib/d3.min.js', |
|
||||
'crm_dashboard/static/src/js/lib/material-gauge.js', |
|
||||
'crm_dashboard/static/src/js/lib/columnHeatmap.min.js', |
|
||||
'crm_dashboard/static/src/js/lib/columnHeatmap.js', |
|
||||
'crm_dashboard/static/src/xml/dashboard_templates.xml', |
|
||||
], |
|
||||
}, |
|
||||
'images': ['static/description/banner.jpg'], |
|
||||
'license': 'AGPL-3', |
|
||||
'installable': True, |
|
||||
'application': False, |
|
||||
'auto_install': False, |
|
||||
} |
|
||||
@ -1,6 +0,0 @@ |
|||||
## Module <crm_dashboard> |
|
||||
|
|
||||
#### 28.12.2023 |
|
||||
#### Version 17.0.1.0.0 |
|
||||
#### ADD |
|
||||
- Initial commit for CRM Dashboard |
|
||||
@ -1,26 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from . import crm_lead |
|
||||
from . import crm_team |
|
||||
from . import res_user |
|
||||
from . import sale_order |
|
||||
from . import utm_campaign |
|
||||
File diff suppressed because it is too large
@ -1,35 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from odoo import fields, models |
|
||||
|
|
||||
|
|
||||
class CRMSalesTeam(models.Model): |
|
||||
"""CRMSalesTeam model extends the base crm.team model to add a field, |
|
||||
crm_lead_state_id, which represents the default CRM Lead stage for |
|
||||
leads associated with this sales team. |
|
||||
""" |
|
||||
_inherit = 'crm.team' |
|
||||
|
|
||||
crm_lead_state_id = fields.Many2one("crm.stage", string="CRM Lead", |
|
||||
store=True, |
|
||||
help="CRM Lead stage for leads " |
|
||||
"associated with this sales team.") |
|
||||
@ -1,31 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from odoo import fields, models |
|
||||
|
|
||||
|
|
||||
class ResUser(models.Model): |
|
||||
"""ResUser model extends the base res. Users model to add a field 'sales' |
|
||||
that represents the target for the salesperson.""" |
|
||||
_inherit = 'res.users' |
|
||||
|
|
||||
sales = fields.Float(string="Target", help="The target value for the " |
|
||||
"salesperson.") |
|
||||
@ -1,36 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from odoo import models |
|
||||
|
|
||||
|
|
||||
class SalesOrder(models.Model): |
|
||||
"""Extends sale order for overriding action confirm function""" |
|
||||
_inherit = 'sale.order' |
|
||||
|
|
||||
def action_confirm(self): |
|
||||
"""Override the action_confirm method to change CRM Stage. |
|
||||
Returns: |
|
||||
dict: A dictionary containing the result of the original |
|
||||
action_confirm method.""" |
|
||||
res = super(SalesOrder, self).action_confirm() |
|
||||
self.opportunity_id.stage_id = self.team_id.crm_lead_state_id |
|
||||
return res |
|
||||
@ -1,64 +0,0 @@ |
|||||
# -*- coding: utf-8 -*- |
|
||||
################################################################################ |
|
||||
# |
|
||||
# Cybrosys Technologies Pvt. Ltd. |
|
||||
# |
|
||||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|
||||
# Author: Mruthul Raj (odoo@cybrosys.com) |
|
||||
# |
|
||||
# You can modify it under the terms of the GNU AFFERO |
|
||||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|
||||
# |
|
||||
# This program is distributed in the hope that it will be useful, |
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|
||||
# |
|
||||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|
||||
# (AGPL v3) along with this program. |
|
||||
# If not, see <http://www.gnu.org/licenses/>. |
|
||||
# |
|
||||
################################################################################ |
|
||||
from odoo import fields, models |
|
||||
|
|
||||
|
|
||||
class CampaignSmartButton(models.Model): |
|
||||
"""Extends the UTM Campaign model with a Smart Button to calculate and |
|
||||
display the Win Loss Ratio.""" |
|
||||
_inherit = 'utm.campaign' |
|
||||
|
|
||||
total_ratio = fields.Float(compute='_compute_ratio', |
|
||||
help="Total lead ratio") |
|
||||
|
|
||||
def get_ratio(self): |
|
||||
"""Open the Win Loss Ratio window upon clicking the Smart Button. |
|
||||
Returns: |
|
||||
dict: A dictionary specifying the action to be taken upon button |
|
||||
click.""" |
|
||||
self.ensure_one() |
|
||||
return { |
|
||||
'type': 'ir.actions.act_window', |
|
||||
'name': 'Win Loss Ratio', |
|
||||
'view_mode': 'kanban', |
|
||||
'res_model': 'crm.lead', |
|
||||
'domain': [['user_id', '=', self.env.uid], "|", |
|
||||
"&", ["active", "=", True], ["probability", '=', 100], |
|
||||
"&", ["active", "=", False], ["probability", '=', 0] |
|
||||
], |
|
||||
'context': "{'create': False,'records_draggable': False}" |
|
||||
} |
|
||||
|
|
||||
def _compute_ratio(self): |
|
||||
"""Compute the Win Loss Ratio based on CRM lead statistics.""" |
|
||||
total_won = self.env['crm.lead'].search_count( |
|
||||
[('active', '=', True), ('probability', '=', 100), |
|
||||
('user_id', '=', self.env.uid)]) |
|
||||
total_lose = self.env['crm.lead'].search_count( |
|
||||
[('active', '=', False), ('probability', '=', 0), |
|
||||
('user_id', '=', self.env.uid)]) |
|
||||
|
|
||||
if total_lose == 0: |
|
||||
ratio = 0 |
|
||||
else: |
|
||||
ratio = round(total_won / total_lose, 2) |
|
||||
self.total_ratio = ratio |
|
||||
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 310 B |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 576 B |
|
Before Width: | Height: | Size: 733 B |
|
Before Width: | Height: | Size: 911 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 673 B |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 878 B |
|
Before Width: | Height: | Size: 653 B |
|
Before Width: | Height: | Size: 905 B |
|
Before Width: | Height: | Size: 839 B |
|
Before Width: | Height: | Size: 427 B |
|
Before Width: | Height: | Size: 627 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 988 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 589 B |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 565 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 967 B |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 228 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 237 KiB |
|
Before Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 151 KiB |
|
Before Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 256 KiB |
|
Before Width: | Height: | Size: 178 KiB |
|
Before Width: | Height: | Size: 172 KiB |
|
Before Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 294 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 12 KiB |
@ -1,840 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html lang="en"> |
|
||||
|
|
||||
<head> |
|
||||
<meta charset="UTF-8"> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||
<title>Odoo App 3 Index</title> |
|
||||
<!-- Bootstrap CSS --> |
|
||||
<link rel="stylesheet" |
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" |
|
||||
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" |
|
||||
crossorigin="anonymous"> |
|
||||
<link rel="stylesheet" |
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"> |
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" |
|
||||
rel="stylesheet"> |
|
||||
</head> |
|
||||
<body> |
|
||||
<section> |
|
||||
<div class="container" |
|
||||
style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;"> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between flex-wrap align-items-sm-center" |
|
||||
style="border-bottom:1px solid rgba(0, 0, 0, 0.22)"> |
|
||||
<div class="my-3"> |
|
||||
<img src="assets/misc/Cybrosys R.png" |
|
||||
style="width:auto !important; height:40px !important"> |
|
||||
</div> |
|
||||
<div class="my-3 d-flex align-items-center"> |
|
||||
<div class="text-center" |
|
||||
style="background-color:#017E84 !important;font-size: 0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width: 120px !important;"> |
|
||||
Community |
|
||||
</div> |
|
||||
<div class="text-center" |
|
||||
style="background-color:#875A7B !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important;min-width: 120px !important;"> |
|
||||
Enterprise |
|
||||
</div> |
|
||||
<div class="text-center" |
|
||||
style="background-color:#7C7BAD !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width: 120px !important;"> |
|
||||
Odoo.sh |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-12 col-md-12 col-lg-12 text-center d-flex align-items-center flex-column" |
|
||||
style="margin: 80px 0px !important;"> |
|
||||
<h1 style="font-size: 2.8rem;font-weight: 700; color: |
|
||||
#1A202C;"> |
|
||||
CRM Dashboard</h1> |
|
||||
<p class="my-3 mb-4" |
|
||||
style="max-width: 80%; font-weight: 400 !important; line-height: 32px; color: #718096;"> |
|
||||
Detailed Dashboard View for CRM. |
|
||||
</p> |
|
||||
<div style="width: 80%; margin-top: 3rem;"> |
|
||||
<img src="assets/screenshots/hero.gif" |
|
||||
class="img-responsive" width="100%" height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container mt-5 mb-5"> |
|
||||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
|
||||
<p class="m-0" |
|
||||
style="font-weight: 600; font-size: 24px; color:#714b67 !important"> |
|
||||
Key Highlights |
|
||||
</p> |
|
||||
</div> |
|
||||
<div class="row py-4"> |
|
||||
<div class="col-md-6 col-sm-12 p-3"> |
|
||||
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
|
||||
background: #FFF; |
|
||||
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
|
||||
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
|
||||
display: flex; justify-content: center; align-items: center; |
|
||||
margin-right: 10px; flex-shrink: 0;"> |
|
||||
<i class="fa-solid fa-star " |
|
||||
style="color: #fff;font-size:14px;"></i> |
|
||||
</div> |
|
||||
<div> |
|
||||
<p style="color: #1A202C;font-weight: 600; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Dashboard view for CRM module</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-6 col-sm-12 p-3"> |
|
||||
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
|
||||
background: #FFF; |
|
||||
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
|
||||
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
|
||||
display: flex; justify-content: center; align-items: center; |
|
||||
margin-right: 10px; flex-shrink: 0;"> |
|
||||
<i class="fa-solid fa-star " |
|
||||
style="color: #fff;font-size:14px;"></i> |
|
||||
</div> |
|
||||
<div> |
|
||||
<p style="color: #1A202C;font-weight: 600; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Different Types of Reports in the Form of |
|
||||
Graphs</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-6 col-sm-12 p-3"> |
|
||||
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
|
||||
background: #FFF; |
|
||||
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
|
||||
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
|
||||
display: flex; justify-content: center; align-items: center; |
|
||||
margin-right: 10px; flex-shrink: 0;"> |
|
||||
<i class="fa-solid fa-star " |
|
||||
style="color: #fff;font-size:14px;"></i> |
|
||||
</div> |
|
||||
<div> |
|
||||
<p style="color: #1A202C;font-weight: 600; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Dedicated |
|
||||
Views |
|
||||
for Users and Admins.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-6 col-sm-12 p-3"> |
|
||||
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; |
|
||||
background: #FFF; |
|
||||
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> |
|
||||
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; |
|
||||
display: flex; justify-content: center; align-items: center; |
|
||||
margin-right: 10px; flex-shrink: 0;"> |
|
||||
<i class="fa-solid fa-star " |
|
||||
style="color: #fff;font-size:14px;"></i> |
|
||||
</div> |
|
||||
<div> |
|
||||
<p style="color: #1A202C;font-weight: 600; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Top deals |
|
||||
and |
|
||||
Monthly revenue goals.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container rounded"> |
|
||||
<ul class="nav nav-tabs d-flex" |
|
||||
style="width: fit-content;margin: 0 auto;gap: 1rem;"> |
|
||||
<li class="col text-center py-2 text-nowrap " |
|
||||
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
|
||||
<a |
|
||||
class="active show" data-toggle="tab" href="#tab1" |
|
||||
style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;"> |
|
||||
<i class="fa-regular fa-image pr-2" |
|
||||
style="color: #fff;"></i> |
|
||||
Screenshots</a></li> |
|
||||
<li class="col text-center py-2 text-nowrap " |
|
||||
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
|
||||
<a |
|
||||
data-toggle="tab" href="#tab2" |
|
||||
style="color: #fff;font-weight: 500; text-decoration: none;"><i |
|
||||
class="fa-solid fa-star pr-2" |
|
||||
style="color: #fff;"></i>Features</a></li> |
|
||||
<li class="col text-center py-2 text-nowrap " |
|
||||
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> |
|
||||
<a |
|
||||
data-toggle="tab" href="#tab3" |
|
||||
style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i |
|
||||
class="fa-solid fa-book-open pr-2" |
|
||||
style="color: #fff;"></i>Released Notes</a></li> |
|
||||
</ul> |
|
||||
<div class="tab-content" |
|
||||
style="background-color: rgba(121, 113, 119, 0.04);"> |
|
||||
<div id="tab1" class="tab-pane fade in active show"> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/1.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Clickable |
|
||||
Dashboard Cards</h4> |
|
||||
<p class="m-0" style="color:#718096">You can |
|
||||
click |
|
||||
on |
|
||||
the respective Cards which will direct the |
|
||||
users to the respective information |
|
||||
and aspects of the CRM operations with |
|
||||
Odoo.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/2.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Target, Lead |
|
||||
and |
|
||||
Activity analysis</h4> |
|
||||
<p class="m-0" style="color:#718096">A dedicated |
|
||||
Funnel Chart provides you with complete |
|
||||
insight into the Leads which are in |
|
||||
operation.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/3.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Set up |
|
||||
Individual |
|
||||
user targets</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/4.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
A dedicated |
|
||||
Listing of Top Deals and the Monthly Goal |
|
||||
Gauge motivates users.</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/5.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Upcoming |
|
||||
Activities and Total Revenue.</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/6.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Top Salespersons as well as Top Country |
|
||||
Revenues.</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/7.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Lost |
|
||||
Analysis, |
|
||||
Recent Activities, and Top Salesperson.</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/8.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<div class="px-3"> |
|
||||
<h4 class="mt-2" |
|
||||
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> |
|
||||
Dashboard |
|
||||
View of |
|
||||
the User.</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-lg-12 py-2" |
|
||||
style="padding: 1rem 4rem !important;"> |
|
||||
<div |
|
||||
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="row justify-content-center p-3 w-100 m-0"> |
|
||||
<img src="assets/screenshots/9.png" |
|
||||
class="img-responsive" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div id="tab2" class="tab-pane fade"> |
|
||||
<div class="col-mg-12" style="padding: 1rem 4rem;"> |
|
||||
<ul style="list-style: none; padding: 1rem 0;font-weight: 500;"> |
|
||||
<li class="py-3" |
|
||||
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<span style="margin-right: 12px;"><img |
|
||||
src="assets/misc/star (1) 2.svg" |
|
||||
alt="" |
|
||||
width="16px"></span>Activity |
|
||||
monitoring. |
|
||||
</li> |
|
||||
<li class="py-3" |
|
||||
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<span style="margin-right: 12px;"><img |
|
||||
src="assets/misc/star (1) 2.svg" |
|
||||
alt="" |
|
||||
width="16px"></span>Year to |
|
||||
Date |
|
||||
bar graphTarget Field in User Settings. |
|
||||
</li> |
|
||||
<li class="py-3" |
|
||||
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<span style="margin-right: 12px;"><img |
|
||||
src="assets/misc/star (1) 2.svg" |
|
||||
alt="" |
|
||||
width="16px"></span>Top deals |
|
||||
and |
|
||||
Monthly revenue goals. |
|
||||
</li> |
|
||||
<li class="py-3" |
|
||||
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<span style="margin-right: 12px;"><img |
|
||||
src="assets/misc/star (1) 2.svg" |
|
||||
alt="" |
|
||||
width="16px"></span>The users |
|
||||
will |
|
||||
have different authorization based on |
|
||||
the employment level. |
|
||||
</li> |
|
||||
|
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div id="tab3" class="tab-pane fade"> |
|
||||
<div class="col-mg-12 active" style="padding: 1rem 4rem;"> |
|
||||
<div class="py-3" |
|
||||
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> |
|
||||
<div class="d-flex mb-3" |
|
||||
style="font-size: 0.8rem; font-weight: 500;"><span>Version |
|
||||
17.0.1.0.0</span><span |
|
||||
class="px-2">|</span><span |
|
||||
style="color: #714B67;font-weight: 600;">Released on:28th Dec 2023</span> |
|
||||
</div> |
|
||||
<p class="m-0" |
|
||||
style=" color:#718096!important; font-size:1rem !important;line-height: 28px;"> |
|
||||
Initial Commit for CRM Dashboard.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container mt-5"> |
|
||||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> |
|
||||
<p class="m-0" |
|
||||
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
|
||||
Related Products</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div id="myCarousel" class="carousel slide py-3" data-ride="carousel"> |
|
||||
<div class="carousel-inner"> |
|
||||
<div class="carousel-item active"> |
|
||||
<div class="row p-4"> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/openai_odoo_base/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px; "> |
|
||||
<img src="assets/modules/1.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
|
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Openai Odoo Base</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/field_timepicker/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px; "> |
|
||||
<img src="assets/modules/l2.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
|
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Field Time Picker</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/multi_sms_gateway/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px; "> |
|
||||
<img src="assets/modules/l3.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
|
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Multiple SMS Gateway Integration</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="carousel-item"> |
|
||||
<div class="row p-4"> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/chatter_camera/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px; "> |
|
||||
<img src="assets/modules/l4.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
|
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Chatter Camera</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px;"> |
|
||||
<img src="assets/modules/l5.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
|
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Send Whatsapp Message</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="p-3"> |
|
||||
<a href="https://apps.odoo.com/apps/modules/16.0/openai_website_product_media/" |
|
||||
style="color: #000; text-decoration: none;"> |
|
||||
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> |
|
||||
<div style="width: 300px;"> |
|
||||
<img src="assets/modules/l6.png" |
|
||||
alt="" width="100%" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
<p class="text-center pt-2 text-black font-weight-bold"> |
|
||||
Generate Product Images Using Open |
|
||||
AI</p> |
|
||||
</div> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<a class="carousel-control-prev" href="#myCarousel" |
|
||||
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="#myCarousel" |
|
||||
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 class="container mt-5"> |
|
||||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
|
||||
<p class="m-0" |
|
||||
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
|
||||
Our Services</p> |
|
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container my-5"> |
|
||||
<div class="row py-3"> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/cogs.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Customization</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/wrench.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Implementation</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/lifebuoy.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Support</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/user.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Hire |
|
||||
Odoo Developer</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;"> |
|
||||
|
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#54A0FF; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/puzzle.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Integration</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/update.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Migration</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/consultation.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Consultancy</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/training.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Implementation</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-4 col-sm-6 px-4 py-4"> |
|
||||
<div |
|
||||
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;"> |
|
||||
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> |
|
||||
<div style="background-color:#E6BE26; border-radius: 50%; padding: 15px; width: 68px; |
|
||||
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> |
|
||||
<img src="assets/icons/license.png" |
|
||||
alt="service-icon" width="38px" |
|
||||
height="auto"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p style="margin-top: 20px; font-weight: bold;">Odoo |
|
||||
Licensing Consultancy</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container mt-5"> |
|
||||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> |
|
||||
<p class="m-0" |
|
||||
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
|
||||
Our Industries</p> |
|
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container"> |
|
||||
<div class="row my-5 py-4"> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100 " |
|
||||
style="border-right: 1px solid rgb(209, 209, 209); border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373);"> |
|
||||
<img src="assets/icons/trading-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;">Trading</p> |
|
||||
<p>Easily procure and sell your products</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgb(209, 209, 209); padding: 30px;"> |
|
||||
<img src="assets/icons/pos-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;">POS</p> |
|
||||
<p>Easy configuration and convivial experience</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373)"> |
|
||||
<img src="assets/icons/education-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Education</p> |
|
||||
<p>A platform for educational management</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; "> |
|
||||
<img src="assets/icons/manufacturing-black.png" |
|
||||
width="42px" height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Manufacturing</p> |
|
||||
<p>Plan, track and schedule your operations</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;"> |
|
||||
<img src="assets/icons/ecom-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;">E-commerce & |
|
||||
Website</p> |
|
||||
<p>Mobile friendly, awe-inspiring product pages</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373);"> |
|
||||
<img src="assets/icons/service-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;">Service |
|
||||
Management</p> |
|
||||
<p>Keep track of services and invoice</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px; "> |
|
||||
<img src="assets/icons/restaurant-black.png" |
|
||||
width="42px" height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;"> |
|
||||
Restaurant</p> |
|
||||
<p>Run your bar or restaurant methodically</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-3 col-sm-6 p-0"> |
|
||||
<div class="d-flex flex-column h-100" |
|
||||
style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373);"> |
|
||||
<img src="assets/icons/hotel-black.png" width="42px" |
|
||||
height="auto" alt=""> |
|
||||
<p style="color: #714B67;font-weight: 600; margin-top: 10px; |
|
||||
font-size: 1.2rem; margin-bottom: 2px;">Hotel |
|
||||
Management</p> |
|
||||
<p>An all-inclusive hotel management application</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container mt-5"> |
|
||||
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> |
|
||||
<p class="m-0" |
|
||||
style="font-weight: 600; font-size: 24px; color:#000 !important"> |
|
||||
Support</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="container my-5"> |
|
||||
<div class="row" style="background-color: #FFFAFE;"> |
|
||||
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center" |
|
||||
style="border-right: 1px solid #D9D9D9;"> |
|
||||
<div style="padding: 30px;"> |
|
||||
<div class="d-flex align-items-center"> |
|
||||
<img src="assets/misc/support (1) 1.svg" alt="" |
|
||||
width="60px" style="margin-right: 12px;"> |
|
||||
<div style="padding: 0px 8px;"> |
|
||||
<span |
|
||||
style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem;">Need |
|
||||
Help?</span> |
|
||||
<p class="m-0" style="color:#718096;">Got |
|
||||
questions or need help? Get in touch.</p> |
|
||||
<div style="font-weight: 400;"><span><img |
|
||||
src="assets/misc/support-email.svg" |
|
||||
alt="" |
|
||||
width="18px" |
|
||||
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center"> |
|
||||
<div style="padding: 30px;"> |
|
||||
<div class="d-flex align-items-center"> |
|
||||
<img src="assets/misc/whatsapp 1.svg" alt="" |
|
||||
width="60px" style="margin-right: 12px;"> |
|
||||
<div> |
|
||||
<span style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp</span> |
|
||||
<p class="m-0" style="color:#718096;">Say hi to |
|
||||
us on WhatsApp!</p> |
|
||||
<div style="font-weight: 400; font-size: 16px;"><span><img |
|
||||
src="assets/misc/phone.svg" |
|
||||
alt="" width="14px" |
|
||||
style="filter: invert(1); margin-right: 0.8rem;"></span>+91 |
|
||||
99456767686 |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</section> |
|
||||
<!-- Optional JavaScript --> |
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> |
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,34 +0,0 @@ |
|||||
p, span, a, ul, li, button { |
|
||||
font-size: inherit; |
|
||||
font-weight: inherit; |
|
||||
line-height: inherit; |
|
||||
} |
|
||||
|
|
||||
strong { |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
|
|
||||
h1, h2, h3, h4, h5, h6 { |
|
||||
line-height: 1.5em; |
|
||||
font-weight: 300; |
|
||||
} |
|
||||
|
|
||||
strong { |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
|
|
||||
.sub_title { |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
|
|
||||
.sub_title div span { |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
|
|
||||
.chart #canvas_graph { |
|
||||
height: 400px !important; |
|
||||
} |
|
||||
|
|
||||
.highcharts-background { |
|
||||
fill: none; |
|
||||
} |
|
||||
@ -1,194 +0,0 @@ |
|||||
/* |
|
||||
* #### Gauge Component |
|
||||
* |
|
||||
* The standard markup for the component is: |
|
||||
* |
|
||||
* <div class="gauge"> |
|
||||
* <div class="gauge__container"> |
|
||||
* <div class="gauge__marker"></div> |
|
||||
* <div class="gauge__background"></div> |
|
||||
* <div class="gauge__center"></div> |
|
||||
* <div class="gauge__data"></div> |
|
||||
* <div class="gauge__needle"></div> |
|
||||
* </div> |
|
||||
* <div class="gauge__labels"> |
|
||||
* <span class="gauge__label--low">No</span> |
|
||||
* <span class="gauge__label--spacer"></span> |
|
||||
* <span class="gauge__label--high">Yes</span> |
|
||||
* </div> |
|
||||
* </div> |
|
||||
*/ |
|
||||
|
|
||||
/* |
|
||||
* First define all of the relevant rules that aren't dependent |
|
||||
* on the size of the gauge. We want to collect the size-depenent |
|
||||
* rules in one place to make it easier to adjust the size. |
|
||||
*/ |
|
||||
|
|
||||
.gauge { |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.gauge__container { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
overflow: hidden; |
|
||||
text-align: center; |
|
||||
-webkit-transform: translateX(-50%); |
|
||||
-moz-transform: translateX(-50%); |
|
||||
-ms-transform: translateX(-50%); |
|
||||
-o-transform: translateX(-50%); |
|
||||
transform: translateX(-50%); |
|
||||
} |
|
||||
|
|
||||
.gauge__background { |
|
||||
z-index: 0; |
|
||||
position: absolute; |
|
||||
background-color: #d8f0de; |
|
||||
top: 0; |
|
||||
border-radius: 300px 300px 0 0; |
|
||||
} |
|
||||
|
|
||||
.gauge__data { |
|
||||
z-index: 1; |
|
||||
position: absolute; |
|
||||
background-color: #00c29d; |
|
||||
margin-left: auto; |
|
||||
margin-right: auto; |
|
||||
border-radius: 300px 300px 0 0; |
|
||||
-webkit-transform-origin: center bottom; |
|
||||
-moz-transform-origin: center bottom; |
|
||||
-ms-transform-origin: center bottom; |
|
||||
-o-transform-origin: center bottom; |
|
||||
transform-origin: center bottom; |
|
||||
} |
|
||||
|
|
||||
.gauge__center { |
|
||||
z-index: 2; |
|
||||
position: absolute; |
|
||||
background-color: #f9f9f9; |
|
||||
margin-right: auto; |
|
||||
border-radius: 300px 300px 0 0; |
|
||||
} |
|
||||
|
|
||||
.gauge__marker { |
|
||||
z-index: 3; |
|
||||
background-color: #fff; |
|
||||
position: absolute; |
|
||||
width: 1px; |
|
||||
} |
|
||||
|
|
||||
.gauge__needle { |
|
||||
z-index: 4; |
|
||||
background-color: #21242c; |
|
||||
height: 3px; |
|
||||
position: absolute; |
|
||||
-webkit-transform-origin: left center; |
|
||||
-moz-transform-origin: left center; |
|
||||
-ms-transform-origin: left center; |
|
||||
-o-transform-origin: left center; |
|
||||
transform-origin: left center; |
|
||||
} |
|
||||
|
|
||||
.gauge__labels { |
|
||||
display: table; |
|
||||
margin: 0 auto; |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.gauge__label--low { |
|
||||
display: table-cell; |
|
||||
text-align: center; |
|
||||
color: #00c29d; |
|
||||
} |
|
||||
|
|
||||
.gauge__label--spacer { |
|
||||
display: table-cell; |
|
||||
} |
|
||||
|
|
||||
.gauge__label--high { |
|
||||
display: table-cell; |
|
||||
text-align: center; |
|
||||
color: #979f99; |
|
||||
} |
|
||||
|
|
||||
/* |
|
||||
* Now define the rules that depend on the size of |
|
||||
* the gauge. We start with sizing for a small mobile |
|
||||
* device. |
|
||||
*/ |
|
||||
|
|
||||
.gauge { height: calc(120px + 3em); } |
|
||||
.gauge__container { width: 240px; height: 120px; } |
|
||||
.gauge__marker { height: 120px; left: 119.5px; } |
|
||||
.gauge__background { width: 240px; height: 120px; } |
|
||||
.gauge__center { width: 144px; height: 72px; top: 48px; margin-left: 48px; } |
|
||||
.gauge__data { width: 240px; height: 120px; } |
|
||||
.gauge__needle { left: 120px; top: 117px; width: 120px; } |
|
||||
.gauge__labels { top: 120px; width: 240px; } |
|
||||
.gauge__label--low { width: 48px; } |
|
||||
.gauge__label--spacer { width: 144px; } |
|
||||
.gauge__label--high { width: 48px; } |
|
||||
|
|
||||
/* |
|
||||
* Increase the gauge size slightly on larger viewports. |
|
||||
*/ |
|
||||
|
|
||||
@media only screen and (min-width: 400px) { |
|
||||
.gauge { height: calc(150px + 3em); } |
|
||||
.gauge__container { width: 300px; height: 150px; } |
|
||||
.gauge__marker { height: 150px; left: 149.5px; } |
|
||||
.gauge__background { width: 300px; height: 150px; } |
|
||||
.gauge__center { width: 180px; height: 90px; top: 60px; margin-left: 60px; } |
|
||||
.gauge__data { width: 300px; height: 150px; } |
|
||||
.gauge__needle { left: 150px; top: 147px; width: 150px; } |
|
||||
.gauge__labels { top: 160px; width: 300px; font-size: 20px;} |
|
||||
.gauge__label--low { width: 60px; } |
|
||||
.gauge__label--spacer { width: 180px; } |
|
||||
.gauge__label--high { width: 60px; } |
|
||||
} |
|
||||
|
|
||||
/* |
|
||||
* As an option, the `gauge--liveupdate` class can be added |
|
||||
* to the main gauge element. When this class is present, |
|
||||
* we add a transition that animates any changes to the gauge |
|
||||
* value. Currently, the app does not use this option because |
|
||||
* all the inputs that can change gauge values are present |
|
||||
* on tab panels that are different from the gauge itself. |
|
||||
* Therefore, users won't be able to see any gauge changes |
|
||||
* when they make input changes. The code is available, though, |
|
||||
* should this change. |
|
||||
*/ |
|
||||
|
|
||||
.gauge--liveupdate .gauge__data, |
|
||||
.gauge--liveupdate .gauge__needle { |
|
||||
-webkit-transition: all 1s ease-in-out; |
|
||||
-moz-transition: all 1s ease-in-out; |
|
||||
-ms-transition: all 1s ease-in-out; |
|
||||
-o-transition: all 1s ease-in-out; |
|
||||
transition: all 1s ease-in-out; |
|
||||
} |
|
||||
|
|
||||
/* |
|
||||
* For a given gauge value, x, ranging from 0.0 to 1.0, set |
|
||||
* the `transform: rotate()` property according to the |
|
||||
* following equation: `-0.5 + 0.5x turns` The default |
|
||||
* properties below represent an x value of 0. |
|
||||
*/ |
|
||||
|
|
||||
.gauge__data { |
|
||||
-webkit-transform: rotate(-.50turn); |
|
||||
-moz-transform: rotate(-.50turn); |
|
||||
-ms-transform: rotate(-.50turn); |
|
||||
-o-transform: rotate(-.50turn); |
|
||||
transform: rotate(-.50turn); |
|
||||
} |
|
||||
.gauge__needle { |
|
||||
-webkit-transform: rotate(-.50turn); |
|
||||
-moz-transform: rotate(-.50turn); |
|
||||
-ms-transform: rotate(-.50turn); |
|
||||
-o-transform: rotate(-.50turn); |
|
||||
transform: rotate(-.50turn); |
|
||||
} |
|
||||
@ -1,237 +0,0 @@ |
|||||
:root { |
|
||||
/* Primary */ |
|
||||
--mauve: #7D7EAF; |
|
||||
--pink-dark: #BD85BA; |
|
||||
--pink: #F78EAD; |
|
||||
--peach: #FFA48E; |
|
||||
--orange: #FFCA71; |
|
||||
--gold: #CEA716; |
|
||||
--green: #1EC198; |
|
||||
--grey: #a0a0a0; |
|
||||
/* Light */ |
|
||||
--mauve-light: #e5e5ef; |
|
||||
--pink-dark-light: #f2e7f1; |
|
||||
--pink-light: #fde8ef; |
|
||||
--peach-light: #ffede8; |
|
||||
--orange-light: #fff4e3; |
|
||||
--gold-light: #faf6e8; |
|
||||
--green-light: #e9f9f5; |
|
||||
--grey-light: #e0e0e0; |
|
||||
|
|
||||
/*Lighter*/ |
|
||||
--grey-lighter: #fafafa; |
|
||||
--grey-dark-lighter: #f3f3f3; |
|
||||
} |
|
||||
|
|
||||
/* Background */ |
|
||||
.bg-mauve-light { |
|
||||
background-color: var(--mauve-light); |
|
||||
} |
|
||||
|
|
||||
.bg-pink-dark-light { |
|
||||
background-color: var(--pink-dark-light); |
|
||||
} |
|
||||
|
|
||||
.bg-pink-light { |
|
||||
background-color: var(--pink-light); |
|
||||
} |
|
||||
|
|
||||
.bg-peach-light { |
|
||||
background-color: var(--peach-light); |
|
||||
} |
|
||||
|
|
||||
.bg-orange-light { |
|
||||
background-color: var(--orange-light); |
|
||||
} |
|
||||
|
|
||||
.bg-gold-light { |
|
||||
background-color: var(--gold-light); |
|
||||
} |
|
||||
|
|
||||
.bg-green-light { |
|
||||
background-color: var(--green-light); |
|
||||
} |
|
||||
|
|
||||
/* Text */ |
|
||||
.text-mauve { |
|
||||
color: var(--mauve); |
|
||||
} |
|
||||
|
|
||||
.text-pink-dark { |
|
||||
color: var(--pink-dark); |
|
||||
} |
|
||||
|
|
||||
.text-pink { |
|
||||
color: var(--pink); |
|
||||
} |
|
||||
|
|
||||
.text-peach { |
|
||||
color: var(--peach); |
|
||||
} |
|
||||
|
|
||||
.text-orange { |
|
||||
color: var(--orange); |
|
||||
} |
|
||||
|
|
||||
.text-gold { |
|
||||
color: var(--gold); |
|
||||
} |
|
||||
|
|
||||
.text-green { |
|
||||
color: var(--green); |
|
||||
} |
|
||||
|
|
||||
/* Cards */ |
|
||||
|
|
||||
.dashboard-card { |
|
||||
border-radius: 0.3rem; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
margin: 1rem auto; |
|
||||
height: 90px; |
|
||||
} |
|
||||
|
|
||||
.dashboard-card__icon-container { |
|
||||
height: 50px; |
|
||||
width: 50px; |
|
||||
border-radius: 50%; |
|
||||
} |
|
||||
|
|
||||
.dashboard-card__icon-container i { |
|
||||
font-size: 20px; |
|
||||
} |
|
||||
|
|
||||
.dashboard-card__details { |
|
||||
margin-left: 1rem; |
|
||||
max-width: 120px; |
|
||||
} |
|
||||
|
|
||||
.dashboard-card__details h3 { |
|
||||
font-weight: 700; |
|
||||
font-size: 1.5rem; |
|
||||
} |
|
||||
|
|
||||
.dashboard-card__details h4 { |
|
||||
font-weight: 700; |
|
||||
font-size: 0.7rem; |
|
||||
color: var(--grey); |
|
||||
margin-top: -5px; |
|
||||
} |
|
||||
|
|
||||
h2.section-header { |
|
||||
font-weight: 700; |
|
||||
font-size: 1.5rem; |
|
||||
} |
|
||||
|
|
||||
.chart-container { |
|
||||
border-radius: 0.3rem; |
|
||||
padding: 1rem; |
|
||||
margin: 1rem auto; |
|
||||
} |
|
||||
|
|
||||
.chart-container.card-shadow { |
|
||||
height: 100%; |
|
||||
} |
|
||||
|
|
||||
.half_chart.chart-container.card-shadow { |
|
||||
height: 49%; |
|
||||
} |
|
||||
|
|
||||
.chart-container h2 { |
|
||||
font-weight: 700; |
|
||||
font-size: 1.125rem; |
|
||||
} |
|
||||
|
|
||||
.item-container { |
|
||||
background-color: var(--grey-lighter); |
|
||||
border-radius: 0.3rem; |
|
||||
padding: 1.2rem 1rem; |
|
||||
margin: 1rem auto; |
|
||||
} |
|
||||
|
|
||||
.item-container:hover { |
|
||||
background-color: var(--grey-dark-lighter); |
|
||||
transition: all 0.3s ease-in-out; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
.count-container { |
|
||||
font-weight: 700; |
|
||||
font-size: 1.7rem; |
|
||||
background-color: var(--mauve-light); |
|
||||
color: var(--mauve); |
|
||||
height: 50px; |
|
||||
width: 50px; |
|
||||
border-radius: 50%; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.item-header { |
|
||||
padding:inherit; |
|
||||
display: flex; |
|
||||
align-items: flex-start; |
|
||||
} |
|
||||
|
|
||||
.item-title h3 { |
|
||||
font-size: 1.3rem; |
|
||||
font-weight: 700; |
|
||||
} |
|
||||
|
|
||||
.item-content ul { |
|
||||
list-style: none; |
|
||||
padding-left: 0px; |
|
||||
} |
|
||||
|
|
||||
.item-content ul>li { |
|
||||
font-size: 0.9rem; |
|
||||
color: var(--grey); |
|
||||
font-weight: 700; |
|
||||
} |
|
||||
|
|
||||
/* Misc */ |
|
||||
.card-shadow { |
|
||||
-webkit-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
||||
-moz-box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
||||
box-shadow: 1px 3px 5px 0px rgba(222, 222, 222, 1); |
|
||||
} |
|
||||
|
|
||||
/* Table */ |
|
||||
thead { |
|
||||
background-color: #e9ecf0; |
|
||||
border-bottom: none; |
|
||||
} |
|
||||
|
|
||||
.table thead th { |
|
||||
border-bottom: none; |
|
||||
} |
|
||||
|
|
||||
.table td, |
|
||||
.table th { |
|
||||
border-top: 1px solid #eceff2; |
|
||||
} |
|
||||
|
|
||||
.crm_scroll_table { |
|
||||
max-height: 395px; |
|
||||
overflow-y: auto; |
|
||||
} |
|
||||
.recent_activity_div .crm_scroll_table { |
|
||||
max-height: 435px; |
|
||||
} |
|
||||
|
|
||||
.crm_scroll_table thead { |
|
||||
position: sticky; |
|
||||
top: 0; |
|
||||
} |
|
||||
|
|
||||
.crm_scroll_table .count-container { |
|
||||
height: 45px; |
|
||||
width: 162px; |
|
||||
border-radius: 50px; |
|
||||
margin-right: 10px; |
|
||||
} |
|
||||
|
|
||||
.crm_scroll_table .item-content ul > li { |
|
||||
font-size: 1.1rem; |
|
||||
} |
|
||||
File diff suppressed because it is too large
@ -1,642 +0,0 @@ |
|||||
<?xml version="1.0" encoding="UTF-8" ?> |
|
||||
<templates id="template" xml:space="preserve"> |
|
||||
<!-- This is a comment describing the CRM Dashboard section --> |
|
||||
<t t-name="CRMdashboard"> |
|
||||
<div class="oh_dashboards" |
|
||||
style="margin-top: 20px; overflow-y: scroll;vertical-align: middle;overflow-x: clip;max-height: -webkit-fill-available;"> |
|
||||
<div class="container-fluid my-5 o_hr_dashboard"> |
|
||||
<t t-call="LoginUser"/> |
|
||||
<t t-call="Managercrm"/> |
|
||||
<t t-call="Admincrm"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
<!-- This is a comment describing the LoginUser section --> |
|
||||
<t t-name="LoginUser"> |
|
||||
<section class="dashboard_main_section" id="main_section_login"> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-12 mb-4"> |
|
||||
<div class="row"> |
|
||||
<div class="col-12 col-sm-12 col-md-8"> |
|
||||
<h2 class="section-header">CRM Dashboard |
|
||||
</h2> |
|
||||
</div> |
|
||||
<div class="col-12 col-sm-12 col-md-4"> |
|
||||
<form class="form-group"> |
|
||||
<select id="income_expense_values" |
|
||||
t-on-change="(e) => this.on_change_income_expense_values(e)" |
|
||||
class="form-control"> |
|
||||
<option id="this_year" |
|
||||
value="this_year">This Year |
|
||||
</option> |
|
||||
<option id="this_quarter" |
|
||||
value="this_quarter">This |
|
||||
Quarter |
|
||||
</option> |
|
||||
<option id="this_month" |
|
||||
value="this_month" |
|
||||
selected="">This Month |
|
||||
</option> |
|
||||
<option id="this_week" |
|
||||
value="this_week">This Week |
|
||||
</option> |
|
||||
</select> |
|
||||
</form> |
|
||||
</div> |
|
||||
</div> |
|
||||
<hr/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</section> |
|
||||
</t> |
|
||||
<!-- Manager CRM Section --> |
|
||||
<t t-name="Managercrm"> |
|
||||
<section class="dashboard_main_section" |
|
||||
id="main_section_manager"> |
|
||||
<div class="crm_dash_cards row"> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow my_lead" |
|
||||
t-on-click="(e) => this.my_lead(e)"> |
|
||||
<div class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-line-chart text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="leads_this_year"/> |
|
||||
<div id="leads_this_quarter"/> |
|
||||
<div id="leads_this_month"/> |
|
||||
<div id="leads_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>My Leads</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow opportunity" |
|
||||
t-on-click="(e) => this.opportunity(e)"> |
|
||||
<div class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-trophy text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="opp_this_year"/> |
|
||||
<div id="opp_this_quarter"/> |
|
||||
<div id="opp_this_month"/> |
|
||||
<div id="opp_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>My Opportunities</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow exp_revenue" |
|
||||
t-on-click="(e) => this.exp_revenue(e)"> |
|
||||
<div class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-usd text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="exp_rev_this_year"/> |
|
||||
<div id="exp_rev_this_quarter"/> |
|
||||
<div id="exp_rev_this_month"/> |
|
||||
<div id="exp_rev_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Expected Revenue</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow revenue_card" |
|
||||
t-on-click="(e) => this.revenue_card(e)"> |
|
||||
<div |
|
||||
class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-usd text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="rev_this_year"/> |
|
||||
<div id="rev_this_quarter"/> |
|
||||
<div id="rev_this_month"/> |
|
||||
<div id="rev_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Revenue</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow win_ratio"> |
|
||||
<div |
|
||||
class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-percent text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="ratio_this_year"/> |
|
||||
<div id="ratio_this_quarter"/> |
|
||||
<div id="ratio_this_month"/> |
|
||||
<div id="ratio_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Win Ratio</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow avg_close_time"> |
|
||||
<div |
|
||||
class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-clock-o text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="avg_time_this_year"/> |
|
||||
<div id="avg_time_this_quarter"/> |
|
||||
<div id="avg_time_this_month"/> |
|
||||
<div id="avg_time_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Average Closing Time</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow opportunity_ratio"> |
|
||||
<div |
|
||||
class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-percent text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<div id="total_revenue_this_year"/> |
|
||||
<div id="total_revenue_this_quarter"/> |
|
||||
<div id="total_revenue_this_month"/> |
|
||||
<div id="total_revenue_this_week"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Opportunity Win Loss Ratio</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-12 col-md-3"> |
|
||||
<div class="dashboard-card card-shadow unassigned_leads" |
|
||||
t-on-click="(e) => this.unassigned_leads(e)"> |
|
||||
<div |
|
||||
class="dashboard-card__icon-container bg-mauve-light d-flex justify-content-center align-items-center"> |
|
||||
<i class="fa fa-user-times text-mauve"/> |
|
||||
</div> |
|
||||
<div class="dashboard-card__details"> |
|
||||
<h3> |
|
||||
<span> |
|
||||
<t t-esc="get_count_unassigned"/> |
|
||||
</span> |
|
||||
</h3> |
|
||||
<h4>Unassigned Leads Count</h4> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row mt-5"> |
|
||||
<div class="funnel_chart_div col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h2>Funnel Chart</h2> |
|
||||
<hr/> |
|
||||
<div class="funnel"> |
|
||||
<div id="container" class="mt-4" |
|
||||
width="100%" |
|
||||
height="auto"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="year_to_date_graph_div col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h2>Year to Date</h2> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas" |
|
||||
style="margin-top: 30px;"> |
|
||||
<canvas class="annual_target" width="340px" |
|
||||
height="400px"/> |
|
||||
</div> |
|
||||
<div style="margin-top: 30px;margin-left: 20px;"> |
|
||||
<h5 class="sub_title d-flex">Annual Target : |
|
||||
<div |
|
||||
id="target"/> |
|
||||
</h5> |
|
||||
<h5 class="sub_title d-flex">YtD Target : |
|
||||
<div |
|
||||
id="ytd_target"/> |
|
||||
</h5> |
|
||||
<h5 class="sub_title d-flex">Achieved Won : |
|
||||
<div |
|
||||
id="won"/> |
|
||||
</h5> |
|
||||
<h5 class="sub_title d-flex">Difference : |
|
||||
<div |
|
||||
id="difference"/> |
|
||||
</h5> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col-sm-12 col-md-4"> |
|
||||
<div class="leads_month_pie_div half_chart chart-container card-shadow"> |
|
||||
<h2>Leads by Month</h2> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="lead_month" width="200" |
|
||||
height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="sales_activity_pie_div half_chart chart-container card-shadow"> |
|
||||
<h2>CRM Activity</h2> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="sales_activity" width="200" |
|
||||
height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row mt-5"> |
|
||||
<div class="upcoming_activities_div col-12 col-sm-12 col-md-6"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Upcoming Activities</h3> |
|
||||
<hr/> |
|
||||
<div class="crm_scroll_table" style="max-height:530px;"> |
|
||||
<div class="items-table"> |
|
||||
<div class="item-container"> |
|
||||
<t t-foreach="upcoming_events" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<div class="item-header"> |
|
||||
<div class="count-container"> |
|
||||
<t t-esc="activity[1]"/> |
|
||||
</div> |
|
||||
<div class="item-title pl-3"> |
|
||||
<div class="item-content"> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<t t-set="lang_cu" |
|
||||
t-value="current_lang"/> |
|
||||
<t t-if="lang_cu in activity[4]"> |
|
||||
Activity: |
|
||||
<span style="font-size: 16px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[4][lang_cu]"/> |
|
||||
</span> |
|
||||
</t> |
|
||||
</li> |
|
||||
<li> |
|
||||
Name: |
|
||||
<span style="font-size: 15px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[3]"/> |
|
||||
</span> |
|
||||
</li> |
|
||||
<li t-if="activity[2]"> |
|
||||
Summary: |
|
||||
<span style="font-size: 13px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
</span> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="revenue_count_pie_div col-12 col-sm-12 col-md-6"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Total Revenue by Salesperson</h3> |
|
||||
<br/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="revenue_count_pie_canvas" |
|
||||
width="200" height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</section> |
|
||||
</t> |
|
||||
<!-- Admin CRM Section --> |
|
||||
<t t-name="Admincrm"> |
|
||||
<section class="dashboard_main_section" id="main_section_admin"> |
|
||||
<div class="row mt-5"> |
|
||||
<div class="col-sm-12 col-md-4"> |
|
||||
<div class="top_deals_div chart-container card-shadow"> |
|
||||
<h2>Top Deals</h2> |
|
||||
<hr/> |
|
||||
<div class="items-table"> |
|
||||
<div class="item-container"> |
|
||||
<t t-foreach="top_deals" t-as="activity" |
|
||||
t-key="activity"> |
|
||||
<div class="item-header"> |
|
||||
<div class="count-container"> |
|
||||
<t t-esc="activity[7]"/> |
|
||||
</div> |
|
||||
<div class="item-title pl-3"> |
|
||||
<h3><t t-esc="activity[3]"/> |
|
||||
. |
|
||||
<t t-esc="activity[6]"/> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
</h3> |
|
||||
<div class="item-content"> |
|
||||
<ul> |
|
||||
<li> |
|
||||
Sales Person: |
|
||||
<t t-esc="activity[0]"/> |
|
||||
,Team: |
|
||||
<t t-esc="activity[5]"/> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-12 col-sm-12 col-md-4"> |
|
||||
<div class="monthly_goal_div half_chart chart-container card-shadow"> |
|
||||
<h3 class="h5">Monthly Goal</h3> |
|
||||
<hr/> |
|
||||
<input type="hidden" id="percentage_crm" |
|
||||
name="percentage_crm" |
|
||||
t-att-value="monthly_goals[3]"/> |
|
||||
<div class="gauge gauge--liveupdate" id="gauge" |
|
||||
style="padding-top: 50px;"> |
|
||||
<div class="gauge__container"> |
|
||||
<div class="gauge__background"/> |
|
||||
<div class="gauge__center"/> |
|
||||
<div class="gauge__data"/> |
|
||||
<div class="gauge__needle"/> |
|
||||
</div> |
|
||||
<div class="gauge__labels mdl-typography__headline"> |
|
||||
<span class="gauge__label--low"> |
|
||||
<b> |
|
||||
<t t-esc="monthly_goals[2]"/> |
|
||||
<t t-esc="monthly_goals[0]"/> |
|
||||
</b> |
|
||||
</span> |
|
||||
<span class="gauge__label--spacer"/> |
|
||||
<span class="gauge__label--high"> |
|
||||
<b> |
|
||||
<t t-esc="monthly_goals[2]"/> |
|
||||
<t t-esc="monthly_goals[1]"/> |
|
||||
</b> |
|
||||
</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="leads_campaign_pie_div half_chart chart-container card-shadow"> |
|
||||
<h3 class="h5">Leads group by Campaign</h3> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="campaign_source" width="200" |
|
||||
height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-12 col-sm-12 col-md-4"> |
|
||||
<div class="leads_medium_pie_div half_chart chart-container card-shadow"> |
|
||||
<h3 class="h5">Leads group by Medium</h3> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="medium_leads" width="200" |
|
||||
height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="leads_source_pie_div half_chart chart-container card-shadow"> |
|
||||
<h3 class="h5">Leads group by Source</h3> |
|
||||
<hr/> |
|
||||
<div class="graph_canvas"> |
|
||||
<canvas class="source_lead" width="200" |
|
||||
height="120"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row mt-5"> |
|
||||
<div class="top_sp_revenue_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Top Salesperson Revenue</h3> |
|
||||
<hr/> |
|
||||
<table class="table table-hover" |
|
||||
id="salesperson_revenue_table"> |
|
||||
<thead> |
|
||||
<tr> |
|
||||
<th>Opportunity</th> |
|
||||
<th>Revenue</th> |
|
||||
</tr> |
|
||||
</thead> |
|
||||
<tbody> |
|
||||
<t t-foreach="top_sp_revenue" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<t t-esc="activity[3]"/> |
|
||||
</td> |
|
||||
<td> |
|
||||
<t t-esc="activity[5]"/> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</t> |
|
||||
</tbody> |
|
||||
</table> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="top_country_revenue_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Top Country Wise Revenue</h3> |
|
||||
<hr/> |
|
||||
<table class="table table-hover" |
|
||||
id="country_revenue_table"> |
|
||||
<thead> |
|
||||
<tr> |
|
||||
<th>Country</th> |
|
||||
<th>Revenue</th> |
|
||||
</tr> |
|
||||
</thead> |
|
||||
<tbody> |
|
||||
<t t-foreach="top_country_revenue" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<t t-esc="activity[0]"/> |
|
||||
</td> |
|
||||
<td> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
<t t-esc="activity[1]"/> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</t> |
|
||||
</tbody> |
|
||||
</table> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="top_country_count_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Top Country Wise Count</h3> |
|
||||
<hr/> |
|
||||
<table class="table table-hover" |
|
||||
id="country_count_table"> |
|
||||
<thead> |
|
||||
<tr> |
|
||||
<th>Country</th> |
|
||||
<th>Count</th> |
|
||||
</tr> |
|
||||
</thead> |
|
||||
<tbody> |
|
||||
<t t-foreach="top_country_count" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<t t-esc="activity[0]"/> |
|
||||
</td> |
|
||||
<td> |
|
||||
<t t-esc="activity[1]"/> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</t> |
|
||||
</tbody> |
|
||||
</table> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row mt-5"> |
|
||||
<div class="recent_activity_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Recent Activities</h3> |
|
||||
<hr/> |
|
||||
<div class="crm_scroll_table"> |
|
||||
<div class="items-table"> |
|
||||
<div class="item-container"> |
|
||||
<t t-foreach="recent_activities" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<div class="item-header"> |
|
||||
<div class="count-container"> |
|
||||
<t t-esc="activity[1]"/> |
|
||||
</div> |
|
||||
<div class="item-title pl-3"> |
|
||||
<div class="item-content"> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<t t-set="lang_cu" |
|
||||
t-value="current_lang"/> |
|
||||
<t t-if="lang_cu in activity[4]"> |
|
||||
Activity: |
|
||||
<span style="font-size: 15px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[4][lang_cu]"/> |
|
||||
</span> |
|
||||
</t> |
|
||||
</li> |
|
||||
<li>Name: |
|
||||
<span style="font-size: 13px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[3]"/> |
|
||||
</span> |
|
||||
</li> |
|
||||
<li t-if="activity[2]"> |
|
||||
Summary: |
|
||||
<span style="font-size: 13px;color: #4c4c4c;"> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
</span> |
|
||||
</li> |
|
||||
<li> |
|
||||
Sales Rep.: |
|
||||
<t |
|
||||
t-esc="activity[5]"/> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="lost_opp_lead_graph_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Lost Opportunity/Lead Graph</h3> |
|
||||
<hr/> |
|
||||
<div class="row"> |
|
||||
<div class="col-6"> |
|
||||
</div> |
|
||||
<form class="form-group col-6"> |
|
||||
<select id="total_loosed_crm" |
|
||||
t-on-change="(e) => this.change_total_loosed_crm(e)" |
|
||||
class="form-control"> |
|
||||
<option id="lost_last_12months" |
|
||||
value="lost_last_12months"> |
|
||||
Last 12 Months |
|
||||
</option> |
|
||||
<option id="lost_last_6months" |
|
||||
value="lost_last_6months"> |
|
||||
Last 6 Months |
|
||||
</option> |
|
||||
<option id="lost_last_month" |
|
||||
value="lost_last_month">Last |
|
||||
Month |
|
||||
</option> |
|
||||
</select> |
|
||||
</form> |
|
||||
</div> |
|
||||
<div class="chart"> |
|
||||
<canvas id="canvas" width="400" |
|
||||
height="400"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<t t-if="top_sp_by_invoice.length"> |
|
||||
<div class="top_sp_invoice_div col-12 col-sm-12 col-md-4"> |
|
||||
<div class="chart-container card-shadow"> |
|
||||
<h3 class="h5">Top Sales Person by Invoice</h3> |
|
||||
<hr/> |
|
||||
<div class="items-table"> |
|
||||
<div class="item-container"> |
|
||||
<t t-foreach="top_sp_by_invoice" |
|
||||
t-as="activity" t-key="activity"> |
|
||||
<div class="item-header"> |
|
||||
<div class="count-container" |
|
||||
style="height: 30px;width: 30px;font-size: 1.4rem;"> |
|
||||
<t t-esc="activity[3]"/> |
|
||||
</div> |
|
||||
<div class="item-title pl-4 row"> |
|
||||
<h3><t t-esc="activity[0]"/> |
|
||||
</h3> |
|
||||
<div class="item-content"> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<h3> |
|
||||
<t t-esc="activity[2]"/> |
|
||||
<t t-esc="activity[1]"/> |
|
||||
</h3> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</t> |
|
||||
</div> |
|
||||
</section> |
|
||||
</t> |
|
||||
</templates> |
|
||||
@ -1,23 +0,0 @@ |
|||||
<?xml version="1.0" encoding="UTF-8" ?> |
|
||||
<odoo> |
|
||||
<!-- Customizing CRM Team Form View --> |
|
||||
<record id="crm_team_view_form" model="ir.ui.view"> |
|
||||
<field name="name">crm.team.view.form.inherit.crm.dashboard</field> |
|
||||
<field name="model">crm.team</field> |
|
||||
<field name="inherit_id" ref="sales_team.crm_team_view_form"/> |
|
||||
<field name="arch" type="xml"> |
|
||||
<field name="alias_contact" position="after"> |
|
||||
<field name="crm_lead_state_id"/> |
|
||||
</field> |
|
||||
</field> |
|
||||
</record> |
|
||||
<!-- Defining CRM Dashboard Action --> |
|
||||
<record id="action_crm_lead_all_dashboard" model="ir.actions.client"> |
|
||||
<field name="name">CRM</field> |
|
||||
<field name="tag">crm_dashboard</field> |
|
||||
</record> |
|
||||
<!-- Adding CRM Dashboard to the CRM Menu --> |
|
||||
<menuitem name="Dashboard" id="crm_dashboard_menu" |
|
||||
parent="crm.crm_menu_root" |
|
||||
sequence="0" action="action_crm_lead_all_dashboard"/> |
|
||||
</odoo> |
|
||||
@ -1,18 +0,0 @@ |
|||||
<?xml version="1.0" encoding="UTF-8" ?> |
|
||||
<odoo> |
|
||||
<!-- Customizing User Form View --> |
|
||||
<record id="view_users_form" model="ir.ui.view"> |
|
||||
<field name="name">res.users.view.form.inherit.crm.dashboard</field> |
|
||||
<field name="model">res.users</field> |
|
||||
<field name="inherit_id" ref="base.view_users_form"/> |
|
||||
<field name="arch" type="xml"> |
|
||||
<xpath expr="//page[@name='access_rights']//group" |
|
||||
position="after"> |
|
||||
<group string="CRM dashboard"> |
|
||||
<field name="sales" widget="monetary" |
|
||||
options="{'no_create': True}"/> |
|
||||
</group> |
|
||||
</xpath> |
|
||||
</field> |
|
||||
</record> |
|
||||
</odoo> |
|
||||
@ -1,18 +0,0 @@ |
|||||
<?xml version="1.0" encoding="UTF-8" ?> |
|
||||
<odoo> |
|
||||
<!-- Customizing UTM Campaign Form View --> |
|
||||
<record id="utm_campaign_view_form" model="ir.ui.view"> |
|
||||
<field name="name">utm.campaign.view.form.inherit.crm.dashboard</field> |
|
||||
<field name="model">utm.campaign</field> |
|
||||
<field name="inherit_id" ref="utm.utm_campaign_view_form"/> |
|
||||
<field name="arch" type="xml"> |
|
||||
<div name="button_box" position="inside"> |
|
||||
<button class="oe_stat_button" type="object" |
|
||||
name="get_ratio" icon="fa-percent"> |
|
||||
<field string="Ratio" name="total_ratio" |
|
||||
widget="statinfo"/> |
|
||||
</button> |
|
||||
</div> |
|
||||
</field> |
|
||||
</record> |
|
||||
</odoo> |
|
||||
Loading…
Reference in new issue