You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 3.1 KiB

11 years ago
11 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Swagger UI</title>
  5. <link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
  6. <link href='css/highlight.default.css' media='screen' rel='stylesheet' type='text/css'/>
  7. <link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
  8. <script type="text/javascript" src="lib/shred.bundle.js"></script>
  9. <script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>
  10. <script src='lib/jquery.slideto.min.js' type='text/javascript'></script>
  11. <script src='lib/jquery.wiggle.min.js' type='text/javascript'></script>
  12. <script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script>
  13. <script src='lib/handlebars-1.0.0.js' type='text/javascript'></script>
  14. <script src='lib/underscore-min.js' type='text/javascript'></script>
  15. <script src='lib/backbone-min.js' type='text/javascript'></script>
  16. <script src='lib/swagger.js' type='text/javascript'></script>
  17. <script src='swagger-ui.js' type='text/javascript'></script>
  18. <script src='lib/highlight.7.3.pack.js' type='text/javascript'></script>
  19. <script type="text/javascript">
  20. $(function () {
  21. window.swaggerUi = new SwaggerUi({
  22. url: "http://petstore.swagger.wordnik.com/api/api-docs",
  23. dom_id: "swagger-ui-container",
  24. supportedSubmitMethods: ['get', 'post', 'put', 'delete'],
  25. onComplete: function(swaggerApi, swaggerUi){
  26. if(console) {
  27. console.log("Loaded SwaggerUI")
  28. }
  29. $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
  30. },
  31. onFailure: function(data) {
  32. if(console) {
  33. console.log("Unable to Load SwaggerUI");
  34. console.log(data);
  35. }
  36. },
  37. docExpansion: "none"
  38. });
  39. $('#input_apiKey').change(function() {
  40. var key = $('#input_apiKey')[0].value;
  41. console.log("key: " + key);
  42. if(key && key.trim() != "") {
  43. console.log("added key " + key);
  44. window.authorizations.add("key", new ApiKeyAuthorization("api_key", key, "query"));
  45. }
  46. })
  47. window.swaggerUi.load();
  48. });
  49. </script>
  50. </head>
  51. <body>
  52. <div id='header'>
  53. <div class="swagger-ui-wrap">
  54. <a id="logo" href="http://swagger.wordnik.com">swagger</a>
  55. <form id='api_selector'>
  56. <div class='input icon-btn'>
  57. <img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis">
  58. </div>
  59. <div class='input icon-btn'>
  60. <img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis">
  61. </div>
  62. <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div>
  63. <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
  64. <div class='input'><a id="explore" href="#">Explore</a></div>
  65. </form>
  66. </div>
  67. </div>
  68. <div id="message-bar" class="swagger-ui-wrap">
  69. &nbsp;
  70. </div>
  71. <div id="swagger-ui-container" class="swagger-ui-wrap">
  72. </div>
  73. </body>
  74. </html>