From 5365640ca836e70932996ae0271aeeb21749a6fa Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Sat, 20 Aug 2022 12:34:42 +0300
Subject: [PATCH] ctrl+click quick view

---
 .../templates/record/row-actions/default.tpl  |  2 +-
 client/src/views/record/list.js               | 32 +++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/client/res/templates/record/row-actions/default.tpl b/client/res/templates/record/row-actions/default.tpl
index 7d0579d221..ec59ee2daa 100644
--- a/client/res/templates/record/row-actions/default.tpl
+++ b/client/res/templates/record/row-actions/default.tpl
@@ -5,7 +5,7 @@
         class="btn btn-link btn-sm dropdown-toggle"
         data-toggle="dropdown"
     ><span class="caret"></span></button>
-    <ul class="dropdown-menu pull-right">
+    <ul class="dropdown-menu pull-right list-row-dropdown-menu" data-id="{{model.id}}">
     {{#each actionList}}
         <li>
             <a
diff --git a/client/src/views/record/list.js b/client/src/views/record/list.js
index 6aa453a339..eeb610fa60 100644
--- a/client/src/views/record/list.js
+++ b/client/src/views/record/list.js
@@ -430,6 +430,7 @@ function (Dep, MassActionHelper, ExportHelper) {
              * @this module:views/record/list.Class
              */
             'click a.link': function (e) {
+                console.log(e);
                 if (e.ctrlKey || e.metaKey || e.shiftKey) {
                     return;
                 }
@@ -458,6 +459,37 @@ function (Dep, MassActionHelper, ExportHelper) {
                 this.getRouter().navigate('#' + scope + '/view/' + id, {trigger: false});
                 this.getRouter().dispatch(scope, 'view', options);
             },
+            /**
+             * @param {JQueryMouseEventObject} e
+             * @this module:views/record/list.Class
+             */
+            'auxclick a.link': function (e) {
+                let isCombination = e.button === 1 && (e.ctrlKey || e.metaKey);
+
+                if (!isCombination) {
+                    return;
+                }
+
+                let $target = $(e.currentTarget);
+
+                let id = $target.attr('data-id');
+
+                if (!id) {
+                    return;
+                }
+
+                let $quickView = $target.parent().closest(`[data-id="${id}"]`)
+                    .find(`ul.list-row-dropdown-menu[data-id="${id}"] a[data-action="quickView"]`);
+
+                if (!$quickView.length) {
+                    return;
+                }
+
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.actionQuickView({id: id});
+            },
             /**
              * @this module:views/record/list.Class
              */