[IMP] awesome_dashboard: Created dashboard_item component

habo-odoo · habo-odoo · commit ed77a5fbf188 · 2024-03-01T14:15:02.000+01:00
diff --git a/awesome_dashboard/static/src/dashboard.js b/awesome_dashboard/static/src/dashboard.js
@@ -4,13 +4,13 @@ import { Component } 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/dashboard_item";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
 
     setup() {
         this.action = useService("action");
-        //this.openSettings = this.openSettings.bind(this);
     }
     openCustomerList() {
         console.log('clicked');
@@ -21,7 +21,7 @@ class AwesomeDashboard extends Component {
         this.action.doAction("crm.crm_lead_all_leads");
     }
 
-    static components = { Layout };
+    static components = { Layout, DashboardItem };
 }
 
 registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);
diff --git a/awesome_dashboard/static/src/dashboard.xml b/awesome_dashboard/static/src/dashboard.xml
@@ -13,6 +13,15 @@
                     Leads
                 </button>
             </t>
+            <DashboardItem>
+                Hello
+            </DashboardItem>
+            <DashboardItem size="2">
+                Hello
+            </DashboardItem>
+            <DashboardItem>
+                Hello
+            </DashboardItem>
         </Layout>
     </t>
 
diff --git a/awesome_dashboard/static/src/dashboard_item/dashboard_item.js b/awesome_dashboard/static/src/dashboard_item/dashboard_item.js
@@ -0,0 +1,25 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem";
+
+    setup() {
+        this.width = this.props.size*18
+    }
+
+    static defaultProps = {
+        size: 1,
+    };
+
+    static props = {
+        size: {
+            type: Number,
+            optional: true,
+        },
+        slots: {
+            default: Component
+        }
+    };
+}
diff --git a/awesome_dashboard/static/src/dashboard_item/dashboard_item.xml b/awesome_dashboard/static/src/dashboard_item/dashboard_item.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.DashboardItem">
+        <div class="card d-inline-block m-2" t-attf-style="width: {{width}}rem;" >
+            <div class="card-body">
+                <h5 class="card-title">
+                    <t t-esc="props.title"/>
+                </h5>
+                <t t-slot="default"/>
+            </div>
+        </div>
+    </t>
+
+</templates>

Original file line number	Diff line number	Diff line change
`@@ -4,13 +4,13 @@ import { Component } from "@odoo/owl";`
`4`	`4`	`import { registry } from "@web/core/registry";`
`5`	`5`	`import { Layout } from "@web/search/layout";`
`6`	`6`	`import { useService } from "@web/core/utils/hooks";`
	`7`	`+import { DashboardItem } from "./dashboard_item/dashboard_item";`
`7`	`8`
`8`	`9`	`class AwesomeDashboard extends Component {`
`9`	`10`	`static template = "awesome_dashboard.AwesomeDashboard";`
`10`	`11`
`11`	`12`	`setup() {`
`12`	`13`	`this.action = useService("action");`
`13`		`- //this.openSettings = this.openSettings.bind(this);`
`14`	`14`	`}`
`15`	`15`	`openCustomerList() {`
`16`	`16`	`console.log('clicked');`
`@@ -21,7 +21,7 @@ class AwesomeDashboard extends Component {`
`21`	`21`	`this.action.doAction("crm.crm_lead_all_leads");`
`22`	`22`	`}`
`23`	`23`
`24`		`- static components = { Layout };`
	`24`	`+ static components = { Layout, DashboardItem };`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);`