From 2b40db285e9e64ed7b6c4aa9b3ce05d60fa42d03 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Mon, 23 Dec 2019 08:16:45 +0530
Subject: [PATCH] :sparkles: Introducing API Documentation

---
 README.md              |  7 +++++++
 assets/css/styles.scss |  5 +++++
 pages/doc.vue          | 21 +++++++++++++++++++--
 pages/settings.vue     |  7 +------
 4 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 44b70b869..d855bf086 100644
--- a/README.md
+++ b/README.md
@@ -171,6 +171,13 @@ _Official Postwoman Proxy is hosted by ApolloTV - **[Privacy policy](https://apo
 
 _Requests with Pre-Request Scripts are indicated in History entries_
 
+📄 **API Documentation**: Create and share dynamic API documentation easily, quickly.
+
+**Use-cases:**
+ 1. Add your requests to Collections and Folders
+ 2. Export Collections and easily share your APIs with the rest of your team
+ 3. Import Collections and Generate Documentation on-the-go
+
 ⌨️ **Keyboard Shortcuts**: Optimized for efficiency.
 
 **Shortcuts:**
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 79e6c1d4a..48b6130c3 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -382,6 +382,11 @@ h3.title {
   margin: 4px;
 }
 
+.info {
+  margin-left: 4px;
+  color: var(--fg-light-color);
+}
+
 button {
   display: inline-flex;
   align-items: center;
diff --git a/pages/doc.vue b/pages/doc.vue
index 17685daf2..a14953d4a 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="page">
     <pw-section class="blue" label="Collections" ref="collections">
+      <ul class="info">
+        <li>
+          <p>
+            Import any Postwoman Collection to Generate Documentation on-the-go.
+          </p>
+        </li>
+      </ul>
       <ul>
         <li>
           <label for="collectionUpload">
@@ -76,6 +83,11 @@
                 <i class="material-icons">insert_drive_file</i>
                 {{ request.name || "None" }}
               </h4>
+              <p class="doc-desc">
+                <span>
+                  URL: <code>{{ request.url || "None" }}</code>
+                </span>
+              </p>
               <p class="doc-desc">
                 <span>
                   Path: <code>{{ request.path || "None" }}</code>
@@ -94,7 +106,7 @@
               </p>
               <p class="doc-desc">
                 <span>
-                  Uername: <code>{{ request.httpUser || "None" }}</code>
+                  Username: <code>{{ request.httpUser || "None" }}</code>
                 </span>
               </p>
               <p class="doc-desc">
@@ -160,6 +172,11 @@
               <i class="material-icons">insert_drive_file</i>
               {{ request.name || "None" }}
             </h4>
+            <p class="doc-desc">
+              <span>
+                URL: <code>{{ request.url || "None" }}</code>
+              </span>
+            </p>
             <p class="doc-desc">
               <span>
                 Path: <code>{{ request.path || "None" }}</code>
@@ -178,7 +195,7 @@
             </p>
             <p class="doc-desc">
               <span>
-                Uername: <code>{{ request.httpUser || "None" }}</code>
+                Username: <code>{{ request.httpUser || "None" }}</code>
               </span>
             </p>
             <p class="doc-desc">
diff --git a/pages/settings.vue b/pages/settings.vue
index e76587b94..80c1ec7f8 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -134,12 +134,7 @@
   </div>
 </template>
 
-<style scoped lang="scss">
-.info {
-  margin-left: 4px;
-  color: var(--fg-light-color);
-}
-</style>
+<style scoped lang="scss"></style>
 
 <script>
 export default {