[ADD] Design an Estate module #1125

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

THDES-odoo wants to merge 86 commits into odoo:19.0 from odoo-dev:19.0-estate-thdes

awesome_dashboard/__manifest__.py

-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,11 @@ @@
         'assets': {
             'web.assets_backend': [
                 'awesome_dashboard/static/src/**/*',
+                ('remove', 'awesome_dashboard/static/src/dashboard/*'),
             ],
+            'awesome_dashboard.dashboard': [
+                'awesome_dashboard/static/src/dashboard/**/*',
+            ]
         },
         'license': 'AGPL-3'
     }

awesome_dashboard/static/src/dashboard.js

This file was deleted.

awesome_dashboard/static/src/dashboard.xml

This file was deleted.

awesome_dashboard/static/src/dashboard/dashboard.js

-Original file line number
+Diff line change
@@ -0,0 +1,89 @@
+    import { Component, useState } from "@odoo/owl";
+    import { CheckBox } from "@web/core/checkbox/checkbox";
+    import { Dialog } from "@web/core/dialog/dialog";
+    import { browser } from "@web/core/browser/browser";
+    import { registry } from "@web/core/registry";
+    import { useService } from "@web/core/utils/hooks";
+    import { Layout } from "@web/search/layout";
+    import { DashboardItem } from "./dashboard_item/dashboard_item";
+    import { NumberCard } from "./number_card/number_card";
+    import { PieChartCard } from "./pie_chart_card/pie_chart_card";
+    class AwesomeDashboard extends Component {
+        static template = "awesome_dashboard.AwesomeDashboard";
+        static components = { Layout, DashboardItem, NumberCard, PieChartCard };
+        setup() {
+            this.items = registry.category("awesome_dashboard").getAll();
+            this.action = useService("action");
+            this.stats = useState(useService("awesome_dashboard.statistics"));
+            this.dialog = useService("dialog");
+            this.hiddenItemIds = useState(
+                browser.localStorage.getItem("hiddenDashboardItemIds")?.split(",") || [],
+            );
+        }
+        openCustomers() {
+            this.action.doAction("base.action_partner_form");
+        }
+        async openLeads() {
+            this.action.doAction({
+                type: "ir.actions.act_window",
+                name: "All Leads",
+                res_model: "crm.lead",
+                views: [
+                    [false, "list"],
+                    [false, "form"],
+                ],
+            });
+        }
+        openConfig() {
+            this.dialog.add(ConfigDialog, {
+                items: this.items,
+                hiddenItemIds: this.hiddenItemIds,
+                onUpdateConfig: this.updateConfig.bind(this),
+            });
+        }
+        updateConfig(newHiddenItemIds) {
+            this.hiddenItemIds = newHiddenItemIds;
+        }
+    }
+    class ConfigDialog extends Component {
+        static template = "awesome_dashboard.ConfigDialog";
+        static components = { Dialog, CheckBox };
+        static props = {
+            close: Function,
+            items: { type: Array, elements: Object },
+            hiddenItemIds: { type: Array, elements: String },
+            onUpdateConfig: { type: Function, optional: true },
+        };
+        setup() {
+            this.items = useState(
+                this.props.items.map((item) => ({
+                    ...item,
+                    displayed: !this.props.hiddenItemIds.includes(item.id),
+                })),
+            );
+        }
+        onChange(checked, itemToChange) {
+            itemToChange.displayed = checked;
+            const newHiddenItemIds = this.items
+                .filter((item) => !item.displayed)
+                .map((item) => item.id);
+            browser.localStorage.setItem("hiddenDashboardItemIds", newHiddenItemIds);
+            this.props.onUpdateConfig?.(newHiddenItemIds);
+        }
+        done() {
+            this.props.close();
+        }
+    }
+    registry.category("lazy_components").add("AwesomeDashboard", AwesomeDashboard);

awesome_dashboard/static/src/dashboard/dashboard.scss

-Original file line number
+Diff line change
@@ -0,0 +1,3 @@
+    .o_dashboard {
+        background-color: gray;
+    }

awesome_dashboard/static/src/dashboard/dashboard.xml

