From 9ff02eefb859dc23641cf846b2da437120e1374b Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Sun, 29 Dec 2019 05:08:55 +0530
Subject: [PATCH] :fire: Hid empty fields

---
 pages/doc.vue | 88 ++++++++++++++++++++++++++++++++-------------------
 1 file changed, 56 insertions(+), 32 deletions(-)

diff --git a/pages/doc.vue b/pages/doc.vue
index 7a56cb7c8..ea6e17391 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -83,44 +83,48 @@
                 <i class="material-icons">insert_drive_file</i>
                 {{ request.name || "None" }}
               </h4>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.url">
                 <span>
                   URL: <code>{{ request.url || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.path">
                 <span>
                   Path: <code>{{ request.path || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.method">
                 <span>
                   Method: <code>{{ request.method || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.auth">
                 <span>
                   Authentication:
                   <code>{{ request.auth || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.httpUser">
                 <span>
                   Username: <code>{{ request.httpUser || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.httpPassword">
                 <span>
                   Password: <code>{{ request.httpPassword || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.bearerToken">
                 <span>
                   Token: <code>{{ request.bearerToken || "None" }}</code>
                 </span>
               </p>
-              <h4>Headers</h4>
-              <span v-for="header in request.headers" :key="header.key">
+              <h4 v-if="request.headers.length > 0">Headers</h4>
+              <span
+                v-if="request.headers"
+                v-for="header in request.headers"
+                :key="header.key"
+              >
                 <p class="doc-desc">
                   <span>
                     {{ header.key || "None" }}:
@@ -128,8 +132,12 @@
                   </span>
                 </p>
               </span>
-              <h4>Parameters</h4>
-              <span v-for="parameter in request.params" :key="parameter.key">
+              <h4 v-if="request.params.length > 0">Parameters</h4>
+              <span
+                v-if="request.params"
+                v-for="parameter in request.params"
+                :key="parameter.key"
+              >
                 <p class="doc-desc">
                   <span>
                     {{ parameter.key || "None" }}:
@@ -137,8 +145,12 @@
                   </span>
                 </p>
               </span>
-              <h4>Payload</h4>
-              <span v-for="payload in request.bodyParam" :key="payload.key">
+              <h4 v-if="request.bodyParam">Payload</h4>
+              <span
+                v-if="request.bodyParam"
+                v-for="payload in request.bodyParam"
+                :key="payload.key"
+              >
                 <p class="doc-desc">
                   <span>
                     {{ payload.key || "None" }}:
@@ -146,17 +158,17 @@
                   </span>
                 </p>
               </span>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.rawParams">
                 <span>
                   Parameters: <code>{{ request.rawParams || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.contentType">
                 <span>
                   Content Type: <code>{{ request.contentType || "None" }}</code>
                 </span>
               </p>
-              <p class="doc-desc">
+              <p class="doc-desc" v-if="request.requestType">
                 <span>
                   Request Type: <code>{{ request.requestType || "None" }}</code>
                 </span>
@@ -172,44 +184,48 @@
               <i class="material-icons">insert_drive_file</i>
               {{ request.name || "None" }}
             </h4>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.url">
               <span>
                 URL: <code>{{ request.url || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.path">
               <span>
                 Path: <code>{{ request.path || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.method">
               <span>
                 Method: <code>{{ request.method || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.auth">
               <span>
                 Authentication:
                 <code>{{ request.auth || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.httpUser">
               <span>
                 Username: <code>{{ request.httpUser || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.httpPassword">
               <span>
                 Password: <code>{{ request.httpPassword || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.bearerToken">
               <span>
                 Token: <code>{{ request.bearerToken || "None" }}</code>
               </span>
             </p>
-            <h4>Headers</h4>
-            <span v-for="header in request.headers" :key="header.key">
+            <h4 v-if="request.headers.length > 0">Headers</h4>
+            <span
+              v-if="request.headers"
+              v-for="header in request.headers"
+              :key="header.key"
+            >
               <p class="doc-desc">
                 <span>
                   {{ header.key || "None" }}:
@@ -217,8 +233,12 @@
                 </span>
               </p>
             </span>
-            <h4>Parameters</h4>
-            <span v-for="parameter in request.params" :key="parameter.key">
+            <h4 v-if="request.params.length > 0">Parameters</h4>
+            <span
+              v-if="request.params"
+              v-for="parameter in request.params"
+              :key="parameter.key"
+            >
               <p class="doc-desc">
                 <span>
                   {{ parameter.key || "None" }}:
@@ -226,8 +246,12 @@
                 </span>
               </p>
             </span>
-            <h4>Payload</h4>
-            <span v-for="payload in request.bodyParam" :key="payload.key">
+            <h4 v-if="request.bodyParam">Payload</h4>
+            <span
+              v-if="request.bodyParam"
+              v-for="payload in request.bodyParam"
+              :key="payload.key"
+            >
               <p class="doc-desc">
                 <span>
                   {{ payload.key || "None" }}:
@@ -235,17 +259,17 @@
                 </span>
               </p>
             </span>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.rawParams">
               <span>
                 Parameters: <code>{{ request.rawParams || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.contentType">
               <span>
                 Content Type: <code>{{ request.contentType || "None" }}</code>
               </span>
             </p>
-            <p class="doc-desc">
+            <p class="doc-desc" v-if="request.requestType">
               <span>
                 Request Type: <code>{{ request.requestType || "None" }}</code>
               </span>