From d0cf780ea22cb71bb7919ab6706ac8c6d57f5a8d Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 3 Feb 2020 17:47:48 -0500
Subject: [PATCH 1/3] Show Ctrl instead of Command for shortcuts non-Apple
 platforms

---
 layouts/default.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 0e44bca59..ba1973406 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -566,19 +566,19 @@
       <div slot="body">
         <div>
           <label>{{ $t("send_request") }}</label>
-          <kbd>⌘ G</kbd>
+          <kbd>{{ getSpecialKey() }} G</kbd>
         </div>
         <div>
           <label>{{ $t("save_to_collections") }}</label>
-          <kbd>⌘ S</kbd>
+          <kbd>{{ getSpecialKey() }} S</kbd>
         </div>
         <div>
           <label>{{ $t("copy_request_link") }}</label>
-          <kbd>⌘ K</kbd>
+          <kbd>{{ getSpecialKey() }} K</kbd>
         </div>
         <div>
           <label>{{ $t("reset_request") }}</label>
-          <kbd>⌘ L</kbd>
+          <kbd>{{ getSpecialKey() }} L</kbd>
         </div>
       </div>
       <div slot="footer"></div>
@@ -677,6 +677,9 @@ export default {
   },
 
   methods: {
+    getSpecialKey() {
+      return (/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) ? "⌘" : "Ctrl";
+    },
     linkActive(path) {
       return {
         "nuxt-link-exact-active": this.$route.path === path,

From 06d58547c88b2f02bd2b614bb617fffff93d8366 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 4 Feb 2020 07:05:37 +0530
Subject: [PATCH 2/3] :sparkles: Custom methods support (follow up of #398)

---
 assets/css/styles.scss |   8 +++
 pages/index.vue        | 109 ++++++++++++++++++++++++++++++++++-------
 2 files changed, 100 insertions(+), 17 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 5906ac886..382870d31 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -587,6 +587,14 @@ pre {
 .select-wrapper {
   position: relative;
 
+  input {
+    text-transform: uppercase;
+  }
+
+  .trigger {
+    width: 100%;
+  }
+
   &:after {
     display: inline-block;
     position: absolute;
diff --git a/pages/index.vue b/pages/index.vue
index 300204ede..af395bd97 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -45,17 +45,92 @@
             <li>
               <label for="method">{{ $t("method") }}</label>
               <span class="select-wrapper">
-                <select id="method" v-model="method" @change="methodChange">
-                  <option value="GET">GET</option>
-                  <option value="HEAD">HEAD</option>
-                  <option value="POST">POST</option>
-                  <option value="PUT">PUT</option>
-                  <option value="DELETE">DELETE</option>
-                  <option value="CONNECT">CONNECT</option>
-                  <option value="OPTIONS">OPTIONS</option>
-                  <option value="TRACE">TRACE</option>
-                  <option value="PATCH">PATCH</option>
-                </select>
+                <v-popover>
+                  <input id="method" v-model="method" />
+                  <template slot="popover">
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'GET'"
+                        v-close-popover
+                      >
+                        GET
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'HEAD'"
+                        v-close-popover
+                      >
+                        HEAD
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'POST'"
+                        v-close-popover
+                      >
+                        POST
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'PUT'"
+                        v-close-popover
+                      >
+                        PUT
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'DELETE'"
+                        v-close-popover
+                      >
+                        DELETE
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'CONNECT'"
+                        v-close-popover
+                      >
+                        CONNECT
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'OPTIONS'"
+                        v-close-popover
+                      >
+                        OPTIONS
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'TRACE'"
+                        v-close-popover
+                      >
+                        TRACE
+                      </button>
+                    </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="method = 'PATCH'"
+                        v-close-popover
+                      >
+                        PATCH
+                      </button>
+                    </div>
+                  </template>
+                </v-popover>
               </span>
             </li>
             <li>
@@ -1574,6 +1649,12 @@ export default {
     editingRequest(newValue) {
       this.editRequest = newValue;
       this.showRequestModal = true;
+    },
+    method() {
+      // this.$store.commit('setState', { 'value': ["POST", "PUT", "PATCH"].includes(this.method) ? 'application/json' : '', 'attribute': 'contentType' })
+      this.contentType = ["POST", "PUT", "PATCH"].includes(this.method)
+        ? "application/json"
+        : "";
     }
   },
   computed: {
@@ -2669,12 +2750,6 @@ export default {
       }
       this.setRouteQueryState();
     },
-    methodChange() {
-      // this.$store.commit('setState', { 'value': ["POST", "PUT", "PATCH"].includes(this.method) ? 'application/json' : '', 'attribute': 'contentType' })
-      this.contentType = ["POST", "PUT", "PATCH"].includes(this.method)
-        ? "application/json"
-        : "";
-    },
     uploadPayload() {
       this.rawInput = true;
       const file = this.$refs.payload.files[0];

From 6a13b8c3c5fe5706f8eb56cbde3a011c961c4cdb Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 4 Feb 2020 20:52:52 +0530
Subject: [PATCH 3/3] :art: Better drop-down for `method` field

---
 assets/css/styles.scss |  2 ++
 pages/index.vue        | 69 +++++++++++++++++++++++++++++++++++-------
 2 files changed, 60 insertions(+), 11 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 382870d31..902ec8af5 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -538,6 +538,7 @@ input[type="radio"],
   display: none;
 }
 
+.method,
 kbd,
 select,
 input,
@@ -557,6 +558,7 @@ code {
   transition: all 0.2s ease-in-out;
   user-select: text;
   width: calc(100% - 8px);
+  min-width: 128px;
   resize: vertical;
   text-overflow: ellipsis;
 
diff --git a/pages/index.vue b/pages/index.vue
index af395bd97..b6f087d48 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -46,12 +46,22 @@
               <label for="method">{{ $t("method") }}</label>
               <span class="select-wrapper">
                 <v-popover>
-                  <input id="method" v-model="method" />
+                  <input
+                    id="method"
+                    class="method"
+                    v-if="!customMethod"
+                    v-model="method"
+                    readonly
+                  />
+                  <input v-else v-model="method" placeholder="CUSTOM" />
                   <template slot="popover">
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'GET'"
+                        @click="
+                          customMethod = false;
+                          method = 'GET';
+                        "
                         v-close-popover
                       >
                         GET
@@ -60,7 +70,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'HEAD'"
+                        @click="
+                          customMethod = false;
+                          method = 'HEAD';
+                        "
                         v-close-popover
                       >
                         HEAD
@@ -69,7 +82,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'POST'"
+                        @click="
+                          customMethod = false;
+                          method = 'POST';
+                        "
                         v-close-popover
                       >
                         POST
@@ -78,7 +94,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'PUT'"
+                        @click="
+                          customMethod = false;
+                          method = 'PUT';
+                        "
                         v-close-popover
                       >
                         PUT
@@ -87,7 +106,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'DELETE'"
+                        @click="
+                          customMethod = false;
+                          method = 'DELETE';
+                        "
                         v-close-popover
                       >
                         DELETE
@@ -96,7 +118,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'CONNECT'"
+                        @click="
+                          customMethod = false;
+                          method = 'CONNECT';
+                        "
                         v-close-popover
                       >
                         CONNECT
@@ -105,7 +130,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'OPTIONS'"
+                        @click="
+                          customMethod = false;
+                          method = 'OPTIONS';
+                        "
                         v-close-popover
                       >
                         OPTIONS
@@ -114,7 +142,10 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'TRACE'"
+                        @click="
+                          customMethod = false;
+                          method = 'TRACE';
+                        "
                         v-close-popover
                       >
                         TRACE
@@ -123,12 +154,27 @@
                     <div>
                       <button
                         class="icon"
-                        @click="method = 'PATCH'"
+                        @click="
+                          customMethod = false;
+                          method = 'PATCH';
+                        "
                         v-close-popover
                       >
                         PATCH
                       </button>
                     </div>
+                    <div>
+                      <button
+                        class="icon"
+                        @click="
+                          customMethod = true;
+                          method = 'CUSTOM';
+                        "
+                        v-close-popover
+                      >
+                        CUSTOM
+                      </button>
+                    </div>
                   </template>
                 </v-popover>
               </span>
@@ -1559,7 +1605,8 @@ export default {
       responseBodyType: "text",
       responseBodyMaxLines: 16,
       activeSidebar: true,
-      fb
+      fb,
+      customMethod: false
     };
   },
   watch: {