[ADD] estate: add real estate module

awesome_dashboard/__manifest__.py

@@ -25,6 +25,9 @@
         'web.assets_backend': [
             'awesome_dashboard/static/src/**/*',
         ],
+        'awesome_dashboard.dashboard':[
+            'awesome_dashboard/static/src/dashboard/**/*',
+        ]
     },
     'license': 'AGPL-3'
 }

awesome_dashboard/static/src/dashboard/dashboard.js

@@ -0,0 +1,61 @@
+// /** @odoo-module **/
+
+import { Layout } from '@web/search/layout';
+import { Component, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { registry } from "@web/core/registry";
+import { DashboardItem } from './dashboarditem/dashboarditem';
+import { PieChart } from './piechart/piechart';
+import { NumberCard } from './dashboarditem/numbercard';
+import { SettingsDialog } from './settings/settings_dialouge';
+import { dashboardRegistry } from './dashboarditem/dashboarditems';
+
+class AwesomeDashboard extends Component {
+    static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { Layout, DashboardItem, PieChart, NumberCard, PieChart };
+
+    setup(){
+        this.action = useService("action")
+        this.dialogService = useService("dialog");
+        this.statisticsService = useService("awesome_dashboard.statistics");
+        this.state = useState(this.statisticsService.state);
+
+        const savedHiddenItems = JSON.parse(localStorage.getItem("hidden_dashboard_items")) || [];
+        this.state.hiddenItems = new Set(savedHiddenItems);
+    }
+
+    openSettingsDialog() {
+        this.dialogService.add(SettingsDialog, {
+            onApply: (hiddenItems) => {
+                this.state.hiddenItems = new Set(hiddenItems);
+                console.log(this.state.hiddenItems)
+            },
+        });
+    }
+
+    openCustomers() {
+        this.action.doAction("base.action_partner_form"); 
+    }
+
+    openLeads(activity) {
+        this.action.doAction({
+            type: 'ir.actions.act_window',
+            name: ('Journal Entry'),
+            target: 'current',
+            res_id: activity.res_id,
+            res_model: 'crm.lead',
+            views: [[false, 'list']],
+        });
+    }
+    get display(){
+        return{
+            controlPanel: {} 
+        }
+    }
+
+    get visibleItems() {
+        return Object.values(dashboardRegistry.getAll()).filter(item => !this.state.hiddenItems.has(item.id));
+    }
+}
+
+registry.category("lazy_components").add("awesome_dashboard.dashboard", AwesomeDashboard);

awesome_dashboard/static/src/dashboard/dashboard.scss

@@ -0,0 +1,4 @@
+.o_dashboard {
+    background-color: rgb(233, 233, 233); 
+    min-height: 100vh;       
+}

awesome_dashboard/static/src/dashboard/dashboard.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.AwesomeDashboard">
+
+        <Layout className="'o_dashboard h-100'" display="display">
+            <t t-set-slot="layout-buttons">
+                <button t-on-click="openCustomers" class="btn btn-primary">Customers</button>
+                <button t-on-click="openLeads" class="btn btn-primary">Leads</button>
+                <button class="btn btn-light" t-on-click="openSettingsDialog">
+                    <i class="fa fa-cog"/>
+                </button>
+            </t>
+
+            <t t-set-slot="default">
+                <div class="d-flex flex-wrap justify-content-center">
+                    <t t-foreach="visibleItems" t-as="item" t-key="item.id">
+                        <div class="p-2" t-att-class="item.props(state.values).title ? 'd-flex justify-content-center' : ''">
+                            <DashboardItem size="item.size || 1">
+                                <t t-set-slot="component">
+                                    <t t-component="item.Component" t-props="item.props(state.values)" />
+                                </t>
+                            </DashboardItem>
+                        </div>
+                    </t>
+                </div>
+            </t>
+         </Layout>
+    </t>
+
+</templates>

awesome_dashboard/static/src/dashboard/dashboarditem/dashboarditem.js

@@ -0,0 +1,11 @@
+// / @odoo-module /
+
+import { Component } from "@odoo/owl";
+
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.dashboarditem";
+    static props ={
+        size: { type: Number, optional: true, default: 1},
+        className: { type: String, optional: true, default: "" },
+    }
+}

awesome_dashboard/static/src/dashboard/dashboarditem/dashboarditem.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.dashboarditem">
+        <div class="card shadow-sm rounded-3 p-3 text-center d-flex flex-column align-items-center justify-content-center" t-att-style="'width: ' + (18 * (props.size || 1)) + 'rem'">
+            <t t-slot="component"/>
+        </div>
+    </t>
+
+</templates>

awesome_dashboard/static/src/dashboard/dashboarditem/dashboarditems.js

