[ADD] awesome_dashboard: implement base dashboard with layout, items, and stats

Implemented the first set of dashboard features in the `awesome_dashboard`
module using the Odoo JavaScript framework. This commit reflects the
progress of building a functional dashboard step by step.

Work done:
- Updated AwesomeDashboard to use Layout with control panel and content zone
- Added dashboard.scss and applied custom background color
- Added navigation buttons in control panel:
  * Customers → opens kanban view of res.partner
  * Leads → opens list and form views of crm.lead
- Created reusable DashboardItem component with size prop and slot content
- Displayed cards in dashboard with flexible sizing
- Integrated rpc call to /awesome_dashboard/statistics to fetch data
- Displayed statistics cards for orders, amounts, and processing time
- Registered new statistics service to cache results with memoize
- Updated Dashboard to use statistics service instead of repeated rpc calls

Author: pusu-odoo

awesome_dashboard/static/src/dashboard.js

@@ -1,10 +1,40 @@
 /** @odoo-module **/
 
-import { Component } from "@odoo/owl";
+import { Component, onWillStart } from "@odoo/owl";
 import { registry } from "@web/core/registry";
+import { Layout } from "@web/search/layout";
+import { useService } from "@web/core/utils/hooks";
+import { DashboardItem } from "./dashboard_item";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { Layout, DashboardItem } ;
+
+    setup(){
+        this.actions = useService("action");
+        this.statisticsService = useService("awesome_dashboard.statistics");
+        this.display = { controlPanel: {} };
+
+        onWillStart(async () => {
+            this.statistics = await this.statisticsService.loadStatistics();
+        })
+    }
+
+    openCustomersView(){
+        this.actions.doAction("base.action_partner_form");
+    }
+
+    openAllLeads(){
+        this.actions.doAction({
+            type: "ir.actions.act_window",
+            name: "All leads",
+            res_model: "crm.lead",
+            views: [
+                [false, "list"],
+                [false, "form"]
+            ]
+        });
+    }
 }
 
-registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);
+registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);

awesome_dashboard/static/src/dashboard.scss

@@ -0,0 +1,3 @@
+.o_dashboard{
+    background-color: grey;
+}

awesome_dashboard/static/src/dashboard.xml

@@ -2,7 +2,44 @@
 <templates xml:space="preserve">
 
     <t t-name="awesome_dashboard.AwesomeDashboard">
-        hello dashboard
+        <Layout display="display" className="'o_dashboard h-100'">
+            <t t-set-slot="layout-buttons">
+                <button class="btn btn-primary" t-on-click="openCustomersView">Customers</button>
+                <button class="btn btn-primary" t-on-click="openAllLeads">Leads</button>
+            </t>
+            <div class="d-flex flex-wrap">
+                <DashboardItem>
+                    Average amount of t-shirt by order this month
+                    <div class="fs-1 fw-bold text-success text-center">
+                        <t t-esc="statistics.average_quantity"/>
+                    </div>
+                </DashboardItem>
+                <DashboardItem size="2">
+                    Average time for an order to go from 'new' to 'sent' or 'cancelled'
+                    <div class="fs-1 fw-bold text-success text-center">
+                        <t t-esc="statistics.average_time"/>
+                    </div>
+                </DashboardItem>
+                <DashboardItem>
+                    Number of new orders this month
+                    <div class="fs-1 fw-bold text-success text-center">
+                        <t t-esc="statistics.nb_new_orders"/>
+                    </div>
+                </DashboardItem>
+                <DashboardItem>
+                    Number of cancelled orders this month
+                    <div class="fs-1 fw-bold text-success text-center">
+                        <t t-esc="statistics.nb_cancelled_orders"/>
+                    </div>
+                </DashboardItem>
+                <DashboardItem>
+                    Total amount of new orders this month
+                    <div class="fs-1 fw-bold text-success text-center">
+                        <t t-esc="statistics.total_amount"/>
+                    </div>
+                </DashboardItem>
+            </div>
+        </Layout>    
     </t>
 
 </templates>

awesome_dashboard/static/src/dashboard_item.js

@@ -0,0 +1,18 @@
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component{
+    static template = "awesome_dashboard.DashboardItem"
+    static props = {
+        slots: {
+            type: Object,
+            shape: {
+                default: Object
+            },
+        },
+        size: {
+            type: Number,
+            default: 1,
+            optional: true,
+        },
+    };
+} 

awesome_dashboard/static/src/dashboard_item.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.DashboardItem">
+        <div class="card m-2 border-dark" t-attf-style="width: {{18*props.size}}rem;">
+            <div class="card-body">
+                <t t-slot="default"/>
+            </div>
+        </div>
+    </t>
+    
+</templates>

awesome_dashboard/static/src/piechart.js

@@ -0,0 +1,17 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { memoize } from "@web/core/utils/functions";
+import { rpc } from "@web/core/network/rpc";
+
+const statisticsService = {
+    async: ["loadStatistics"],
+    start() {
+        return {
+            loadStatistics : memoize(()=>rpc("/awesome_dashboard/statistics"))
+        };
+    },
+};
+
+// Register the service
+registry.category("services").add("awesome_dashboard.statistics", statisticsService);