Cherry-Pie#2 Global headers functionality with headers autocomplete

jetlee0797 · Aug 18, 2017 · 840eeee · 840eeee
1 parent 35b2d4d
commit 840eeee
Show file tree

Hide file tree

Showing 8 changed files with 182 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -64,7 +64,6 @@ Route::get('/docs', function() {
 
 
 ## TODO
-- add `global headers` section.
 - generate plain html page with all documentation info.
 - fullsize block with response.
 - generate blueprint for https://apiblueprint.org.

diff --git a/public/css/easyautocomplete.css b/public/css/easyautocomplete.css
diff --git a/public/css/style.css b/public/css/style.css
@@ -2125,3 +2125,14 @@ label>span {
             user-select: none; /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
 }
+
+.global-headers-section {
+    display: none;
+    padding: 30px 30px 30px 0;
+    height: 400px;
+    top: 60px;
+    position: fixed;
+    box-shadow: 0 0 10px rgba(0,0,0,0.5);
+    width: 630px;
+    background: #ffffff;
+}
diff --git a/public/js/app.js b/public/js/app.js
@@ -1,3 +1,8 @@
+
+$(window).on('resize', function() {
+    $('.global-headers-section').width($('.method-copy').width() - 30);
+});
+
 $(document).ready(function(){
     $('#documenter_nav').tendina({activeMenu: '.current'});
 
@@ -38,7 +43,73 @@ $(document).ready(function(){
         });
         return false;
     });
-});
+
+    autocompleteHeaders();
+
+}); 
+
+function autocompleteHeaders()
+{
+	$('.req-header').easyAutocomplete({
+		data: [
+			'Accept',
+			'Accept-Charset',
+			'Accept-Encoding',
+			'Accept-Language',
+			'Accept-Datetime',
+			'Access-Control-Request-Method',
+			'Access-Control-Request-Headers',
+			'Authorization',
+			'Cache-Control',
+			'Connection',
+			'Cookie',
+			'Content-Length',
+			'Content-MD5',
+			'Content-Type',
+			'Content-Disposition',
+			'Date',
+			'Expect',
+			'Forwarded',
+			'From',
+			'Host',
+			'If-Match',
+			'If-Modified-Since',
+			'If-None-Match',
+			'If-Range',
+			'If-Unmodified-Since',
+			'Max-Forwards',
+			'Origin',
+			'Pragma',
+			'Proxy-Authorization',
+			'Range',
+			'Referer',
+			'TE',
+			'User-Agent',
+			'Upgrade',
+			'Via',
+			'Warning',
+			'X-Requested-With',
+			'DNT',
+			'X-Forwarded-For',
+			'X-Forwarded-Host',
+			'X-Forwarded-Proto',
+			'Front-End-Https',
+			'X-Http-Method-Override',
+			'X-ATT-DeviceId',
+			'X-Wap-Profile',
+			'Proxy-Connection',
+			'X-UIDH',
+			'X-Csrf-Token',
+			'X-Request-ID',
+			'X-Correlation-ID',
+		],
+		list: {
+	        match: {
+	            enabled: true
+	        }
+	    },
+	});
+}
 
 function openUl(ul)
 {
@@ -67,6 +138,13 @@ function sendRequest(form)
             headers[header] = $el.find('.req-header-value').val();
         }
     });
+    $('.global-headers-form .form-group').not('.except').each(function(key, element) {
+        var $el = $(element);
+        if ($el.find('.req-header-active').is(':checked')) {
+            var header = $el.find('.req-header').val();
+            headers[header] = $el.find('.req-header-value').val();
+        }
+    });
 
     $.ajax({
         url : $section.find('.action-url').val(),
@@ -159,3 +237,22 @@ function changeSourceView(ctx)
     }
 }
 
+function addNewHeaderInput(ctx)
+{
+	$(ctx).closest('.form-group').before($('#header-row-template').html());
+	autocompleteHeaders();
+}
+
+function showGlobalHeaders(ctx)
+{
+    var $li = $(ctx).parent();
+    if ($li.hasClass('dx-nav-active')) {
+        $li.removeClass('dx-nav-active');
+        $('.global-headers-section').slideUp();
+    } else {
+        $li.addClass('dx-nav-active');
+        $(window).trigger('resize')
+        $('.global-headers-section').slideDown();
+    }
+}
+