Skip to content

Commit 86496fb

Browse files
danal-odoodanal-odoo
committed
[IMP] awesome_dashboard: added DashboardItem component.
 added DashboardItem component. added slot props in DashboardItem and created a dynamic card in xml. added rpc call in onWillStart(). render all return values in it's separate card in dashboard.xml. added state as 'badge' widget in kanban view in estate module. refined garden onchange logic.
1 parent 8c73677 commit 86496fb

File tree

17 files changed

+123
-35
lines changed

17 files changed

+123
-35
lines changed

‎awesome_dashboard/static/src/dashboard.js‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,19 @@
1-
import { Component } from "@odoo/owl";
1+
import { Component, onWillStart } from "@odoo/owl";
22
import { registry } from "@web/core/registry";
33
import { Layout } from "@web/search/layout";
44
import { useService } from "@web/core/utils/hooks";
5+
import { DashboardItem } from "./dashboarditem/dashboarditem";
6+
import { rpc } from "@web/core/network/rpc";
57

68
class AwesomeDashboard extends Component {
79
static template = "awesome_dashboard.AwesomeDashboard";
8-
static components = { Layout }
10+
static components = { Layout, DashboardItem }
911

1012
setup() {
1113
this.action = useService("action");
14+
onWillStart(async () => {
15+
this.result = await rpc("/awesome_dashboard/statistics");
16+
})
1217
}
1318

1419
openCustomers() {

‎awesome_dashboard/static/src/dashboard.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
.o_dashboard {
2-
background-color: gray;
2+
background-color:rgb(27, 29, 38)
33
}

‎awesome_dashboard/static/src/dashboard.xml‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<?xml version="1.0" encoding="UTF-8" ?>
22
<templates xml:space="preserve">
3+
34
<t t-name="awesome_dashboard.AwesomeDashboard">
45
<Layout className="'o_dashboard h-100'" display="{ controlPanel: {} }">
56
<t t-set-slot="control-panel-buttons">
@@ -10,7 +11,39 @@
1011
Leads
1112
</button>
1213
</t>
13-
<h1 style="color: black;">Hello World</h1>
14+
<div class="d-flex flex-wrap mt-1">
15+
<DashboardItem>
16+
<div class="text-center">
17+
Number of new orders this month
18+
<p t-out="this.result.nb_new_orders" class="fs-1 fw-bold text-success"/>
19+
</div>
20+
</DashboardItem>
21+
<DashboardItem>
22+
<div class="text-center">
23+
Total amount of new orders this month
24+
<p t-out="this.result.total_amount" class="fs-1 fw-bold text-success"/>
25+
</div>
26+
</DashboardItem>
27+
<DashboardItem>
28+
<div class="text-center">
29+
Average amount of t-shirt by order this month
30+
<p t-out="this.result.average_quantity" class="fs-1 fw-bold text-success"/>
31+
</div>
32+
</DashboardItem>
33+
<DashboardItem>
34+
<div class="text-center">
35+
Number of cancelled orders this month
36+
<p t-out="this.result.nb_cancelled_orders" class="fs-1 fw-bold text-success"/>
37+
</div>
38+
</DashboardItem>
39+
<DashboardItem>
40+
<div class="text-center">
41+
Average time for an order to go from ‘new’ to ‘sent’ or ‘cancelled’
42+
<p t-out="this.result.average_time" class="fs-1 fw-bold text-success"/>
43+
</div>
44+
</DashboardItem>
45+
</div>
1446
</Layout>
1547
</t>
48+
1649
</templates>

‎awesome_dashboard/static/src/dashboarditem/dashboarditem.js‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Component } from "@odoo/owl";
2+
3+
export class DashboardItem extends Component {
4+
static template = "awesome_dashboard.DashboardItem";
5+
6+
static props = {
7+
slots: {
8+
type: Object,
9+
shape: {
10+
default: Object,
11+
},
12+
},
13+
size: {
14+
type: Number,
15+
default: 1,
16+
optional: true,
17+
},
18+
};
19+
}

‎awesome_dashboard/static/src/dashboarditem/dashboarditem.xml‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<?xml version="1.0" encoding="UTF-8" ?>
2+
<templates xml:space="preserve">
3+
<t t-name="awesome_dashboard.DashboardItem">
4+
<div class="card m-2" t-attf-style="width: {{ 18 * props.size }}rem; border-radius: 16px;">
5+
<div class="card-body">
6+
<t t-slot="default"/>
7+
</div>
8+
</div>
9+
</t>
10+
</templates>

‎awesome_owl/static/src/counter/counter.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export class Counter extends Component {
1313

1414
increment() {
1515
this.state.value++;
16-
if (this.props.onChange){
16+
if (this.props.onChange) {
1717
this.props.onChange(1);
1818
}
1919
}

‎awesome_owl/static/src/counter/counter.xml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<?xml version="1.0" encoding="UTF-8" ?>
22
<templates xml:space="preserve">
3+
34
<t t-name="awesome_owl.counter">
45
<div style="border: 2px solid black; border-radius: 12px; width: fit-content; padding: 10px;">
56
<p style="font-weight: bold;">Counter: <t t-esc="state.value"/></p>
@@ -21,4 +22,5 @@
2122
</button>
2223
</div>
2324
</t>
25+
2426
</templates>

‎awesome_owl/static/src/playground.js‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,17 @@ export class Playground extends Component {
1616
}
1717

1818
calculateSum(newValue) {
19-
if (newValue > 0){
19+
if (newValue > 0)
20+
{
2021
this.state.sum++;
2122
}
22-
if (newValue < 0){
23+
if (newValue < 0)
24+
{
2325
this.state.sum--;
2426
}
2527
}
2628

27-
reset(){
29+
reset() {
2830
this.state.sum = 0
2931
}
3032
}

‎awesome_owl/static/src/playground.xml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<?xml version="1.0" encoding="UTF-8" ?>
22
<templates xml:space="preserve">
3+
34
<t t-name="awesome_owl.playground">
45
<t t-out="this.state.content"/>
56
<div style="display:flex; align-items:center; gap:12px;">
@@ -38,4 +39,5 @@
3839
</Card>
3940
</div>
4041
</t>
42+
4143
</templates>

‎awesome_owl/static/src/todo/todoitem.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ export class TodoItem extends Component {
99
removeTodo: Function
1010
};
1111

12-
toggleIsCompleted(){
12+
toggleIsCompleted() {
1313
this.props.toggleState(this.props.todo.id)
1414
}
1515

16-
onClickRemove(){
16+
onClickRemove() {
1717
this.props.removeTodo(this.props.todo.id)
1818
}
1919
}

0 commit comments

Comments
 (0)