+
+
+
+
+
+
+
diff --git a/activity_dashboard_mngmnt/static/src/css/dashboard.css b/activity_dashboard_mngmnt/static/src/css/dashboard.css
new file mode 100644
index 000000000..50670d92f
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/css/dashboard.css
@@ -0,0 +1,90 @@
+p, span, a, ul, li, button {
+ font-size: inherit;
+ font-weight: inherit;
+ line-height: inherit;
+}
+
+strong {
+ font-weight: 600;
+}
+
+.head {
+ 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;
+}
+.text-mauve{
+ padding-right: 10px;
+ font-size: 30px;
+ padding-left: 0px;
+ padding-bottom: 5px;
+ padding-top: 10px;
+}
+
+.dashboard-card__detail {
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 0px;
+ padding-bottom: 5px;
+ padding-top: 10px;
+ margin:15px
+}
+
+/* Apply common styles to all tables */
+.table_activity {
+ width: 100%;
+ padding: 24px;
+ background-color: white;
+ color: #454748;
+ border-collapse: separate;
+ margin-top: 20px; /* Adjust the margin-top value as needed */
+}
+
+/* Apply specific styles to the table headers */
+.table_activity thead {
+ background-color: #f5f5f5; /* Add a background color to the header */
+}
+
+/* Apply styles to the table head cells */
+.table_activity th {
+ text-align: left; /* Adjust text alignment as needed */
+}
+
+.activity_head{
+font-weight: bold;
+font-size: 20px;
+}
+
+.click-view{
+border-radius: 8px;
+background-color: #c4c4f2;
+width: 100px;height: 35px;
+}
+
+.click-origin-view{
+border-radius: 8px;
+background-color: #c4c4f2;
+width: 100px;
+height: 35px;
+}
diff --git a/activity_dashboard_mngmnt/static/src/css/material-gauge.css b/activity_dashboard_mngmnt/static/src/css/material-gauge.css
new file mode 100644
index 000000000..7f553df9a
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/css/material-gauge.css
@@ -0,0 +1,194 @@
+/*
+ * #### Gauge Component
+ *
+ * The standard markup for the component is:
+ *
+ *
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Dashboard for Streamlined Management of All Activities +
+Activity Management +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Provides Activity + Dashboard +
++
+
+
+
+
+
+
+
+
+ + Manages origin of activity. +
++
+
+
+
+
+
+
+
+
+ Activity Management
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Activity Dashboard + View +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Activity + Management +
+
+
+ + List view of Planned, Today's, + Completed and Overdue Activities. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Tile + View +
+
+
+ + Clicking any tile will navigate to its corresponding view. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + List view + of corresponding tile +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Click View button + in List view +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + View +
+
+
+ + It leads to the form view of corresponding + activity. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Click Origin button + in List view +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + origin + View +
+
+
+ + It leads to the origin of corresponding + activity. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Activity + Tag +
+
+
+ + Navigate to Activity Tag under Configuration to create new Tags. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Activity + Types +
+
+
+ + Navigate to Activity Type under Configuration to create new Activity + Types
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Delivers + comprehensive Activity insights through a + Dashboard. +
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Effectively + orchestrates the Source of Activities.
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Facilitates + Activity Tags for efficient categorization. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + From the activity list view, you can click the "View" button + next to any activity to open its detailed form view. +
+
+
+
+
+
+
+ + To create new tags or types, go to the Configuration menu + and navigate to Activity Tags or Activity Types + respectively. +
+
+
+
+
+
+ + The Activity Dashboard provides a visual overview of + planned, completed, overdue, and today’s activities, making + it easier to track and manage daily tasks efficiently. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 19th April, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial commit for Activity Management + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+ *
+ */
+
+/*
+ * 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);
+}
diff --git a/activity_dashboard_mngmnt/static/src/css/style.scss b/activity_dashboard_mngmnt/static/src/css/style.scss
new file mode 100644
index 000000000..1b76379da
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/css/style.scss
@@ -0,0 +1,55 @@
+.o_action_manager {
+ direction: ltr;
+ webkit-box-flex: 1;
+ webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ overflow: scroll !important;
+}
+.activity-dashboard-card {
+ display: flex;
+ flex-direction: row; /* Change to row for linear arrangement */
+ justify-content: center;
+ border-radius: 0.3rem;
+ padding: 1.7rem 1.5rem 1.5rem 1.5rem;
+ margin: 1rem auto;
+ height: 100px;
+ cursor: pointer;
+ align-items: center;
+ box-sizing: border-box;
+ border-radius: 10px;
+ font-size: 35px;
+}
+
+
+.activity-dashboard-card__icon-container {
+ height: 50px;
+ border-radius: 50%;
+}
+.my_activity {
+ background-color: #229db9;
+}
+.all_activity{
+ background: #88dfdf;
+}
+.planned_activity {
+ background-color: #e8c5ac;
+}
+.completed_activity{
+ background: #a7a1f4;
+}
+
+.today_activity{
+ background: #f3bdf4;
+}
+.overdue_activity {
+ background-color: #a2d2fb;
+}
+.cancelled_activity{
+ background: #beeecc;
+}
+.activity_type {
+ background-color: #ecb9b9;
+}
+.dashboard_main_section {
+ margin: 20px;
+}
diff --git a/activity_dashboard_mngmnt/static/src/js/activity_dashboard.js b/activity_dashboard_mngmnt/static/src/js/activity_dashboard.js
new file mode 100644
index 000000000..8aa99f138
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/js/activity_dashboard.js
@@ -0,0 +1,204 @@
+/** @odoo-module **/
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { Layout } from "@web/search/layout";
+import { Component, onWillStart } from "@odoo/owl";
+import { _t } from "@web/core/l10n/translation";
+export class ActivityDashboard extends Component {
+ setup() {
+ super.setup();
+ this.orm = useService('orm');
+ onWillStart(async () => await this.render_dashboards());
+ }
+ async render_dashboards (ev) {
+ //Method for rendering dashboard.
+ var self = this;
+ const planned_activity = await self.orm.call('mail.activity',
+ 'search_read', [], {
+ domain: [["state", "=", 'planned']]
+ });
+ const today_activity = await self.orm.call('mail.activity',
+ 'search_read', [], {
+ domain: [["state", "=", 'today']]
+ });
+ const overdue_activity = await self.orm.call('mail.activity',
+ 'search_read', [], {
+ domain: [["state", "=", 'overdue']]
+ });
+ const done_activity = await self.orm.call('mail.activity',
+ 'search_read', [],
+ {
+ domain: [["state", "=", 'done'],['active','in',[true,false]]]
+ });
+ const activity_type = await self.orm.call('mail.activity.type',
+ 'search_count', [],
+ {domain:[]})
+ self.len_all= planned_activity.length+done_activity
+ .length+today_activity.length+overdue_activity.length
+ self.len_planned=planned_activity.length
+ self.len_done=done_activity.length
+ self.len_today=today_activity.length
+ self.len_overdue=overdue_activity.length
+ self.done_activity=done_activity
+ self.planned_activity=planned_activity
+ self.today_activity=today_activity
+ self.overdue_activity=overdue_activity
+ self.activity_type=await self.orm.call('mail.activity.type',
+ 'search_count', [],
+ {domain:[]});
+ }
+ /**
+ * Event handler to open the list of all activities.
+ */
+ show_all_activities(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("All Activities"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity',
+ view_mode: 'list,form',
+ domain: [['active', 'in', [true,false]]],
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }
+ /**
+ * Event handler to open the list of planned activities.
+ */
+ show_planned_activities(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("Planned Activities"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity',
+ domain: [['state', '=', 'planned']],
+ view_mode: 'list,form',
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }
+ /**
+ * Event handler to open the list of completed activities.
+ */
+ show_completed_activities(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("Completed Activities"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity',
+ domain: [['state', '=', 'done'],['active','in',[true,false]]],
+ view_mode: 'list,form',
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }
+ /**
+ * Event handler to open the list of today's activities.
+ */
+ show_today_activities(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("Today's Activities"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity',
+ domain: [['state', '=', 'today']],
+ view_mode: 'list,form',
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }/**
+ * Event handler to open the list of overdue activities.
+ */
+ show_overdue_activities(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("Overdue Activities"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity',
+ domain: [['state', '=', 'overdue']],
+ view_mode: 'list,form',
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }
+ /**
+ * Event handler to open the list of activity types.
+ */
+ show_activity_types(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ this.env.services.action.doAction({
+ name: _t("Activity Type"),
+ type: 'ir.actions.act_window',
+ res_model: 'mail.activity.type',
+ view_mode: 'list,form',
+ views: [[false, 'list'], [false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ }, options);
+ }
+ /**
+ * Event handler for view button click.
+ */
+ click_view(e) {
+ var id = e.target.value;
+ this.env.services.action.doAction({
+ type: 'ir.actions.act_window',
+ name: 'All Activity',
+ res_model: 'mail.activity',
+ res_id: parseInt(id),
+ views: [[false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ });
+ }
+ /**
+ * Event handler for view button click.
+ */
+ async click_origin(e) {
+ var id = e.target.value;
+ var self = this;
+ var result =await self.orm.call('mail.activity', 'get_activity',
+ [0,parseInt(id)],{})
+ self.env.services.action.doAction({
+ type: 'ir.actions.act_window',
+ name: 'Activity Origin',
+ res_model: result.model,
+ res_id: result.res_id,
+ views: [[false, 'form']],
+ view_mode: 'form',
+ target: 'current'
+ });
+ }
+}
+ActivityDashboard.template = "ActivityDashboard";
+ActivityDashboard.components = { Layout };
+registry.category("actions").add("activity_dashboard", ActivityDashboard);
diff --git a/activity_dashboard_mngmnt/static/src/xml/activity_dashboard_template.xml b/activity_dashboard_mngmnt/static/src/xml/activity_dashboard_template.xml
new file mode 100644
index 000000000..6e3db53d3
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/xml/activity_dashboard_template.xml
@@ -0,0 +1,336 @@
+
+
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * No
+ *
+ * Yes
+ *
+ *
+
+
+
+ Activity Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ All Activities
+
+
+
+
+
+
+
+
+
+
+
+ Planned Activities
+
+
+
+
+
+
+
+
+
+
+
+ Completed Activities
+
+
+
+
+
+
+
+
+
+
+
+ Today's Activities
+
+
+
+
+
+
+
+
+
+
+
+ Overdue Activities
+
+
+
+
+
+
+
+
+
+
+
+ Activity Types
+
+
+
+
+
+
+ | Planned + Activities + | +No Data Available | +||||
|---|---|---|---|---|---|
| Name | +Activity Type | +Assigned to | +Dead Line Date | +View | +Origin | +
|
+ |
+
+ |
+
+ |
+
+ |
+ + + | ++ + | +
+
+
+
+
+ | Today's + Activities + | +No Data Available | +||||
|---|---|---|---|---|---|
| Name | +Activity Type | +Assigned to | +Dead Line Date | +View | +Origin | +
|
+ |
+
+ |
+
+ |
+
+ |
+ + + | ++ + | +
+
+
+
+
+ | Completed + Activities + | +No Data Available | +||||
|---|---|---|---|---|---|
| Name | +Activity Type | +Assigned to | +Dead Line Date | +View | +Origin | +
|
+ |
+
+ |
+
+ |
+
+ |
+ + + | ++ + | +
+
+
+
+
+ | Overdue + Activities + | +No Data Available | +||||
|---|---|---|---|---|---|
| Name | +Activity Type | +Assigned to | +Dead Line Date | +View | +Origin | +
|
+ |
+
+ |
+
+ |
+
+ |
+ + + | ++ + | +
-
+
+ No tags found. Let's create one! +
++ Tags are perfect to categorize. +
+