From 009eae83a6aaee5e277c200ea7b78d9bbc0ce589 Mon Sep 17 00:00:00 2001 From: Liyas Thomas Date: Thu, 14 Nov 2019 16:28:17 +0530 Subject: [PATCH 1/3] :sparkles: Keyboard shortcuts --- assets/css/styles.scss | 1 + components/collections/folder.vue | 8 +++++- components/collections/request.vue | 2 ++ layouts/default.vue | 44 ++++++++++++++++++++++++++++-- pages/index.vue | 10 +++++++ 5 files changed, 62 insertions(+), 3 deletions(-) diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 831a86e0e..614e89475 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -494,6 +494,7 @@ fieldset.yellow legend { display: none; } +kbd, select, input, option, diff --git a/components/collections/folder.vue b/components/collections/folder.vue index 567040a2d..4b2d6a4ce 100644 --- a/components/collections/folder.vue +++ b/components/collections/folder.vue @@ -27,13 +27,19 @@ class="icon" @click="removeFolder" v-tooltip="'Delete folder'" + v-close-popover > delete Delete
- diff --git a/components/collections/request.vue b/components/collections/request.vue index 8443e0cfa..32de9bfe5 100644 --- a/components/collections/request.vue +++ b/components/collections/request.vue @@ -28,6 +28,7 @@ class="icon" @click="removeRequest" v-tooltip="'Delete request'" + v-close-popover > delete Delete @@ -38,6 +39,7 @@ class="icon" @click="$emit('edit-request')" v-tooltip="'Edit request'" + v-close-popover > edit Edit diff --git a/layouts/default.vue b/layouts/default.vue index f99fc2819..0c3a59d81 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -40,6 +40,16 @@ more_vert @@ -219,10 +256,12 @@ import intializePwa from "../assets/js/pwa"; import logo from "../components/logo"; import * as version from "../.postwoman/version.json"; +import modal from "../components/modal"; export default { components: { - logo + logo, + modal }, methods: { @@ -240,7 +279,8 @@ export default { // that can be called to show the user the installation // prompt. showInstallPrompt: null, - version: {} + version: {}, + showShortcuts: false }; }, diff --git a/pages/index.vue b/pages/index.vue index 05f681d07..3d359cf34 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1942,6 +1942,13 @@ export default { }, mounted() { this.observeRequestButton(); + this._keyListener = function(e) { + if (e.key === "s" && (e.ctrlKey || e.metaKey)) { + e.preventDefault(); + this.saveRequest(); + } + }; + document.addEventListener("keydown", this._keyListener.bind(this)); }, created() { this.urlExcludes = this.$store.state.postwoman.settings.URL_EXCLUDES || { @@ -1974,6 +1981,9 @@ export default { this.setRouteQueryState(); } ); + }, + beforeDestroy() { + document.removeEventListener('keydown', this._keyListener); } }; From 40a8d45ab068c079b30e0cab2e555d7451e7f54f Mon Sep 17 00:00:00 2001 From: Liyas Thomas Date: Thu, 14 Nov 2019 17:43:45 +0530 Subject: [PATCH 2/3] :zap: More shortcuts --- layouts/default.vue | 18 ++++++++++-------- pages/index.vue | 4 ++++ 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/layouts/default.vue b/layouts/default.vue index 0c3a59d81..2ee20ec69 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -236,14 +236,16 @@
- +
+
+ + CtrlS +
+
+ + CtrlK +
+
diff --git a/pages/index.vue b/pages/index.vue index 3d359cf34..5c67b6516 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1947,6 +1947,10 @@ export default { e.preventDefault(); this.saveRequest(); } + if (e.key === "k" && (e.ctrlKey || e.metaKey)) { + e.preventDefault(); + this.copyRequest(); + } }; document.addEventListener("keydown", this._keyListener.bind(this)); }, From a159275dba2ab2a986f567228defda0d9e8f7587 Mon Sep 17 00:00:00 2001 From: Liyas Thomas Date: Thu, 14 Nov 2019 19:02:44 +0530 Subject: [PATCH 3/3] =?UTF-8?q?=E2=9A=A1=20Polished=20Shortcuts=20modal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/modal.vue | 2 +- layouts/default.vue | 27 +++++++++++++++++---------- 2 files changed, 18 insertions(+), 11 deletions(-) diff --git a/components/modal.vue b/components/modal.vue index dd4a043cf..5429bb854 100644 --- a/components/modal.vue +++ b/components/modal.vue @@ -37,7 +37,7 @@ align-items: center; justify-content: center; flex-grow: 1; - max-width: 800px; + max-width: 720px; } .modal-container { diff --git a/layouts/default.vue b/layouts/default.vue index 2ee20ec69..081dc460b 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -236,16 +236,23 @@
-
-
- - CtrlS -
-
- - CtrlK -
-
+
    +
  • +
    + + CtrlS +
    +
    • +
+
+
    +
  • +
    + + CtrlK +
    +
    • +