[IMP] account: usability of bank statement reconciliation widget

* add a link to create bank reconciliation model if none is defined yet

2 files changed, 13 insertions, 0 deletions

diff --git a/addons/account/static/src/js/account_reconciliation_widgets.js b/addons/account/static/src/js/account_reconciliation_widgets.js
index 554354b31ae..13b09dacc74 100644
--- a/addons/account/static/src/js/account_reconciliation_widgets.js
+++ b/addons/account/static/src/js/account_reconciliation_widgets.js
@@ -1105,6 +1105,7 @@ var bankStatementReconciliation = abstractReconciliation.extend({
         "keyup .change_statement_name_field": "changeStatementNameFieldHandler",
         "click .change_statement_name_button": "changeStatementButtonClickHandler",
         "click .show_more": "showMoreButtonClickHandler",
+        "click .goto_create_preset": "goToCreatePreset",
     }, abstractReconciliation.prototype.events),
 
     init: function(parent, context) {
@@ -1580,6 +1581,15 @@ var bankStatementReconciliation = abstractReconciliation.extend({
         else
             this.$(".show_more").hide();
     },
+
+    goToCreatePreset: function() {
+        this.action_manager.do_action({
+            type: 'ir.actions.act_window',
+            res_model: 'account.reconcile.model',
+            views: [[false, 'form']],
+            target: 'current'
+        });
+    },
 });
 
 var bankStatementReconciliationLine = abstractReconciliationLine.extend({
diff --git a/addons/account/static/src/xml/account_reconciliation.xml b/addons/account/static/src/xml/account_reconciliation.xml
index 5a60e1c17a8..57feb176e33 100644
--- a/addons/account/static/src/xml/account_reconciliation.xml
+++ b/addons/account/static/src/xml/account_reconciliation.xml
@@ -73,6 +73,9 @@
                         <table></table>
                     </div>
                     <div class="action_pane create">
+                        <div t-if="!presets">
+                            <p style="color: #bbb;">You did not configure any reconcile model yet, you can do it <a style="cursor: pointer;" class="goto_create_preset">there</a>.</p>
+                        </div>
                         <div class="quick_add" t-att-style="(!presets ? 'display: none' : undefined)">
                             <div class="btn-group btn-group-sm presets_container"><t t-raw="presets" /></div>
                             <div class="dropdown presets_config">