-Original file line number
+Diff line change
@@ -0,0 +1,40 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.AwesomeDashboard">
+            <Layout className="'o_dashboard h-100'" display="{controlPanel: {}}">
+                <t t-set-slot="layout-buttons">
+                    <button class="btn btn-primary" t-on-click="openCustomers">Customers</button>
+                    <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
+                </t>
+                <t t-set-slot="control-panel-additional-actions">
+                    <button t-on-click="openConfig" class="btn p-0 ms-1 border-0">
+                        <i class="fa fa-cog"/>
+                    </button>
+                </t>
+                <t t-if="stats.isReady">
+                    <t t-foreach="items" t-as="item" t-key="item.id">
+                        <DashboardItem size="item.size" t-if="!hiddenItemIds.includes(item.id)">
+                            <t t-set="itemProp" t-value="item.props ? item.props(stats) : {'data': stats}"/>
+                            <t t-component="item.Component" t-props="itemProp"/>
+                        </DashboardItem>
+                    </t>
+                </t>
+            </Layout>
+        </t>
+        <t t-name="awesome_dashboard.ConfigDialog">
+            <Dialog title="'Dashboard items configuration'">
+                    <t t-foreach="items" t-as="item" t-key="item.id">
+                        <CheckBox value="item.displayed" onChange.bind="(ev) => this.onChange(ev, item)">
+                            <t t-esc="item.description"/>
+                        </CheckBox>
+                    </t>
+                    <t t-set-slot="footer">
+                        <button class="btn btn-primary" t-on-click="done">
+                            Done
+                        </button>
+                    </t>
+            </Dialog>
+        </t>
+    </templates>

awesome_dashboard/static/src/dashboard/dashboard_item/dashboard_item.js

-Original file line number
+Diff line change
@@ -0,0 +1,16 @@
+    import { Component } from "@odoo/owl";
+    export class DashboardItem extends Component {
+        static template = "awesome_dashboard.DashboardItem";
+        static props = {
+            size: { type: Number, optional: true },
+            slots: {
+                type: Object,
+                shape: { default: Object },
+            },
+        };
+        static defaultProps = {
+            size: 1,
+        };
+    }

awesome_dashboard/static/src/dashboard/dashboard_item/dashboard_item.xml

-Original file line number
+Diff line change
@@ -0,0 +1,11 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.DashboardItem">
+            <div class="card d-inline-block m-2" t-attf-style="width: {{18*props.size}}rem;">
+                <div class="card-body">
+                    <t t-slot="default"/>
+                </div>
+            </div>
+        </t>
+    </templates>

awesome_dashboard/static/src/dashboard/dashboard_items.js

-Original file line number
+Diff line change
@@ -0,0 +1,65 @@
+    import { registry } from "@web/core/registry";
+    import { NumberCard } from "./number_card/number_card";
+    import { PieChartCard } from "./pie_chart_card/pie_chart_card";
+    const items = [
+        {
+            id: "nb_new_orders",
+            description: "Number of new orders",
+            Component: NumberCard,
+            props: (data) => ({
+                title: "Number of new orders this month",
+                value: data.nb_new_orders,
+            }),
+        },
+        {
+            id: "total_amount",
+            description: "Total amount of new orders",
+            Component: NumberCard,
+            props: (data) => ({
+                title: "Total amount of new orders this month",
+                value: data.total_amount,
+            }),
+        },
+        {
+            id: "average_quantity",
+            description: "Average amount of T-shirt",
+            Component: NumberCard,
+            props: (data) => ({
+                title: "Average amount of T-shirt per order this month",
+                value: data.average_quantity,
+            }),
+        },
+        {
+            id: "nb_cancelled_orders",
+            description: "Number of canceled orders",
+            Component: NumberCard,
+            props: (data) => ({
+                title: "Number of canceled orders this month",
+                value: data.nb_cancelled_orders,
+            }),
+        },
+        {
+            id: "average_time",
+            description: "Average order time",
+            Component: NumberCard,
+            props: (data) => ({
+                title: "Average time for an order to go from 'new' to 'sent' or 'canceled'",
+                value: data.average_time,
+            }),
+        },
+        {
+            id: "orders_by_size",
+            description: "Orders by size",
+            Component: PieChartCard,
+            size: 2,
+            props: (data) => ({
+                title: "T-shirt orders by size",
+                stats: data.orders_by_size,
+            }),
+        },
+    ];
+    items.forEach((item) => {
+        registry.category("awesome_dashboard").add(item.id, item);
+    });

awesome_dashboard/static/src/dashboard/number_card/number_card.js

-Original file line number
+Diff line change
@@ -0,0 +1,9 @@
+    import { Component } from "@odoo/owl";
+    export class NumberCard extends Component {
+        static template = "awesome_dashboard.NumberCard";
+        static props = {
+            title: String,
+            value: Number,
+        };
+    }

awesome_dashboard/static/src/dashboard/number_card/number_card.xml

