+
+
+
+
+
+
+
diff --git a/odoo_accounting_dashboard/static/src/js/accounting_dashboard.js b/odoo_accounting_dashboard/static/src/js/accounting_dashboard.js
new file mode 100644
index 000000000..2a5a84e41
--- /dev/null
+++ b/odoo_accounting_dashboard/static/src/js/accounting_dashboard.js
@@ -0,0 +1,186 @@
+/** @odoo-module */
+import { registry } from "@web/core/registry"
+import { useService } from "@web/core/utils/hooks"
+const { Component, useRef, onMounted, useState , onWillStart } = owl
+
+export class AccountDashboard extends Component {
+ setup(){
+ this.state = useState({
+ data:{},
+ top:{},
+ income_chart:{},
+ chart:[],
+ payment_data: [],
+ top_sale_cust: [],
+ IncomeExpense:'income',
+ top_filter: 'this_month',
+ income:'income_this_month',
+ aged_filter: 'aged_receive',
+ top_sale_cust_filter: 'this_month',
+ aged_payable_filter: 'this_month',
+ payment_data_filter: 'this_month',
+ payment_list_filter: 'customer_payment',
+ })
+ this.All = useRef("All");
+ this.AgedRecords = useRef("AgedRecords");
+ this.Balance = useRef("Balance");
+ this.orm = useService("orm");
+ onWillStart(async () => {
+ await this.FetchData();
+ })
+ onMounted(() => {
+ this.RenderChart()
+ })
+ }
+ async onPeriodChange(){
+ if (this.state.chart.length !=0) {
+ this.state.chart.forEach((chart)=> {
+ chart.destroy()
+ })
+ await this.fetchAndRender()
+ }
+ }
+ async fetchAndRender() {
+ await this.FetchData()
+ this.RenderChart()
+ }
+
+ async FetchData(){
+ this.state.data = await this.orm.call('account.move','get_datas',[]);
+ this.state.income_chart = await this.orm.call("account.move","get_income_chart", [this.state.income]);
+ this.state.payment_data = await this.orm.call("account.move","get_payment_data", [this.state.payment_list_filter, this.state.payment_data_filter]);
+ this.state.top = await this.orm.call("account.move","get_top_datas", [this.state.top_filter]);
+ this.state.aged_payable = await this.orm.call("account.move","get_aged_payable", [this.state.aged_filter,this.state.aged_payable_filter]);
+ this.state.top_sale_cust = await this.orm.call("account.move","get_sale_revenue", [this.state.top_sale_cust_filter]);
+ this.state.balance = await this.orm.call("account.move","get_bank_balance", []);
+ }
+
+ RenderChart() {
+ this.aged_chart(this.AgedRecords.el, 'bar', this.state.aged_payable.partner, 'Amount', this.state.aged_payable.amount)
+ if (this.state.IncomeExpense == 'income') {
+ this.income_charts(this.All.el, 'bar', this.state.income_chart.date, this.state.income_chart.income)
+ } else if (this.state.IncomeExpense == 'expense') {
+ this.expense_charts(this.All.el, 'bar', this.state.income_chart.date, this.state.income_chart.expense)
+ } else if (this.state.IncomeExpense == 'profit') {
+ this.profit_charts(this.All.el, 'line', this.state.income_chart.date, this.state.income_chart.profit)
+ } else {
+ this.AllInOneChart(this.All.el, 'bar', this.state.income_chart.date, this.state.income_chart.income, this.state.income_chart.expense, this.state.income_chart.profit)
+ }
+ }
+
+ aged_chart(canvas,type,labels,label,data){
+ this.state.chart.push(new Chart(
+ canvas,
+ {
+ type:type,
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: label,
+ data: data,
+ borderRadius: 10,
+ backgroundColor: 'rgba(39, 232, 232, 0.5)',
+ borderColor: 'rgba(39, 232, 232, 1)',
+ }
+ ]
+ },
+ }
+ ))
+ }
+ income_charts(canvas,type,labels,data){
+ this.state.chart.push(new Chart(
+ canvas,
+ {
+ type: type,
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: 'Income',
+ data: data,
+ borderWidth: 2,
+ borderRadius: 10,
+ borderSkipped: false,
+ backgroundColor: 'rgba(39, 232, 232, 0.5)',
+ borderColor: 'rgba(39, 232, 232, 1)',
+ },
+ ]
+ },
+ }
+ ));
+ };
+ expense_charts(canvas,type,labels,expense){
+ this.state.chart.push(new Chart(
+ canvas,
+ {
+ type: type,
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: 'Expense',
+ data: expense,
+ type: type === 'bar' ? 'polarArea' : 'bar',
+ },
+ ]
+ },
+ }
+ ));
+ };
+ profit_charts(canvas,type,labels,profit){
+ this.state.chart.push(new Chart(
+ canvas,
+ {
+ type: type,
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: 'Profit/Loss',
+ data: profit,
+ fill: true,
+ borderColor: 'rgba(245, 65, 10, 1)',
+ },
+ ]
+ },
+ }
+ ));
+ };
+ AllInOneChart(canvas,type,labels,data,expense,profit){
+ this.state.chart.push(new Chart(
+ canvas,
+ {
+ type: type,
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: 'Income',
+ data: data,
+ type: type === 'line' ? 'line' : 'bar',
+ backgroundColor: 'rgba(39, 232, 232, 0.5)',
+ borderColor: 'rgba(39, 232, 232, 1)',
+ },
+ {
+ label: 'Expense',
+ data: expense,
+ type: type === 'bar' ? 'radar' : 'bar',
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
+ borderColor: 'rgba(0, 0, 0, 1)',
+ },
+ {
+ label: 'Profit/Loss',
+ data: profit,
+ type: 'line',
+ fill: false,
+ borderColor: 'rgba(245, 65, 10, 1)',
+ },
+ ]
+ },
+ }
+ ));
+ };
+}
+AccountDashboard.template = "AccountDashboard"
+registry.category("actions").add('accounting_dashboard_tags', AccountDashboard)
diff --git a/odoo_accounting_dashboard/static/src/xml/accounting_dashboard.xml b/odoo_accounting_dashboard/static/src/xml/accounting_dashboard.xml
new file mode 100644
index 000000000..1b219c2b2
--- /dev/null
+++ b/odoo_accounting_dashboard/static/src/xml/accounting_dashboard.xml
@@ -0,0 +1,414 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Odoo Accounting Dashboard V18 +
+Accounting Dashboard Odoo18 +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Real-Time Financial Overview +
++ Displays key financial metrics such as total + revenue, expenses, net profit, and customer + and vendor bills.
+
+
+
+
+
+
+
+
+ + Interactive Charts and Graphs +
++ Visual representations of financial data. + Filters to view data by time period. +
+
+
+
+
+
+
+
+
+ + Accounts Receivable and Payable Tracking +
++ Graphical representation of aging reports. +
+
+
+
+
+
+
+
+
+
+ Accounting Dashboard Odoo18
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Dashboard + +
+
+
+ + User can see different tiles of + Open Invoice , Paid Invoice , + Total Income , UnReconciled + Items And different details of + customer and Vendor Payment + List, Bank And Cash Balance , + Top Customers/Vendors and + different charts of + Income/Expense/Profit and Aged + Receivables and Payables. +
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + Income Chart + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Expense Chart +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Profit Chart + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + All In One Chart + +
+
+
+ + It Includes Income, Expense And + Profit +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Customer Payment List + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Vendor Payment List + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Aged Receivable Chart + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Aged Payable Chart + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Income/Expense/Profit Chart
+
+
+
+
+
+
+
+
+
+ + Customer/Vendor Payment + List
+
+
+
+
+
+
+
+
+
+ + Top Customers/Vendors
+
+
+
+
+
+
+
+
+
+ + Top Sale Revenue Customer
+
+
+
+
+
+
+
+
+
+ + Aged Receivables/Payables
+
+
+
+
+
+
+
+
+
+ + Bank & Cash Balance
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + The module provides + a centralized view + of financial + metrics, allowing + users to monitor + performance, track + receivables and + payables, and gain + insights into cash + flow in real-time. +
+
+
+
+
+
+ + It displays + financial details + including total + revenue, expenses, + net profit, customer + and vendor payment + list, overdue + invoices, and bills. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 20th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Open Invoice
+
+
+
+
+
+
+ Paid Invoice
+
+
+
+
+
+
+ Total Income
+
+
+
+
+
+
+ UnReconciled Items
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ INCOME CHART
+EXPENSE CHART
+PROFIT CHART
+ALL IN ONE
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ CUSTOMER PAYMENT LIST
+VENDOR PAYMENT LIST
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Name | +Amount | +Date | +
|---|---|---|
+
+ NO DATA AVAILABLE
+
+
+
+
+
+
+
+
+
+
+
+
+ TOP SALE REVENUE CUSTOMER
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Name | +Amount | +
|---|---|
+
+ NO DATA AVAILABLE
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ BANK AND CASH BALANCE
+ +
+
+
+
+
+
+
+
+
+ | Name | +Amount | +
|---|---|
+
+ NO DATA AVAILABLE
+
+
+
+
+
+
+
+
+
+
+
+
+ AGED RECEIVABLE
+AGED PAYABLE
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + TOP CUSTOMERS/VENDORS +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Customers
+
+
+ NO DATA AVAILABLE
+Vendors
+
+
+