[IMP] awesomeclicker: add editor metadata in Python file

awesome_dashboard/__init__.py

@@ -1,3 +1,2 @@
 # -*- coding: utf-8 -*-
-
 from . import controllers

awesome_dashboard/__manifest__.py

@@ -23,7 +23,11 @@
     ],
     'assets': {
         'web.assets_backend': [
-            'awesome_dashboard/static/src/**/*',
+            'awesome_dashboard/static/src/dashboard_action.js',  # loader
+        ],
+        'awesome_dashboard.dashboard': [
+            'awesome_dashboard/static/src/dashboard/**/*',
+            'awesome_dashboard/static/src/dashboard/xml/**/*',
         ],
     },
     'license': 'AGPL-3'

awesome_dashboard/controllers/__init__.py

@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-from . import controllers
+from . import controllers

awesome_dashboard/controllers/controllers.py

@@ -8,6 +8,7 @@
 
 logger = logging.getLogger(__name__)
 
+
 class AwesomeDashboard(http.Controller):
     @http.route('/awesome_dashboard/statistics', type='jsonrpc', auth='user')
     def get_statistics(self):
@@ -33,4 +34,3 @@ def get_statistics(self):
             },
             'total_amount': random.randint(100, 1000)
         }
-

awesome_dashboard/static/src/dashboard/awesome_dashboard.js

@@ -0,0 +1,48 @@
+import { Component, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { statisticsStore } from "./services/statistics_service";
+import { DashboardItem } from "./dashboard_item";
+import { dashboardItemRegistry } from "./dashboard_registry";
+import { DashboardSettingsDialog } from "./dashboard_settings_dialog";
+
+export class AwesomeDashboard extends Component {
+    static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { DashboardItem };
+
+    static props = {
+        onSettingsOpen: Function, // callback to expose settings API
+    };
+
+    setup() {
+        this.dialog = useService("dialog");
+        this.stats = useState(statisticsStore);
+
+        this.allItems = dashboardItemRegistry.getAll();
+
+        // reactive items
+        this.state = useState({
+            items: this.getFilteredItems(),
+        });
+
+        // expose the API
+        if (this.props.onSettingsOpen) {
+            this.props.onSettingsOpen(() => this.openSettings());
+        }
+    }
+
+    getFilteredItems() {
+        const removed = JSON.parse(
+            localStorage.getItem("awesome_dashboard.removed_items") || "[]"
+        );
+        return this.allItems.filter(item => !removed.includes(item.id));
+    }
+
+    openSettings() {
+        this.dialog.add(DashboardSettingsDialog, {
+            items: this.allItems,
+            onApply: () => {
+                this.state.items = this.getFilteredItems();
+            },
+        });
+    }
+}

awesome_dashboard/static/src/dashboard/awesome_dashboard_wrapper.js

@@ -0,0 +1,45 @@
+import { Component } from "@odoo/owl";
+import { Layout } from "@web/search/layout";
+import { AwesomeDashboard } from "./awesome_dashboard";
+import { registry } from "@web/core/registry";
+
+export class AwesomeDashboardWrapper extends Component {
+    static template = "awesome_dashboard.AwesomeDashboardWrapper";
+    static components = { Layout, AwesomeDashboard };
+
+    setup() {
+        this.action = this.env.services.action;
+        this.dashboardOpenSettings = null;
+
+        this.setDashboardSettingsCallback = (fn) => {
+            this.dashboardOpenSettings = fn;
+        };
+    }
+
+    openSettings() {
+        if (this.dashboardOpenSettings) {
+            this.dashboardOpenSettings();
+        }
+    }
+
+    openCustomers() {
+        this.action.doAction("base.action_partner_form");
+    }
+
+    openLeads() {
+        this.action.doAction({
+            type: "ir.actions.act_window",
+            name: "Leads",
+            res_model: "crm.lead",
+            views: [[false, "list"], [false, "form"]],
+            target: "current",
+        });
+    }
+
+    get layoutProps() {
+        return { display: { controlPanel: {}, className: "o_dashboard h-100" } };
+    }
+}
+
+// Register for lazy loading
+registry.category("lazy_components").add("AwesomeDashboard", AwesomeDashboardWrapper);

awesome_dashboard/static/src/dashboard/dashboard.scss

@@ -0,0 +1,7 @@
+.o_dashboard {
+    background-color: grey;
+}
+
+.o_dashboard .card {
+    border-radius: 12px;
+}

awesome_dashboard/static/src/dashboard/dashboard_item.js

@@ -0,0 +1,18 @@
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem";
+
+    // Default value
+    static defaultProps = {
+        size: 1,  // if parent doesn't provide `size`, it will be 1
+    };
+
+    static props = {
+        size: { type: Number, optional: true },
+    };
+
+    get width() {
+        return `width: ${18 * this.props.size}rem`;
+    }
+}

awesome_dashboard/static/src/dashboard/dashboard_items.js

@@ -0,0 +1,65 @@
+import { dashboardItemRegistry } from "./dashboard_registry";
+import { NumberCard } from "./number_card";
+import { PieChartCard } from "./pie_chart_card";
+
+dashboardItemRegistry.add("new_orders", {
+    id: "new_orders",
+    description: "New orders this month",
+    Component: NumberCard,
+    props: (stats) => ({
+        title: "New Orders",
+        value: stats.nb_new_orders,
+    }),
+});
+
+dashboardItemRegistry.add("total_amount", {
+    id: "total_amount",
+    description: "Total amount this month",
+    Component: NumberCard,
+    props: (stats) => ({
+        title: "Total Amount",
+        value: stats.total_amount,
+    }),
+});
+
+dashboardItemRegistry.add("average_quantity", {
+    id: "average_quantity",
+    description: "Average T-Shirts per order",
+    Component: NumberCard,
+    props: (stats) => ({
+        title: "Avg T-Shirts / Order",
+        value: stats.average_quantity,
+    }),
+});
+
+dashboardItemRegistry.add("cancelled_orders", {
+    id: "cancelled_orders",
+    description: "Cancelled orders this month",
+    Component: NumberCard,
+    props: (stats) => ({
+        title: "Cancelled Orders",
+        value: stats.nb_cancelled_orders,
+    }),
+});
+
+dashboardItemRegistry.add("avg_time", {
+    id: "avg_time",
+    description: "Average processing time",
+    Component: NumberCard,
+    size: 2,
+    props: (stats) => ({
+        title: "Avg Processing Time (hours)",
+        value: stats.average_time,
+    }),
+});
+
+dashboardItemRegistry.add("tshirt_sizes", {
+    id: "tshirt_sizes",
+    description: "T-Shirt sizes sold",
+    Component: PieChartCard,
+    size: 2,
+    props: (stats) => ({
+        title: "T-Shirt Sizes Sold",
+        data: stats.orders_by_size,
+    }),
+});

awesome_dashboard/static/src/dashboard/dashboard_registry.js

@@ -0,0 +1,4 @@
+import { registry } from "@web/core/registry";
+
+// Create a new registry category for dashboard items
+export const dashboardItemRegistry = registry.category("awesome_dashboard.items");