odoo · jupao-odoo · Feb 16, 2026 · Feb 16, 2026 · Feb 17, 2026 · Feb 17, 2026
diff --git a/.gitignore b/.gitignore
diff --git a/awesome_dashboard/__init__.py b/awesome_dashboard/__init__.py
@@ -1,3 +1,2 @@
 # -*- coding: utf-8 -*-
-
 from . import controllers
diff --git a/awesome_dashboard/__manifest__.py b/awesome_dashboard/__manifest__.py
@@ -24,6 +24,9 @@
     'assets': {
         'web.assets_backend': [
             'awesome_dashboard/static/src/**/*',
+            'awesome_dashboard/static/src/dashboard.scss',
+            'awesome_dashboard/static/src/dashboard.xml',
+            'awesome_dashboard/static/src/dashboard.js',
         ],
     },
     'license': 'AGPL-3'

diff --git a/awesome_dashboard/controllers/__init__.py b/awesome_dashboard/controllers/__init__.py
@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-from . import controllers
+from . import controllers
diff --git a/awesome_dashboard/controllers/controllers.py b/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)
         }
-
diff --git a/awesome_dashboard/static/src/dashboard.js b/awesome_dashboard/static/src/dashboard.js
@@ -1,8 +1,80 @@
-import { Component } from "@odoo/owl";
+import { Component, onWillStart, useState } from "@odoo/owl";
 import { registry } from "@web/core/registry";
+import { Layout } from "@web/search/layout";
+import { useService } from "@web/core/utils/hooks";
+import { rpc } from "@web/core/network/rpc";
 
+/* ---------------------------
+   Dashboard Item
+----------------------------*/
+class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem";
+    static props = {
+        size: { type: Number, optional: true },
+    };
+
+    get width() {
+        const size = this.props.size || 1;
+        return `width: ${18 * size}rem`;
+    }
+}
+
+/* ---------------------------
+   Main Dashboard
+----------------------------*/
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { DashboardItem };
+
+    setup() {
+        this.action = useService("action");
+
+        this.state = useState({
+            stats: null,
+        });
+
+        onWillStart(async () => {
+            this.state.stats = await rpc(
+                "/awesome_dashboard/statistics",
+                {}
+            );
+        });
+    }
+
+    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",
+        });
+    }
+}
+
+/* ---------------------------
+   Layout Wrapper
+----------------------------*/
+class AwesomeDashboardWrapper extends Component {
+    static template = "awesome_dashboard.AwesomeDashboardWrapper";
+    static components = { Layout, AwesomeDashboard };
+
+    get layoutProps() {
+        return {
+            controlPanel: {},
+            className: "o_dashboard h-100",
+        };
+    }
 }
 
-registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);
+registry.category("actions").add(
+    "awesome_dashboard.dashboard",
+    AwesomeDashboardWrapper
+);
diff --git a/awesome_dashboard/static/src/dashboard.scss b/awesome_dashboard/static/src/dashboard.scss
@@ -0,0 +1,7 @@
+.o_dashboard {
+    background-color: grey;
+}
+
+.o_dashboard .card {
+    border-radius: 12px;
+}
diff --git a/awesome_dashboard/static/src/dashboard.xml b/awesome_dashboard/static/src/dashboard.xml
@@ -1,8 +1,77 @@
-<?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
 
+    <!-- Layout Wrapper -->
+    <t t-name="awesome_dashboard.AwesomeDashboardWrapper">
+        <Layout t-props="layoutProps">
+            <AwesomeDashboard/>
+        </Layout>
+    </t>
+
+    <!-- Reusable Card -->
+    <t t-name="awesome_dashboard.DashboardItem">
+        <div class="card shadow-sm m-2"
+             t-att-style="width">
+            <div class="card-body">
+                <t t-slot="default"/>
+            </div>
+        </div>
+    </t>
+
+    <!-- Dashboard Content -->
     <t t-name="awesome_dashboard.AwesomeDashboard">
-        hello dashboard
+
+        <!-- 🔹 Navigation Buttons -->
+        <div class="d-flex gap-3 p-3">
+            <button class="btn btn-primary"
+                    t-on-click="openCustomers">
+                Customers
+            </button>
+
+            <button class="btn btn-secondary"
+                    t-on-click="openLeads">
+                Leads
+            </button>
+        </div>
+
+        <!-- 🔹 Statistics -->
+        <div class="d-flex flex-wrap px-3"
+             t-if="state.stats">
+
+            <DashboardItem>
+                <h6>New Orders</h6>
+                <h3><t t-esc="state.stats.nb_new_orders"/></h3>
+                <small>This month</small>
+            </DashboardItem>
+
+            <DashboardItem>
+                <h6>Total Amount</h6>
+                <h3><t t-esc="state.stats.total_amount"/></h3>
+                <small>This month</small>
+            </DashboardItem>
+
+            <DashboardItem>
+                <h6>Avg T-Shirts / Order</h6>
+                <h3><t t-esc="state.stats.average_quantity"/></h3>
+            </DashboardItem>
+
+            <DashboardItem>
+                <h6>Cancelled Orders</h6>
+                <h3><t t-esc="state.stats.nb_cancelled_orders"/></h3>
+                <small>This month</small>
+            </DashboardItem>
+
+            <DashboardItem size="2">
+                <h6>Avg Processing Time (hours)</h6>
+                <h3><t t-esc="state.stats.average_time"/></h3>
+            </DashboardItem>
+
+        </div>
+
+        <!-- Loading State -->
+        <div t-else="" class="p-5 text-center">
+            Loading statistics...
+        </div>
+
     </t>
 
-</templates>
+</templates>
diff --git a/awesome_gallery/models/ir_action.py b/awesome_gallery/models/ir_action.py
@@ -7,4 +7,4 @@ class ActWindowView(models.Model):
 
     view_mode = fields.Selection(selection_add=[
         ('gallery', "Awesome Gallery")
-    ],  ondelete={'gallery': 'cascade'})
+    ], ondelete={'gallery': 'cascade'})
diff --git a/awesome_owl/__init__.py b/awesome_owl/__init__.py
@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-from . import controllers
+from . import controllers
diff --git a/awesome_owl/controllers/__init__.py b/awesome_owl/controllers/__init__.py
@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-from . import controllers
+from . import controllers
diff --git a/awesome_owl/controllers/__pycache__/controllers.cpython-312.pyc b/awesome_owl/controllers/__pycache__/controllers.cpython-312.pyc
diff --git a/awesome_owl/controllers/controllers.py b/awesome_owl/controllers/controllers.py
@@ -1,5 +1,6 @@
 from odoo import http
-from odoo.http import request, route
+from odoo.http import request
+
 
 class OwlPlayground(http.Controller):
     @http.route(['/awesome_owl'], type='http', auth='public')

diff --git a/awesome_owl/static/src/card/card.js b/awesome_owl/static/src/card/card.js
@@ -0,0 +1,18 @@
+import { Component, useState } from "@odoo/owl";
+
+export class Card extends Component {
+    static template = "awesome_owl.Card";
+
+    static props = {
+        title: String,
+        slots: { type: Object, optional: true },
+    };
+
+    setup() {
+        this.state = useState({ open: true });
+    }
+
+    toggle() {
+        this.state.open = !this.state.open;
+    }
+}
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,2 @@
		# -- coding: utf-8 --

		from . import controllers