@@ -0,0 +1,80 @@
+/** @odoo-module **/
+import { NumberCard } from "./numbercard";
+import { PieChartCard } from "./piechartcard";
+import { registry } from "@web/core/registry";
+
+
+export const dashboardRegistry = registry.category("awesome_dashboard.items");
+
+dashboardRegistry.add(
+    "average_quantity", {
+    id: "average_quantity",
+    description: "Average amount of t-shirt by order",
+    Component: NumberCard,
+    size: 1,
+    props: (values) => ({
+        title: "T-shirt Ordered",
+        value: values.average_quantity,
+    }),
+})
+
+
+dashboardRegistry.add(
+    "average_state_change_time", {
+    id: "average_state_change_time",
+    description: "Average Time",
+    Component: NumberCard,
+    size: 1,
+    props: (data) => ({
+        title: "Average time for an order to go from 'new' to 'sent' or 'cancelled'",
+        value: data.average_time,
+    }),
+})
+
+dashboardRegistry.add(
+    "nb_new_orders", {
+    id: "nb_new_orders",
+    description: "New orders this month",
+    Component: NumberCard,
+    size: 1,
+    props: (data) => ({
+        title: "Numbers of new orders this month",
+        value: data.nb_new_orders,
+    }),
+})
+
+dashboardRegistry.add(
+    "nb_cancelled_orders", {
+    id: "nb_cancelled_orders",
+    description: "Cancelled orders this month",
+    Component: NumberCard,
+    size: 1,
+    props: (data) => ({
+        title: "Numbers of cancelled orders this month",
+        value: data.nb_cancelled_orders,
+    })
+})
+
+dashboardRegistry.add(
+    "total_amount", {
+    id: "total_amount",
+    description: "Total Orders",
+    Component: NumberCard,
+    size: 1,
+    props: (data) => ({
+        title: "Total Numbers of new orders this month",
+        value: data.total_amount,
+    }),
+})
+
+dashboardRegistry.add(
+    "orders_by_size", {
+    id: "orders_by_size",
+    description: "Orders by size",
+    Component: PieChartCard,
+    size: 1.5,
+    props: (data) => ({
+        label: "Orders by size",
+        data: data.orders_by_size,
+    }),
+})

awesome_dashboard/static/src/dashboard/dashboarditem/numbercard.js

@@ -0,0 +1,11 @@
+/** @odoo-module **/
+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/dashboarditem/numbercard.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_dashboard.NumberCard">
+        <center>
+            <table>
+                <td >
+                    <tr>
+                        <center>
+                            <h3 class="card-title" t-esc="props.title"></h3>
+                        </center>
+                    </tr>
+                    <tr>
+                        <center>
+                            <h2 class="card-text text-primary text-xl" t-esc="props.value"></h2>
+                        </center>
+                    </tr>
+                </td>
+            </table>
+        </center>
+    </t>
+</templates>

awesome_dashboard/static/src/dashboard/dashboarditem/piechartcard.js

@@ -0,0 +1,16 @@
+/** @odoo-module **/
+import { Component } from "@odoo/owl";
+import { PieChart } from "../piechart/piechart";  
+
+export class PieChartCard extends Component {
+    static template = "awesome_dashboard.PieChartCard";
+
+    static props = {
+        label: String,
+        data: Object,  
+    };
+
+    static components = {
+        PieChart,
+    };
+}

awesome_dashboard/static/src/dashboard/dashboarditem/piechartcard.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.PieChartCard">
+        <h5 class="card-title" t-esc="props.label"></h5>
+        <PieChart data="props.data" />
+    </t>
+
+</templates>

awesome_dashboard/static/src/dashboard/piechart/piechart.js

@@ -0,0 +1,47 @@
+import { Component, useRef, onWillStart, onMounted, useEffect } from "@odoo/owl";
+import { loadJS } from "@web/core/assets";
+
+export class PieChart extends Component {
+    static template = "awesome_dashboard.piechart";
+    static props = {
+        data: { type: Object },
+    };
+
+    setup() {
+        this.canvasRef = useRef('canvasRef');
+        this.chart = null;
+
+        onWillStart(async () => {
+            await loadJS(["/web/static/lib/Chart/Chart.js"]);
+        });
+
+        // onMounted(() => {
+        //     this.renderChart();
+        // });
+
+        useEffect(()=> this.renderChart())
+    }
+
+    renderChart() {
+        if (this.chart) {
+            this.chart.destroy();}
+        this.chart = new Chart(this.canvasRef.el, this.getChartConfig());
+      }
+
+    getChartConfig() {
+        return {
+            type: 'pie',
+            data: {
+                labels: this.props.labels,
+                datasets: [{
+                    data: Object.values(this.props.data),
+                    backgroundColor: [
+                        '#4e73df',
+                        '#1cc88a',
+                        '#36b9cc',
+                    ],
+                }],
+            },
+        }
+    }
+}

awesome_dashboard/static/src/dashboard.xml → awesome_dashboard/static/src/dashboard/piechart/piechart.xml

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
 
-    <t t-name="awesome_dashboard.AwesomeDashboard">
-        hello dashboard
+    <t t-name="awesome_dashboard.piechart">
+        <canvas t-ref="canvasRef"></canvas>
     </t>
-
+    
 </templates>

awesome_dashboard/static/src/dashboard/services/statistics.js

@@ -0,0 +1,31 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { rpc } from "@web/core/network/rpc";
+import { reactive } from "@odoo/owl";
+
+
+const REFRESH_TIME = 5000;
+
+export const statisticsService = {
+    async start() {
+        const state = reactive({
+            values: {}
+        })
+
+        async function loadStatistics(){
+            const res = await rpc("/awesome_dashboard/statistics", {});
+            Object.assign(state.values, res)
+            // console.log(state)
+        }
+
+        await loadStatistics();
+        setInterval(loadStatistics, REFRESH_TIME)
+
+        return{
+            state
+        }
+    },
+};
+
+registry.category("services").add("awesome_dashboard.statistics", statisticsService);