[ADD] awesome_dashboard: tasks 1-3

Author: tskv

awesome_dashboard/static/src/dashboard.js

@@ -1,8 +1,32 @@
 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 { _t } from "@web/core/l10n/translation";
+import { DashboardItem } from "./dashboard_item";
 
 class AwesomeDashboard extends Component {
     static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { Layout, DashboardItem };
+
+    setup() {
+        this.action = useService("action");
+    }
+
+    openCustomers() {
+        this.action.doAction("base.action_partner_form")
+    }
+
+    openLeads() {
+        this.action.doAction({
+            type: 'ir.actions.act_window',
+            name: _t('CRM Leads'),
+            target: 'current',
+            res_model: 'crm.lead',
+            views: [[false, 'list'],[false, 'form']],
+        })
+    }
+
 }
 
 registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);

awesome_dashboard/static/src/dashboard.scss

@@ -0,0 +1,3 @@
+.o_dashboard {
+  background-color: slategrey;
+}

awesome_dashboard/static/src/dashboard.xml

@@ -2,7 +2,17 @@
 <templates xml:space="preserve">
 
     <t t-name="awesome_dashboard.AwesomeDashboard">
-        hello dashboard
+        <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>
+            <DashboardItem>
+                <p>content 1</p>
+            </DashboardItem>
+            <DashboardItem size="2">
+                <p>content 2</p>
+            </DashboardItem>
+        </Layout>
+
     </t>
 
 </templates>

awesome_dashboard/static/src/dashboard_item.js

@@ -0,0 +1,18 @@
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem";
+    static props = {
+        slots : {
+            type: Object,
+            optional: true
+        },
+        size : {
+            type: Number,
+            optional: true,
+        },
+    };
+    static defaultProps = {
+        size: 1,
+  };
+}

awesome_dashboard/static/src/dashboard_item.xml

@@ -0,0 +1,12 @@
+<?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">
+                <t t-slot="default"/>
+            </div>
+        </div>
+    </t>
+
+</templates>