[auth] moved authorizations into the header

dist/index.html

@@ -67,7 +67,7 @@
             window.SwaggerTranslator.translate();
           }
 
-          addApiKeyAuthorization();
+//          addApiKeyAuthorization();
         },
         onFailure: function(data) {
           log("Unable to Load SwaggerUI");
@@ -79,16 +79,16 @@
         showRequestHeaders: false
       });
 
-      function addApiKeyAuthorization(){
-        var key = encodeURIComponent($('#input_apiKey')[0].value);
-        if(key && key.trim() != "") {
-            var apiKeyAuth = new SwaggerClient.ApiKeyAuthorization("api_key", key, "query");
-            window.swaggerUi.api.clientAuthorizations.add("api_key", apiKeyAuth);
-            log("added key " + key);
-        }
-      }
-
-      $('#input_apiKey').change(addApiKeyAuthorization);
+//      function addApiKeyAuthorization(){
+//        var key = encodeURIComponent($('#input_apiKey')[0].value);
+//        if(key && key.trim() != "") {
+//            var apiKeyAuth = new SwaggerClient.ApiKeyAuthorization("api_key", key, "query");
+//            window.swaggerUi.api.clientAuthorizations.add("api_key", apiKeyAuth);
+//            log("added key " + key);
+//        }
+//      }
+//
+//      $('#input_apiKey').change(addApiKeyAuthorization);
 
       // if you have an apiKey you would like to pre-populate on the page for demonstration purposes...
       /*
@@ -113,7 +113,7 @@
     <a id="logo" href="http://swagger.io">swagger</a>
     <form id='api_selector'>
       <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div>
-      <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
+      <div id='auth_container'></div>
       <div class='input'><a id="explore" href="#" data-sw-translate>Explore</a></div>
     </form>
   </div>