[IMP] awesome_dashboard: add a dashboard item

Author: macocianradu

awesome_dashboard/static/src/dashboard.js

@@ -5,10 +5,11 @@ 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";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
-    static components = { Layout };
+    static components = { Layout, DashboardItem };
 
     setup() {
         this.action = useService("action");

awesome_dashboard/static/src/dashboard.xml

@@ -7,6 +7,11 @@
             <button class="btn btn-primary" t-on-click="openCustomers">Customers</button>
             <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
         </t>
+        <div class="d-inline-flex p-4">
+            <DashboardItem>some content</DashboardItem>
+            <DashboardItem size="2">I love milk</DashboardItem>
+            <DashboardItem>some content</DashboardItem>
+        </div>
     </Layout>
     </t>
 

awesome_dashboard/static/src/dashboard_item.js

@@ -0,0 +1,13 @@
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem"
+
+    static props = {'size': {type: Number, optional: true }}
+
+    setup() {
+        if(!this.props.size) {
+            this.props.size = 1
+        }
+    }
+}

awesome_dashboard/static/src/dashboard_item.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<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">
+            </div>
+            <t t-slot="default">
+            </t>
+        </div>
+    </t>
+</templates>