From b839e8183f66db071c8a14e42623564177619e55 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 12 Nov 2019 16:05:33 +0530
Subject: [PATCH 1/3] :zap: Moved Generate code section to modal

---
 pages/index.vue | 191 ++++++++++++++++++++++++++----------------------
 1 file changed, 103 insertions(+), 88 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 34feb6a4b..5fc3e3500 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,50 +1,5 @@
 <template>
   <div class="page">
-    <save-request-as
-      v-bind:show="showRequestModal"
-      v-on:hide-model="hideRequestModal"
-      v-bind:editing-request="editRequest"
-    ></save-request-as>
-
-    <pw-modal v-if="showModal" @close="showModal = false">
-      <div slot="header">
-        <ul>
-          <li>
-            <div class="flex-wrap">
-              <h3 class="title">Import cURL</h3>
-              <div>
-                <button class="icon" @click="toggleModal">
-                  <i class="material-icons">close</i>
-                </button>
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div slot="body">
-        <ul>
-          <li>
-            <textarea
-              id="import-text"
-              autofocus
-              rows="8"
-              placeholder="Enter cURL"
-            ></textarea>
-          </li>
-        </ul>
-      </div>
-      <div slot="footer">
-        <ul>
-          <li>
-            <button class="icon" @click="handleImport">
-              <i class="material-icons">get_app</i>
-              <span>Import</span>
-            </button>
-          </li>
-        </ul>
-      </div>
-    </pw-modal>
-
     <pw-section
       v-if="showPreRequestScript"
       class="orange"
@@ -80,6 +35,8 @@
       </ul>
     </pw-section>
 
+    <br />
+
     <pw-section class="blue" label="Request" ref="request">
       <ul>
         <li>
@@ -268,8 +225,7 @@
             :disabled="!isValidURL"
             v-tooltip.bottom="{ content: isHidden ? 'Show Code' : 'Hide Code' }"
           >
-            <i class="material-icons" v-if="isHidden">flash_on</i>
-            <i class="material-icons" v-else>flash_off</i>
+            <i class="material-icons">flash_on</i>
           </button>
           <button
             :class="'icon' + (showPreRequestScript ? ' info-response' : '')"
@@ -325,44 +281,6 @@
       </div>
     </pw-section>
 
-    <pw-section class="yellow" label="Code" ref="requestCode" v-if="!isHidden">
-      <ul>
-        <li>
-          <label for="requestType">Request Type</label>
-          <select id="requestType" v-model="requestType">
-            <option>JavaScript XHR</option>
-            <option>Fetch</option>
-            <option>cURL</option>
-          </select>
-        </li>
-      </ul>
-      <ul>
-        <li>
-          <div class="flex-wrap">
-            <label for="generatedCode">Generated Code</label>
-            <div>
-              <button
-                class="icon"
-                @click="copyRequestCode"
-                id="copyRequestCode"
-                ref="copyRequestCode"
-                v-tooltip="'Copy code'"
-              >
-                <i class="material-icons">file_copy</i>
-              </button>
-            </div>
-          </div>
-          <textarea
-            id="generatedCode"
-            ref="generatedCode"
-            name="generatedCode"
-            rows="8"
-            v-model="requestCode"
-          ></textarea>
-        </li>
-      </ul>
-    </pw-section>
-
     <br />
 
     <section id="options">
@@ -703,6 +621,106 @@
     <br />
 
     <history @useHistory="handleUseHistory" ref="historyComponent"></history>
+
+    <save-request-as
+      v-bind:show="showRequestModal"
+      v-on:hide-model="hideRequestModal"
+      v-bind:editing-request="editRequest"
+    ></save-request-as>
+
+    <pw-modal v-if="showModal" @close="showModal = false">
+      <div slot="header">
+        <ul>
+          <li>
+            <div class="flex-wrap">
+              <h3 class="title">Import cURL</h3>
+              <div>
+                <button class="icon" @click="showModal = false">
+                  <i class="material-icons">close</i>
+                </button>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div slot="body">
+        <ul>
+          <li>
+            <textarea
+              id="import-text"
+              autofocus
+              rows="8"
+              placeholder="Enter cURL"
+            ></textarea>
+          </li>
+        </ul>
+      </div>
+      <div slot="footer">
+        <ul>
+          <li>
+            <button class="icon" @click="handleImport">
+              <i class="material-icons">get_app</i>
+              <span>Import</span>
+            </button>
+          </li>
+        </ul>
+      </div>
+    </pw-modal>
+
+    <pw-modal v-if="!isHidden" @close="isHidden = true">
+      <div slot="header">
+        <ul>
+          <li>
+            <div class="flex-wrap">
+              <h3 class="title">Generate code</h3>
+              <div>
+                <button class="icon" @click="isHidden = true">
+                  <i class="material-icons">close</i>
+                </button>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div slot="body">
+        <ul>
+          <li>
+            <label for="requestType">Request Type</label>
+            <select id="requestType" v-model="requestType">
+              <option>JavaScript XHR</option>
+              <option>Fetch</option>
+              <option>cURL</option>
+            </select>
+          </li>
+        </ul>
+        <ul>
+          <li>
+            <div class="flex-wrap">
+              <label for="generatedCode">Generated Code</label>
+              <div>
+                <button
+                  class="icon"
+                  @click="copyRequestCode"
+                  id="copyRequestCode"
+                  ref="copyRequestCode"
+                  v-tooltip="'Copy code'"
+                >
+                  <i class="material-icons">file_copy</i>
+                </button>
+              </div>
+            </div>
+            <textarea
+              id="generatedCode"
+              ref="generatedCode"
+              name="generatedCode"
+              rows="8"
+              v-model="requestCode"
+            ></textarea>
+          </li>
+        </ul>
+      </div>
+      <div slot="footer"></div>
+    </pw-modal>
   </div>
 </template>
 <script>
@@ -1794,9 +1812,6 @@ export default {
         });
       }
     },
-    toggleModal() {
-      this.showModal = !this.showModal;
-    },
     switchVisibility() {
       this.passwordFieldType =
         this.passwordFieldType === "password" ? "text" : "password";

From b9908f68f98a28427ae2a1f96f0ce865101bfc1f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Tue, 12 Nov 2019 22:27:14 +0530
Subject: [PATCH 2/3] :zap: Fixed abnormal popover position

---
 layouts/default.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/layouts/default.vue b/layouts/default.vue
index 24002f1b2..8d047943e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -213,6 +213,7 @@
 import intializePwa from "../assets/js/pwa";
 import logo from "../components/logo";
 import * as version from "../.postwoman/version.json";
+import VTooltip from 'v-tooltip'
 
 export default {
   components: {

From 1dbb89df34c75feccdb9ee8c4c08098fc43debdf Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Tue, 12 Nov 2019 22:35:46 +0530
Subject: [PATCH 3/3] :alembic: Popover

---
 layouts/default.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 8d047943e..24002f1b2 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -213,7 +213,6 @@
 import intializePwa from "../assets/js/pwa";
 import logo from "../components/logo";
 import * as version from "../.postwoman/version.json";
-import VTooltip from 'v-tooltip'
 
 export default {
   components: {