+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Invoice Mini Dashboard
+Mini Dashboard for + Invoice Module
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This module gives a mini dashboard view for invoicing
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Community &
+ Enterprise Support.
+
+
+ Community &
+ Enterprise Support.
+
+
+ Dashboard in customer invoices
+
+
+ Dashboard in customer invoices
+
+
+ Dashboard in vendor bills
+
+
+ Dashboard in vendor bills
+
+
+ Automated filtering
+
+
+ Automated filtering
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+ Dashboard in customer invoices +
+Dashboard containing number of invoices in different state and payment status.
+
+
+ 
+
+ Dashboard in vendor bills +
+Dashboard containing number of bills in different state and payment status.
+
+
+ 
+
+ Filtering +
+filter list view through button press in dashboard.
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
diff --git a/invoice_mini_dashboard/static/src/js/invoice_bill_dashboard.js b/invoice_mini_dashboard/static/src/js/invoice_bill_dashboard.js
new file mode 100644
index 000000000..3184bdad4
--- /dev/null
+++ b/invoice_mini_dashboard/static/src/js/invoice_bill_dashboard.js
@@ -0,0 +1,137 @@
+odoo.define('invoice_mini_dashboard.bill', function(require) {
+ "use strict";
+ /**
+ * This file defines the Invoice Dashboard view (alongside its renderer,
+ * model and controller). This Dashboard is added to the top of Bill list
+ */
+ var core = require('web.core');
+ var ListController = require('web.ListController');
+ var ListModel = require('web.ListModel');
+ var ListRenderer = require('web.ListRenderer');
+ var ListView = require('web.ListView');
+ var SampleServer = require('web.SampleServer');
+ var view_registry = require('web.view_registry');
+ const session = require('web.session');
+ var QWeb = core.qweb;
+ // Add mock of method 'retrieve_in_invoice_dashboard' in SampleServer, so
+ // that we can have the sample data in empty bill list view
+ let dashboardValues;
+ SampleServer.mockRegistry.add('account.move/retrieve_in_invoice_dashboard', () => {
+ return Object.assign({}, dashboardValues);
+ });
+ // Extended the ListRenderer
+ var InvoiceBillListDashboardRenderer = ListRenderer.extend({
+ events: _.extend({}, ListRenderer.prototype.events, {
+ 'click .o_dashboard_action': '_onDashboardActionClicked',
+ }),
+ /**
+ * @override _renderView for rendering the template
+ */
+ _renderView: function() {
+ var self = this;
+ return this._super.apply(this, arguments).then(function() {
+ var values = self.state.dashboardValues;
+ var invoice_dashboard = QWeb.render('account.AccountBillDashboardBill', {
+ values: values,
+ });
+ self.$el.prepend(invoice_dashboard);
+ });
+ },
+ /**
+ * Action while clicking the dashboard
+ */
+ _onDashboardActionClicked: function(e) {
+ e.preventDefault();
+ var $action = $(e.currentTarget);
+ this.trigger_up('dashboard_open_action', {
+ action_name: "account.action_move_in_invoice_type",
+ action_context: $action.attr('context'),
+ });
+ },
+ });
+
+ var InvoiceBillListDashboardModel = ListModel.extend({
+ /**
+ * @override init function
+ */
+ init: function() {
+ this.dashboardValues = {};
+ this._super.apply(this, arguments);
+ },
+
+ /**
+ * @override get function
+ */
+ __get: function(localID) {
+ var result = this._super.apply(this, arguments);
+ if (_.isObject(result)) {
+ result.dashboardValues = this.dashboardValues[localID];
+ }
+ return result;
+ },
+ /**
+ * @override load function
+ * @returns _loadDashboard()
+ */
+ __load: function() {
+ return this._loadDashboard(this._super.apply(this, arguments));
+ },
+ /**
+ * @override __reload function
+ * @returns _loadDashboard()
+ */
+ __reload: function() {
+ return this._loadDashboard(this._super.apply(this, arguments));
+ },
+
+ /**
+ * @param {Promise} super_def a promise that resolves with a dataPoint id
+ * @returns {Promise -> string} resolves to the dataPoint id
+ */
+ _loadDashboard: function(super_def) {
+ var self = this;
+ var dashboard_def = this._rpc({
+ model: 'account.move',
+ method: 'retrieve_in_invoice_dashboard',
+ context: session.user_context,
+ });
+ return Promise.all([super_def, dashboard_def]).then(function(results) {
+ var id = results[0];
+ dashboardValues = results[1];
+ self.dashboardValues[id] = dashboardValues;
+ return id;
+ });
+ },
+ });
+
+ // Extended the ListController
+ var InvoiceBillListDashboardController = ListController.extend({
+ custom_events: _.extend({}, ListController.prototype.custom_events, {
+ dashboard_open_action: '_onDashboardOpenAction',
+ }),
+ /**
+ * Function for opening the dashboard
+ */
+ _onDashboardOpenAction: function(e) {
+ return this.do_action(e.data.action_name, {
+ additional_context: JSON.parse(e.data.action_context),
+ clear_breadcrumbs: true,
+ });
+ },
+ });
+
+ // Extended ListView
+ var InvoiceBillListDashboardView = ListView.extend({
+ config: _.extend({}, ListView.prototype.config, {
+ Model: InvoiceBillListDashboardModel,
+ Renderer: InvoiceBillListDashboardRenderer,
+ Controller: InvoiceBillListDashboardController,
+ }),
+ });
+ view_registry.add('bill_dashboard_list', InvoiceBillListDashboardView);
+ return {
+ InvoiceBillListDashboardModel: InvoiceBillListDashboardModel,
+ InvoiceBillListDashboardRenderer: InvoiceBillListDashboardRenderer,
+ InvoiceBillListDashboardController: InvoiceBillListDashboardController,
+ };
+});
diff --git a/invoice_mini_dashboard/static/src/js/invoice_dashboard.js b/invoice_mini_dashboard/static/src/js/invoice_dashboard.js
new file mode 100644
index 000000000..90e439f8c
--- /dev/null
+++ b/invoice_mini_dashboard/static/src/js/invoice_dashboard.js
@@ -0,0 +1,137 @@
+odoo.define('invoice_mini_dashboard.invoice', function(require) {
+ "use strict";
+ /**
+ * This file defines the Invoice Dashboard view (alongside its renderer, model
+ * and controller). This Dashboard is added to the top of Invoice list
+ */
+ var core = require('web.core');
+ var ListController = require('web.ListController');
+ var ListModel = require('web.ListModel');
+ var ListRenderer = require('web.ListRenderer');
+ var ListView = require('web.ListView');
+ var SampleServer = require('web.SampleServer');
+ var view_registry = require('web.view_registry');
+ const session = require('web.session');
+ var QWeb = core.qweb;
+ // Add mock of method 'retrieve_out_invoice_dashboard' in SampleServer,so
+ // that we can have the sample data in empty invoice list view
+ let dashboardValues;
+ SampleServer.mockRegistry.add('account.move/retrieve_out_invoice_dashboard', () => {
+ return Object.assign({}, dashboardValues);
+ });
+ // Extended the ListRenderer
+ var InvoiceListDashboardRenderer = ListRenderer.extend({
+ events: _.extend({}, ListRenderer.prototype.events, {
+ 'click .o_dashboard_action': '_onDashboardActionClicked',
+ }),
+ /**
+ * @override _renderView() for rendering the template
+ */
+ _renderView: function() {
+ var self = this;
+ return this._super.apply(this, arguments).then(function() {
+ var values = self.state.dashboardValues;
+ var invoice_dashboard = QWeb.render('account.AccountDashboardBill', {
+ values: values,
+ });
+ self.$el.prepend(invoice_dashboard);
+ });
+ },
+ /**
+ * Action when clicking the dashboard
+ */
+ _onDashboardActionClicked: function(e) {
+ e.preventDefault();
+ var $action = $(e.currentTarget);
+ this.trigger_up('dashboard_open_action', {
+ action_name: "account.action_move_out_invoice_type",
+ action_context: $action.attr('context'),
+ });
+ },
+ });
+
+ // Extended the ListModel
+ var InvoiceListDashboardModel = ListModel.extend({
+ /**
+ * @override init function
+ */
+ init: function() {
+ this.dashboardValues = {};
+ this._super.apply(this, arguments);
+ },
+ /**
+ * @override __get function
+ */
+ __get: function(localID) {
+ var result = this._super.apply(this, arguments);
+ if (_.isObject(result)) {
+ result.dashboardValues = this.dashboardValues[localID];
+ }
+ return result;
+ },
+ /**
+ * @override load function
+ * @returns _loadDashboard()
+ */
+ __load: function() {
+ return this._loadDashboard(this._super.apply(this, arguments));
+ },
+ /**
+ * @override __reload function
+ * @returns _loadDashboard()
+ */
+ __reload: function() {
+ return this._loadDashboard(this._super.apply(this, arguments));
+ },
+
+ /**
+ * @param {Promise} super_def a promise that resolves with a dataPoint id
+ * @returns {Promise -> string} resolves to the dataPoint id
+ */
+ _loadDashboard: function(super_def) {
+ var self = this;
+ var dashboard_def = this._rpc({
+ model: 'account.move',
+ method: 'retrieve_out_invoice_dashboard',
+ context: session.user_context,
+ });
+ return Promise.all([super_def, dashboard_def]).then(function(results) {
+ var id = results[0];
+ dashboardValues = results[1];
+ self.dashboardValues[id] = dashboardValues;
+ return id;
+ });
+ },
+ });
+
+ // Extended the ListController
+ var InvoiceListDashboardController = ListController.extend({
+ custom_events: _.extend({}, ListController.prototype.custom_events, {
+ dashboard_open_action: '_onDashboardOpenAction',
+ }),
+ /**
+ * Function for opening the dashboard
+ */
+ _onDashboardOpenAction: function(e) {
+ return this.do_action(e.data.action_name, {
+ additional_context: JSON.parse(e.data.action_context),
+ clear_breadcrumbs: true,
+ });
+ },
+ });
+
+ //Extended the ListView
+ var InvoiceListDashboardView = ListView.extend({
+ config: _.extend({}, ListView.prototype.config, {
+ Model: InvoiceListDashboardModel,
+ Renderer: InvoiceListDashboardRenderer,
+ Controller: InvoiceListDashboardController,
+ }),
+ });
+ view_registry.add('invoice_dashboard_list', InvoiceListDashboardView);
+ return {
+ InvoiceListDashboardModel: InvoiceListDashboardModel,
+ InvoiceListDashboardRenderer: InvoiceListDashboardRenderer,
+ InvoiceListDashboardController: InvoiceListDashboardController,
+ };
+});
diff --git a/invoice_mini_dashboard/static/src/scss/invoice.scss b/invoice_mini_dashboard/static/src/scss/invoice.scss
new file mode 100644
index 000000000..f825039ce
--- /dev/null
+++ b/invoice_mini_dashboard/static/src/scss/invoice.scss
@@ -0,0 +1,54 @@
+.o_invoice_dashboard {
+ flex: 1 0 100%;
+ padding: 30px 30px 48px 30px;
+
+ background-color: $o-view-background-color;
+ position: relative;
+ max-width:100%;
+
+ .row {
+ margin-right: 0;
+ margin-left: 0;
+ }
+
+ .o_dashboard_action {
+ cursor: pointer;
+ }
+
+ .table {
+ margin-bottom: 0;
+ table-layout: fixed;
+ border-spacing: 10px 0px;
+ border-collapse: separate;
+ font-size: 13px;
+
+ > thead, tbody {
+ & > tr > td {
+ text-align: center;
+ width: 80%;
+ height: 60px;
+ vertical-align: middle;
+ border-top: 1px solid $o-view-background-color;
+ background-color: $o-brand-lightsecondary;
+
+ &.o_text{
+ background-color: $o-view-background-color;
+ }
+
+ > a:hover {
+ text-decoration: none;
+ }
+
+ &.o_main {
+ background-color: $o-brand-primary;
+ &:hover {
+ background-color: darken($o-brand-primary, 10%);
+ }
+ > a {
+ color: white;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/invoice_mini_dashboard/static/src/xml/invoice_bill_dashboard_templates.xml b/invoice_mini_dashboard/static/src/xml/invoice_bill_dashboard_templates.xml
new file mode 100644
index 000000000..f1cf20839
--- /dev/null
+++ b/invoice_mini_dashboard/static/src/xml/invoice_bill_dashboard_templates.xml
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+ All Bills
+ |
+
+
+ Draft + + |
+
+
+ Posted + + |
+
+
+ Cancelled + + |
+
| + + | +
+
+ Paid + + |
+
+
+ Not Paid + + |
+
+
+
+
+
+
+ | Paid Amount (
+ |
+
+
+ |
+ Unpaid Amount (
+ |
+
+
+ |
+
| Lost Amount (
+ |
+
+
+ |
+ Expected Amount (
+ |
+
+
+ |
+
+
+
+
+
+
+
+
+
+ |
+ All Invoices
+ |
+
+
+ Draft + + |
+
+
+ Posted + + |
+
+
+ Cancelled + + |
+
| + + | +
+
+ Paid + + |
+
+
+ Not Paid + + |
+
+
+
+
+
+ | Paid Amount (
+ |
+
+
+ |
+ Unpaid Amount (
+ |
+
+
+ |
+
| Lost Amount (
+ |
+
+
+ |
+ Expected Amount (
+ |
+
+
+ |
+