From eae88c1add2a62b4cabb29f8a09c8235df35811a Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Thu, 9 Jul 2020 12:49:42 +0530
Subject: [PATCH] Add Ctrl+Enter search on the subscriber query exp box

---
 frontend/src/views/Subscribers.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Subscribers.vue b/frontend/src/views/Subscribers.vue
index f9ef8c6..8be70ad 100644
--- a/frontend/src/views/Subscribers.vue
+++ b/frontend/src/views/Subscribers.vue
@@ -35,6 +35,7 @@
             <div v-if="isSearchAdvanced">
               <b-field>
                 <b-input v-model="queryParams.queryExp"
+                  @keydown.native.enter="onAdvancedQueryEnter"
                   type="textarea" ref="queryExp"
                   placeholder="subscribers.name LIKE '%user%' or subscribers.status='blacklisted'">
                 </b-input>
@@ -43,8 +44,7 @@
                 <span class="is-size-6 has-text-grey">
                   Partial SQL expression to query subscriber attributes.{{ ' ' }}
                   <a href="https://listmonk.app/docs/querying-and-segmentation"
-                    target="_blank" rel="noopener noreferrer">
-                    Learn more <b-icon icon="link" size="is-small" />.
+                    target="_blank" rel="noopener noreferrer"> Learn more.
                   </a>
                 </span>
               </b-field>
@@ -287,6 +287,13 @@ export default Vue.extend({
       this.queryParams.queryExp = `(name ~* '${q}' OR email ~* '${q}')`;
     },
 
+    // Ctrl + Enter on the advanced query searches.
+    onAdvancedQueryEnter(e) {
+      if (e.ctrlKey) {
+        this.querySubscribers();
+      }
+    },
+
     // Search / query subscribers.
     querySubscribers() {
       this.$api.getSubscribers({