-Original file line number
+Diff line change
@@ -0,0 +1,10 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.NumberCard">
+            <b><t t-esc="props.title"/></b><br/>
+            <div style="color: green; font-size: 24pt; text-align: center;">
+                <t t-esc="props.value"/>
+            </div>
+        </t>
+    </templates>

awesome_dashboard/static/src/dashboard/pie_chart/pie_chart.js

-Original file line number
+Diff line change
@@ -0,0 +1,28 @@
+    import { Component, onWillStart, onWillUnmount, useEffect, useRef } from "@odoo/owl";
+    import { loadJS } from "@web/core/assets";
+    export class PieChart extends Component {
+        static template = "awesome_dashboard.PieChart";
+        static props = {
+            data: Object,
+        };
+        setup() {
+            this.canvasRef = useRef("canvas");
+            onWillStart(() => loadJS("/web/static/lib/Chart/Chart.js"));
+            useEffect(() => this.renderChart());
+            onWillUnmount(() => this.chart?.destroy());
+        }
+        renderChart() {
+            this.chart?.destroy();
+            const ctx = this.canvasRef.el;
+            this.chart = new Chart(ctx, {
+                type: "doughnut",
+                data: {
+                    datasets: [{ data: Object.values(this.props.data) }],
+                    labels: Object.keys(this.props.data),
+                },
+            });
+        }
+    }

awesome_dashboard/static/src/dashboard/pie_chart/pie_chart.xml

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.PieChart">
+            <canvas t-ref="canvas"/>
+        </t>
+    </templates>

awesome_dashboard/static/src/dashboard/pie_chart_card/pie_chart_card.js

-Original file line number
+Diff line change
@@ -0,0 +1,11 @@
+    import { Component } from "@odoo/owl";
+    import { PieChart } from "../pie_chart/pie_chart";
+    export class PieChartCard extends Component {
+        static template = "awesome_dashboard.PieChartCard";
+        static components = { PieChart };
+        static props = {
+            title: String,
+            stats: Object,
+        };
+    }

awesome_dashboard/static/src/dashboard/pie_chart_card/pie_chart_card.xml

-Original file line number
+Diff line change
@@ -0,0 +1,8 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.PieChartCard">
+            <b><t t-esc="props.title"/></b><br/>
+            <PieChart data="props.stats"/>
+        </t>
+    </templates>

awesome_dashboard/static/src/dashboard_action.js

-Original file line number
+Diff line change
@@ -0,0 +1,10 @@
+    import { Component } from "@odoo/owl";
+    import { registry } from "@web/core/registry";
+    import { LazyComponent } from "@web/core/assets";
+    class DashboardLoader extends Component {
+        static template = "awesome_dashboard.DashboardLoader";
+        static components = { LazyComponent };
+    }
+    registry.category("actions").add("awesome_dashboard.dashboard", DashboardLoader);

awesome_dashboard/static/src/dashboard_action.xml

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    <templates xml:space="preserve">
+        <t t-name="awesome_dashboard.DashboardLoader">
+            <LazyComponent bundle="'awesome_dashboard.dashboard'" Component="'AwesomeDashboard'"/>
+        </t>
+    </templates>

awesome_dashboard/static/src/statistics_service.js

-Original file line number
+Diff line change
@@ -0,0 +1,19 @@
+    import { reactive } from "@odoo/owl";
+    import { registry } from "@web/core/registry";
+    import { rpc } from "@web/core/network/rpc";
+    const statisticsService = {
+        start() {
+            const statistics = reactive({ isReady: false });
+            async function loadStatistics() {
+                const updates = await rpc("/awesome_dashboard/statistics");
+                Object.assign(statistics, updates, { isReady: true });
+            }
+            setInterval(loadStatistics, 10000);
+            loadStatistics();
+            return statistics;
+        },
+    };
+    registry.category("services").add("awesome_dashboard.statistics", statisticsService);

awesome_owl/static/src/card/card.js

-Original file line number
+Diff line change
@@ -0,0 +1,20 @@
+    import { Component, useState } from "@odoo/owl";
+    export class Card extends Component {
+        static template = "awesome_owl.card";
+        static props = {
+            title: String,
+            slots: {
+                type: Object,
+                shape: {default: Object}
+            }
+        }
+        setup() {
+            this.state = useState({ open: true });
+        }
+        toggleOpen() {
+            this.state.open = !this.state.open;
+        }
+    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[ADD] Design an Estate module #1125

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!

Uh oh!

[ADD] Design an Estate module #1125

Are you sure you want to change the base?

Uh oh!

[ADD] Design an Estate module #1125

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!

Uh oh!