Added a dropdown menu at request panel.

Author: chao

src/pages/request.html

@@ -74,16 +74,26 @@ <h5 id="request-title" class="text-muted title">
                                 <a class="dropdown-item" href="#">PATCH</a>
                             </div>
                         </div>
-                        <label for="request-url" class="d-inline-flex" data-i18n="requestUrl">URL</label>
-                        <div class="input-group ig-request-url">
-                            <input type="text" class="form-control" id="request-url" placeholder="http://www.example.com">
-                            <button type="button" class="input-group-addon btn-toggle-favorite-url">
-                                <i class="fa fa-star-o"></i>
+                        <label for="request-url" class="d-inline-flex m-l-sm m-r-xs" data-i18n="requestUrl">URL</label>
+                        <div class="input-group d-flex request-combo">
+                            <button type="button" class="input-group-addon" id="dd-response-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                <i class="fa fa-file-text-o"></i>
                             </button>
-                            <button type="button" class="input-group-addon" id="dd-request-urls" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <i class="fa fa-angle-down"></i>
-                            </button>
-                            <div id="request-urls-dropdown" class="dropdown-menu dropdown-menu-right" aria-labelledby="dd-request-urls">
+                            <div id="response-type-dropdown" class="dropdown-menu" aria-labelledby="dd-response-type">
+                                <div class="dropdown-header" data-i18n="requestResponseTypeMenu">Response type</div>
+                                <a class="dropdown-item btn-switch-response-type active" data-type="text" href="#"><i class="fa fa-file-text-o"></i> <span data-i18n="requestResponseTypeMenuText">Text</span></a>
+                                <a class="dropdown-item btn-switch-response-type" data-type="blob" href="#"><i class="fa fa-file-archive-o"></i> <span data-i18n="requestResponseTypeMenuBlob">Blob (Binary file)</span></a>
+                            </div>
+                            <div class="input-group ig-request-url">
+                                <input type="text" class="form-control" id="request-url" placeholder="http://www.example.com">
+                                <button type="button" class="input-group-addon btn-toggle-favorite-url">
+                                    <i class="fa fa-star-o"></i>
+                                </button>
+                                <button type="button" class="input-group-addon" id="dd-request-urls" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <i class="fa fa-angle-down"></i>
+                                </button>
+                                <div id="request-urls-dropdown" class="dropdown-menu dropdown-menu-right" aria-labelledby="dd-request-urls">
+                                </div>
                             </div>
                         </div>
                         <button type="submit" class="btn btn-send-request btn-primary" data-i18n="requestSend">SEND</button>

src/scripts/index.js

@@ -55,6 +55,11 @@ ext.tabs.getCurrent().then(function (tabInfo) {
       console.log("[background][logURL]", requestDetails);
       let url = requestDetails.redirectUrl;
       let statusCode = requestDetails.statusLine;
+      if (statusCode != '' && statusCode.indexOf(' ') > 0)
+      {
+        // console.error(statusCode.indexOf(' '));
+        statusCode = statusCode.substring(statusCode.indexOf(' '), statusCode.length);
+      }
       $(document).trigger('redirected', [statusCode, url]);
     },
     { urls: ["<all_urls>"], tabId: currentTabInfo.id }

src/styles/import/_request.scss

@@ -66,12 +66,31 @@
         border-bottom-right-radius: 0.25rem;
       }
     }
+    .request-combo {
+      flex: 1;
+
+      #dd-response-type {
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+        border: 1px solid #DDD;
+        border-right: 0 !important;
+      }
+
+      #request-url {
+        border: 1px solid #DDD;
+        border-top-left-radius: 0px !important;
+        border-bottom-left-radius: 0px !important;
+        border-left: 0 !important;
+      }
+    }
+
     .ig-request-method:focus-within,
-    .ig-request-url:focus-within {
+    .request-combo:focus-within {
       input {
-        border: #d9230f solid 1px;
+        border: #d9230f solid 1px !important;
       }
       .input-group-addon {
+        border: #d9230f solid 1px !important;
         background-color: #d9230f;
         text-decoration: none;
         color: #fff;