From ba22a3a72b19fe395ec44a9214b806f3caccac7a Mon Sep 17 00:00:00 2001
From: Taha Azab <azab.taha@gmail.com>
Date: Tue, 6 May 2014 11:31:10 +0200
Subject: [PATCH] added autocomplete feature to header input control

---
 .../Help/DisplayTemplates/TestClientDialogs.cshtml.pp     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/WebApiTestClient/WebApiTestClient/Areas/HelpPage/Views/Help/DisplayTemplates/TestClientDialogs.cshtml.pp b/WebApiTestClient/WebApiTestClient/Areas/HelpPage/Views/Help/DisplayTemplates/TestClientDialogs.cshtml.pp
index 45f642e..9e4541d 100644
--- a/WebApiTestClient/WebApiTestClient/Areas/HelpPage/Views/Help/DisplayTemplates/TestClientDialogs.cshtml.pp
+++ b/WebApiTestClient/WebApiTestClient/Areas/HelpPage/Views/Help/DisplayTemplates/TestClientDialogs.cshtml.pp
@@ -31,9 +31,13 @@
   <h5 class="ui-widget-header">Headers | <a style="text-decoration: underline" href="#" data-bind="click: addHeader">Add header</a>
   </h5>
   <div class="panel">
+    <datalist id="headersList" data-bind="foreach: headersList">
+      <option data-bind="value: $data">
+    </datalist>
+  
     <div data-bind="foreach: RequestHeaders">
       <div>
-        <input spellcheck="false" data-bind='value: name, uniqueName: true' />
+        <input spellcheck="false" list="headersList" data-bind='value: name, uniqueName: true' />
         <span>: </span>
         <input spellcheck="false" data-bind='value: value, uniqueName: true' />
         <a href='#' data-bind='click: $root.removeHeader'>Delete</a>
@@ -84,4 +88,4 @@
     },
     BaseAddress: '@applicationPath'
   };
-</script>
\ No newline at end of file
+</script>