[ADD] awesome_dashboard: task 4 (statistics)

Author: tskv

awesome_dashboard/static/src/dashboard.js

@@ -1,10 +1,10 @@
-import { Component, useState, onWillStart } from "@odoo/owl";
-import { registry } from "@web/core/registry";
-import { Layout } from "@web/search/layout";
-import { useService } from "@web/core/utils/hooks"
-import { _t } from "@web/core/l10n/translation";
-import { DashboardItem } from "./dashboard_item";
-import { rpc } from "@web/core/network/rpc";
+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 {_t} from "@web/core/l10n/translation";
+import {DashboardItem} from "./dashboard_item";
+import {rpc} from "@web/core/network/rpc";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
@@ -13,9 +13,10 @@ class AwesomeDashboard extends Component {
     setup() {
         this.action = useService("action");
          onWillStart(async () => {
-             const result = await rpc("/awesome_dashboard/statistics");
+             const result = await rpc("/awesome_dashboard/statistics", {});
+             this.statistics = result
+             console.log(this.statistics);
          })
-        //this.statistics = useState(useService("awesome_dashboard.statistics"));
     }
 
     openCustomers() {

awesome_dashboard/static/src/dashboard.xml

@@ -3,14 +3,38 @@
 
     <t t-name="awesome_dashboard.AwesomeDashboard">
         <Layout display="{controlPanel: {} }" className="'o_dashboard h-100'">
-            <button class="btn btn-primary" t-on-click="openCustomers">Customers</button>
-            <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
+
+            <t t-set-slot="layout-buttons">
+                <button class="btn btn-primary" t-on-click="openCustomers">Customers</button>
+                <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
+            </t>
+
             <DashboardItem>
-                <p>content 1</p>
+                <t t-set-slot="title">
+                    New orders
+                </t>
+                <t t-set-slot="number">
+                    <t t-out="statistics.nb_new_orders" />
+                </t>
             </DashboardItem>
-            <DashboardItem size="2">
-                <p>content 2</p>
+            <DashboardItem>
+                <t t-set-slot="title">
+                    Total amount
+                </t>
+                <t t-set-slot="number">
+                    <t t-out="statistics.total_amount" />
+                </t>
             </DashboardItem>
+            <DashboardItem>
+                <t t-set-slot="title">
+                    Average time
+                </t>
+                <t t-set-slot="number">
+                    <t t-out="statistics.average_time"/>
+                </t>
+            </DashboardItem>
+
+
         </Layout>
 
     </t>

awesome_dashboard/static/src/dashboard_item.xml

@@ -2,9 +2,12 @@
 <templates xml:space="preserve">
 
     <t t-name="awesome_dashboard.DashboardItem">
-        <div class="card m-2" t-attf-style="width: {{18 * props.size }}rem;">
-            <div class="card-body">
-                <t t-slot="default"/>
+        <div class="card m-3 p-1" t-attf-style="width: {{18 * props.size }}rem;">
+            <div class="card-title fs-3 mt-3 text-center">
+                 <t t-slot="title"/>
+            </div>
+            <div class="card-body fs-1 fw-bold text-success text-center">
+                <t t-slot="number"/>
             </div>
         </div>
     </t>