[IMP] awesome_dashboard: task 5

Author: tskv

awesome_dashboard/static/src/dashboard.js

@@ -3,20 +3,20 @@ 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 {DashboardItem} from "./dashboard_item/dashboard_item";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
     static components = { Layout, DashboardItem };
 
     setup() {
         this.action = useService("action");
-         onWillStart(async () => {
-             const result = await rpc("/awesome_dashboard/statistics", {});
-             this.statistics = result
-             console.log(this.statistics);
-         })
+        this.statsService = useService("awesome_dashboard.statistics");
+
+        onWillStart(async () => {
+            this.statistics = await this.statsService.loadStatistics();
+        });
+        console.log(this.statistics);
     }
 
     openCustomers() {

awesome_dashboard/static/src/dashboard_item.js renamed to awesome_dashboard/static/src/dashboard_item/dashboard_item.js

@@ -0,0 +1,18 @@
+import { registry } from "@web/core/registry";
+import { rpc } from "@web/core/network/rpc";
+import { memoize } from "@web/core/utils/functions";
+// import { reactive } from "@odoo/owl";
+
+const statisticsService = {
+
+    start() {
+
+        const loadStatistics = memoize(async() => {
+            return await rpc("/awesome_dashboard/statistics", {});
+        });
+
+        return { loadStatistics };
+    }
+}
+
+registry.category("services").add("awesome_dashboard.statistics", statisticsService);