+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+ + Activity Management
++ Dashboard for Streamlined Management of All Activities. +
+
+ 
+
+
+
+
+
+
+ + Key Highlights +
+
+
+
+
+
+
+
+
+
+
+
+ + Provides Activity + Dashboard.
+
+
+
+
+
+
+
+
+
+ + Manages origin of activity.
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + Activity dashboard.
+
+
+
+
+
+ 
+
+
+
+
+ + List view of Planned, Today's, + Completed and Overdue Activities.
+
+
+
+
+
+ 
+
+
+
+
+ + Click on any tile.
+
+
+
+
+
+ 
+
+
+
+
+ + List view of corresponding tile.
+
+
+
+
+
+ 
+
+
+
+
+ + Click View button in List view.
+
+
+
+
+
+ 
+
+
+
+
+ + It leads to the form view of corresponding + activity.
+
+
+
+
+
+ 
+
+
+
+
+ + Click Origin button in List view.
+
+
+
+
+
+ 
+
+
+
+
+ + It leads to the origin of corresponding + activity.
+
+
+
+
+
+ 
+
+
+
+
+ + Navigate to Activity Tag under Configuration to create new Tags.
+
+
+
+
+
+ 
+
+
+
+
+ + Navigate to Activity Type under Configuration to create new Activity Types.
+
+
+
+
+ -
+
-
+
 2.svg)
Delivers
+ comprehensive Activity insights through a
+ Dashboard.
+
+ -
+ Effectively
+ orchestrates the Source of Activities.
+
+
-
+ Facilitates
+ Activity Tags for efficient categorization.
+
+
+
+
+
+
+
+ Version
+ 17.0.1.0.0|
+ Released on:27th Dec 2023
+
+ + Initial Commit for Activity Management.
+
+
+
+
+
+ + Related Products
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ + Our Services
+ +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Customization
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Support
+
+
+
+
+
+
+
+ 
+
+
+ Hire + Odoo Developer
+
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Integration
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Migration
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Consultancy
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Licensing Consultancy
+
+
+
+
+ + Our Industries
+
+
+
+
+
+
+
+ 
+
+
+ Trading
+Easily procure and sell your products
+
+
+
+ 
+
+
+ POS
+Easy configuration and convivial experience
+
+
+
+ 
+
+
+ + Education
+A platform for educational management
+
+
+
+ 
+
+
+ + Manufacturing
+Plan, track and schedule your operations
+
+
+
+ 
+
+
+ E-commerce & + Website
+Mobile friendly, awe-inspiring product pages
+
+
+
+ 
+
+
+ Service + Management
+Keep track of services and invoice
+
+
+
+ 
+
+
+ + Restaurant
+Run your bar or restaurant methodically
+
+
+
+ 
+
+
+ Hotel + Management
+An all-inclusive hotel management application
+
+
+
+
+ + Support
+
+
+
+
+
+
+
+
+
+  1.svg)
+
+
+
+ Need
+ Help?
+ 
odoo@cybrosys.com
+
+
+ Got + questions or need help? Get in touch.
+odoo@cybrosys.com
+
+
+
+
+
+ 
+
+
+
+ WhatsApp
+ 
+91
+ 99456767686
+
+
+ Say hi to + us on WhatsApp!
++91
+ 99456767686
+
+ *
+ */
+
+/*
+ * 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..e9c908c4a
--- /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;
+}
\ No newline at end of file
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..4fb7ce62e
--- /dev/null
+++ b/activity_dashboard_mngmnt/static/src/js/activity_dashboard.js
@@ -0,0 +1,206 @@
+/** @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.rpc = useService("rpc");
+ this.userService = useService("user");
+ 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: 'tree,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: 'tree,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: 'tree,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: 'tree,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: 'tree,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: 'tree,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. +
+