+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Advanced Dynamic Dashboard +
++ This Module Helps To Create Configurable Dashboards Easily.
+
+
+
+ + Create Configurable Advanced Dynamic Dashboard to get the + information that are relevant to your business, department, or a specific + process or need. +
+
+ 
+
+
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+
+
+
+
+ + KEY HIGHLIGHTS +
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + Easily Create Dynamic Charts And Tiles
+
+
+
+
+
+
+
+
+
+
+ + Create A Dynamic Dashboard Menu In Any Model
+
+
+
+
+
+
+
+
+
+
+ + Charts Can Export Into Image, PDF, XLSX And CSV +
+
+
+
+
+
+
+
+
+
+
+ + Edit And Configure Charts And Tiles
+
+
+
+
+
+
+ + Overview + +
++ Advanced Dynamic Dashboard
+
+
+ + This module helps to create configurable dashboards easily. + Advanced Dynamic Dashboard module helps to Arrange the dashboard to + get the information that are relevant to your business, + department, or a specific process or need. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/advanced_dynamic_dashboard/static/lib/js/interactjs.js b/advanced_dynamic_dashboard/static/lib/js/interactjs.js
new file mode 100644
index 000000000..b57c73bdb
--- /dev/null
+++ b/advanced_dynamic_dashboard/static/lib/js/interactjs.js
@@ -0,0 +1,4 @@
+/* interact.js 1.10.26 | https://raw.github.com/taye/interact.js/main/LICENSE */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).interact=e()}(this,(function(){"use strict";function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e(e){for(var n=1;n
+
+
+
+
+
+
+
+
+
+ -
+
+
-
+
+
screenshot
+
+
+
+
+
+ -
+
+
Features
+
+
+
+
+
+ -
+
+
Release
+ Notes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Screenshots + +
++ Advanced Dynamic Dashboard
+
+
+
+ + Advanced Dynamic Dashboard Menu +
+
+ 
+
+
+
+
+
+ + Export And Delete Features +
++ Clicking on various icons generates different types of + chart data, which can be exported as image, PDF, CSV, + and XLSX formats. +
+
+ 
+
+
+
+
+
+ + By clicking cross icon you can delete the chart and tile.
+
+ 
+
+
+
+
+
+ + Select Type Of The Item +
+
+ 
+
+
+ + When choosing the "Tile" option, input a name for the tile, + select a model, operation type, and measured field. + Additionally, customize the tile with an icon and color.
+
+ 
+
+
+ + When opting for "Charts," provide a name for the chart, + select a model, operation type, and measured field, along with filters. + Additionally, choose the chart type, set its size, + and specify the grouping for the Y-axis.
+
+ 
+
+
+
+
+
+ + Edit Layout +
++ You can change the position of the item and resize the item. +
+
+ 
+
+
+
+
+
+ + By double-clicking the tile, it will redirect to the corresponding tree view. +
+
+ 
+
+
+
+
+
+ + Change The Mode +
++ Dark mode +
+
+ 
+
+
+
+
+ + Dashboard Menu +
++ You can Add dashboard menu in any module. Add a name for the menu and select the parent menu also +
+
+ 
+
+
+
+ 
+
+
+
+
+
+ + Dashboard Block +
++ You can see all the tiles and charts created in the Dashboard Block menu. +
+
+ 
+
+
+
+
+
+ + Dashboard Theme +
++ Customize the Dashboard Theme via Configuration > Dashboard Theme. + Then, choose the configured theme for your dashboard. +
+
+ 
+
+
+
+ 
+
+
+
+
+
+ + Print PDF +
++ Print whole dashboard in PDF format by clicking the icon. +
+
+ 
+
+
+
+ 
+
+
+
+
+ + Send Mail +
++ Clicking the Mail icon brings up a wizard, + where you can select users and then click the SEND button. +
+
+ 
+
+
+ + Demo Mail +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+ + FEATURES + +
++ Comprehensive Features of ADVANCED DYNAMIC DASHBOARD
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + Edit And Configure Charts And Tiles. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Easily Create Dynamic Charts And Tiles. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Available Dark Mode And Light Mode. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Create A Advanced Dynamic Dashboard Menu In Any Model. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Charts Can Export Into Image, PDF,XLSX And CSV. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Drag And Resize The Chart And Tile. +
+
+
+
+
+
+
+
+
+
+ + RELEASE NOTES + +
+
+
+
+
+
+
+
+
+
+
+ Version 17.0.1 I Released on : 18th May 2024 +
+Initial commit for + advanced_dynamic_dashboard
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+ 
+ + 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
+Need help? Get in touch. +
++
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ WhatsApp
+
+ Say hi to us on + WhatsApp!
+ ++91 + 86068 + 27707
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Skype
+Say hi to us on Skype!
+ +cybroopenerp
+ +
+
+
+
+ 
+
+
+
+
+
+ `
diff --git a/advanced_dynamic_dashboard/static/src/js/dynamic_dashboard_tile.js b/advanced_dynamic_dashboard/static/src/js/dynamic_dashboard_tile.js
new file mode 100644
index 000000000..8cfd238f0
--- /dev/null
+++ b/advanced_dynamic_dashboard/static/src/js/dynamic_dashboard_tile.js
@@ -0,0 +1,89 @@
+/** @odoo-module **/
+import { ConfirmationDialog } from "@web/core/confirmation_dialog/confirmation_dialog";
+import { _t } from "@web/core/l10n/translation";
+const { Component, xml } = owl;
+
+export class DynamicDashboardTile extends Component {
+ // Setup function of the class DynamicDashboardTile
+ setup() {
+ this.doAction = this.props.doAction.doAction;
+ this.dialog = this.props.dialog;
+ this.orm = this.props.orm;
+ }
+ // Function to get the configuration of the tile
+ async getConfiguration(ev){
+ ev.stopPropagation();
+ ev.preventDefault();
+ var id = this.props.widget.id
+ await this.doAction({
+ type: 'ir.actions.act_window',
+ res_model: 'dashboard.block',
+ res_id: id,
+ view_mode: 'form',
+ views: [[false, "form"]]
+ });
+ }
+ // Function to remove the tile
+ async removeTile(ev){
+ ev.stopPropagation();
+ ev.preventDefault();
+ this.dialog.add(ConfirmationDialog, {
+ title: _t("Delete Confirmation"),
+ body: _t("Are you sure you want to delete this item?"),
+ confirmLabel: _t("YES, I'M SURE"),
+ cancelLabel: _t("NO, GO BACK"),
+ confirm: async () => {
+ await this.orm.unlink("dashboard.block", [this.props.widget.id]);
+ location.reload();
+ },
+ cancel: () => {},
+ });
+ }
+ // Function for getting records by double click
+ async getRecords(){
+ var model_name = this.props.widget.model_name;
+ if (model_name){
+ await this.doAction({
+ type: 'ir.actions.act_window',
+ res_model: model_name,
+ view_mode: 'tree',
+ views: [[false, "tree"]],
+ domain: this.props.widget.domain,
+ });
+ }
+ }
+}
+DynamicDashboardTile.template = xml `
+ `
\ No newline at end of file
diff --git a/advanced_dynamic_dashboard/static/src/scss/dynamic_dashboard.scss b/advanced_dynamic_dashboard/static/src/scss/dynamic_dashboard.scss
new file mode 100644
index 000000000..051245037
--- /dev/null
+++ b/advanced_dynamic_dashboard/static/src/scss/dynamic_dashboard.scss
@@ -0,0 +1,208 @@
+
+:root {
+ /* Colors */
+ --green: #00C689;
+ --blue: #3DA5F4;
+ --red: #F1536E;
+ --yellow: #FDA006;
+ /*Fonts*/
+ --primary-font: 'Roboto', sans-serif;
+}
+
+html .o_web_client > .o_action_manager {
+ overflow: auto;
+}
+
+.bg-green {
+ background-color: var(--green);
+}
+
+.bg-blue {
+ background-color: var(--blue);
+}
+
+.bg-red {
+ background-color: var(--red);
+}
+
+.bg-yellow {
+ background-color: var(--yellow);
+}
+
+.text-color-yellow {
+ color: var(--yellow);
+}
+
+.text-color-green {
+ color: var(--green);
+}
+
+.text-color-blue {
+ color: var(--blue);
+}
+
+.text-color-red {
+ color: var(--red);
+}
+
+.text-color-yellow {
+ color: var(--yellow);
+}
+
+.tile-container__icon-container {
+ border-radius: 50%;
+ width: 4.75rem;
+ height: 4.75rem;
+ font-size: 28px;
+ margin-left: 15px;
+}
+
+.tile-container__status-container {
+ margin-left: 2em;
+}
+
+.status-container__title {
+ font-family: var(--primary-font);
+ font-weight: 500;
+ font-size: 1.5rem;
+ line-height: 1.5rem;
+}
+
+.status-container__figures {
+ font-family: var(--primary-font);
+}
+
+.status-container__figures > h3 {
+ font-weight: 700;
+ font-size: 1.5rem;
+ line-height: 1.813rem;
+}
+
+.tile-container__setting-icon {
+ top: 0.638rem;
+}
+
+.dark-theme {
+ /* Add dark theme styles here */
+ .block_edit {
+ color: #b7b7b7 !important;
+}
+
+.theme_icon:hover {
+text-shadow: 0px 0px 5px #9388ff;
+}
+.add_block{
+ color: #dfdfdf;
+}
+ #ExportMenu {
+ color: #626262;
+ }
+
+ .chart_title {
+ color: #dfdfdf;
+ margin: -0.5em 0 2em 0;
+ }
+
+ .btn-search_edit, {
+ color: #313131;
+ border: none;
+ background-color: #979797 !important;
+ }
+
+ #search-input-chart {
+ color: #ffffff;
+ border: 1px solid #4e4e4e;
+ background-color: #2A2A2A !important;
+ }
+
+ #search-clear {
+ color: #1f1f1f !important;
+ }
+
+ div.navbar {
+ color: #909090;
+ background-color: #2A2A2A !important;
+ }
+
+ .navbar-collapse {
+ margin-bottom: 12px !important;
+ }
+
+ h3 {
+ color: #909090;
+ }
+
+ div.dropdown-addblock {
+ color: #909090;
+ background-color: #2A2A2A !important;
+ }
+
+ #dropdownMenuButton {
+ color: #313131;
+ background-color: #979797 !important;
+ }
+
+ div.card-body {
+ border-radius: 0.5em !important;
+ background-color: #2a2a2a !important;
+ }
+
+ .o_kanban_record {
+ background-color: #e8e8e8 !important;
+ }
+
+ .o_kanban_renderer {
+ background-color: #e8e8e8 !important;
+ }
+
+ .oe_module_name {
+ background-color: #ffffff !important;
+ }
+
+ background-color: #1C1B1B;
+ @media (max-width: 767px) {
+ .navbar-light .navbar-toggler {
+ color: #A7A7A72D;
+ border-color: #F6F6F621;
+ }
+ }
+}
+.btn-align-items{
+ width: 134px;
+ font-size: small;
+ border-radius: revert;
+ height: 33px;
+}
+#edit_layout{
+ background-color: #0c8444;
+}
+#save_layout{
+ background-color: #b53c5d;
+ width: 134px;
+ height: 33px;
+ font-size: small;
+ border-radius: revert;
+}
+#search-button{
+ width: 69px;
+ margin-left: 5px;
+}
+#search-input-chart{
+ width: 206px;
+ height: 34px;
+ border: 1px solid black;
+}
+.search-clear{
+ margin-left: -80px;
+}
+label input{
+ appearance: none;
+}
+.mode{
+ padding-left: 7px;
+ font-family: 'odoo_ui_icons';
+ display: none;
+}
+.view-mode-icon{
+ font-size: x-large;
+}
\ No newline at end of file
diff --git a/advanced_dynamic_dashboard/static/src/xml/dynamic_dashboard_template.xml b/advanced_dynamic_dashboard/static/src/xml/dynamic_dashboard_template.xml
new file mode 100644
index 000000000..678f3bfa7
--- /dev/null
+++ b/advanced_dynamic_dashboard/static/src/xml/dynamic_dashboard_template.xml
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name:
+
+
+
+
+ Name:
+
+
+
+
+ +
+ Parent:
+
+
+
+ ' + 'I hope this mail finds you well. I am pleased to share the Dashboard Report with you.
' + 'Please find the attachment
') % user.name + mail_values = { + 'subject': 'Dashboard Report', + 'author_id': self.env.user.partner_id.id, + 'body_html': mail_content, + 'email_to': user.email, + } + mail_id = self.env['mail.mail'].create(mail_values) + attachment_values = { + 'name': 'Dashboard.pdf', + 'datas': self.base64code, + 'type': 'binary', + 'res_model': 'mail.mail', + 'res_id': mail_id.id, + } + attachment_id = self.env['ir.attachment'].create(attachment_values) + mail_id.write({ + 'attachment_ids': [(4, attachment_id.id)] + }) + mail_id.send() + + return { + 'type': 'ir.actions.client', + 'tag': 'reload', + } + + def cancel_mail(self): + """ + Function for refreshing the page while clicking cancel + """ + return { + 'type': 'ir.actions.client', + 'tag': 'reload', + } diff --git a/advanced_dynamic_dashboard/wizard/dashboard_mail_views.xml b/advanced_dynamic_dashboard/wizard/dashboard_mail_views.xml new file mode 100644 index 000000000..f58b57d4e --- /dev/null +++ b/advanced_dynamic_dashboard/wizard/dashboard_mail_views.xml @@ -0,0 +1,22 @@ + +