CINXE.COM
Swagger
<!DOCTYPE html> <html data-swagger-options="{"url":"/api/v1/swagger.yaml","app_name":"Swagger","app_url":"","headers":{},"api_auth":"","api_key_name":"api_key","api_key_type":"query","api_key_default_value":"","api_key_placeholder":"api_key","doc_expansion":"none","supported_submit_methods":["get","post","put","delete","patch"],"before_action_proc":null,"hide_url_input":false,"hide_api_key_input":false}"> <head> <title>Swagger</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="/assets/grape_swagger_rails/application-dd1c2a08a763c4b1bef00950ebe60ba04d50306de14b9e2c263e15d91967522c.css" /> <script src="/assets/grape_swagger_rails/application-db72e42c27bb70d0a28a75ada2fa44108447fb4472956b9c7a670aceaa659d12.js"></script> <script type="text/javascript"> $(function () { var options = $("html").data('swagger-options'); var headers = {}; window.swaggerUi = new SwaggerUi({ url: options.app_url + options.url, dom_id: "swagger-ui-container", supportHeaderParams: true, supportedSubmitMethods: options.supported_submit_methods || [], authorizations: headers, onComplete: function(swaggerApi, swaggerUi){ if('console' in window) { console.log("Loaded SwaggerUI") console.log(swaggerApi); console.log(swaggerUi); } $('pre code').each(function(i, e) {hljs.highlightBlock(e)}); }, onFailure: function(data) { if('console' in window) { console.log("Unable to Load SwaggerUI"); console.log(data); } }, docExpansion: options.doc_expansion, validatorUrl: options.validator_url, apisSorter: "alpha" }); function getApiKeyAuthorization() { var key = $('#input_apiKey')[0].value; if (key && key.trim() != "") { if (options.api_auth == 'basic') { key = "Basic " + Base64.encode(key); } else if (options.api_auth == 'bearer') { key = "Bearer " + key; } else if (options.api_auth == 'token') { key = 'Token token="' + key + '"'; } return new SwaggerClient.ApiKeyAuthorization(options.api_key_name, key, options.api_key_type); } } function addApiKeyAuthorization() { var apiKeyAuthorization = getApiKeyAuthorization(); if (apiKeyAuthorization) { window.swaggerUi.api.clientAuthorizations.add("key", apiKeyAuthorization); } } $('#input_apiKey').change(addApiKeyAuthorization); window.swaggerUi.load(); }); </script> <style> input#input_baseUrl, a#explore.exploreBtn { } input#input_apiKey { } </style> </head> <body class="swagger-section"> <div id='header'> <div class="swagger-ui-wrap"> <a id="logo" href="">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" value=""/></div> <div class='input'><a id="explore" class="exploreBtn" href="#">Explore</a></div> </form> </div> </div> <div id="message-bar" class="swagger-ui-wrap"> </div> <div id="swagger-ui-container" class="swagger-ui-wrap"> </div> </body> </html>