No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 

89 líneas
2.8 KiB

  1. <html>
  2. <head>
  3. <title>Swagger UI</title>
  4. <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
  5. <link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
  6. <script src='lib/jquery.min.js' type='text/javascript'></script>
  7. <script src='lib/jquery.slideto.min.js' type='text/javascript'></script>
  8. <script src='lib/jquery.wiggle.min.js' type='text/javascript'></script>
  9. <script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script>
  10. <script src='lib/handlebars.runtime-1.0.0.beta.6.js' type='text/javascript'></script>
  11. <script src='lib/underscore-min.js' type='text/javascript'></script>
  12. <script src='lib/backbone-min.js' type='text/javascript'></script>
  13. <script src='lib/swagger.js' type='text/javascript'></script>
  14. <script src='swagger-ui.js' type='text/javascript'></script>
  15. <style type="text/css">
  16. .swagger-ui-wrap {
  17. max-width: 960px;
  18. margin-left: auto;
  19. margin-right: auto;
  20. }
  21. .icon-btn {
  22. cursor: pointer;
  23. }
  24. #message-bar {
  25. min-height: 30px;
  26. text-align: center;
  27. padding-top: 10px;
  28. }
  29. .message-success {
  30. color: #89BF04;
  31. }
  32. .message-fail {
  33. color: #cc0000;
  34. }
  35. </style>
  36. <script type="text/javascript">
  37. $(function () {
  38. window.swaggerUi = new SwaggerUi({
  39. discoveryUrl:"http://petstore.swagger.wordnik.com/api/resources.json",
  40. apiKey:"special-key",
  41. dom_id:"swagger-ui-container",
  42. supportHeaderParams: false,
  43. supportedSubmitMethods: ['get', 'post', 'put']
  44. });
  45. window.swaggerUi.load();
  46. });
  47. </script>
  48. </head>
  49. <body>
  50. <div id='header'>
  51. <div class="swagger-ui-wrap">
  52. <a id="logo" href="http://swagger.wordnik.com">swagger</a>
  53. <form id='api_selector'>
  54. <div class='input icon-btn'>
  55. <img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis">
  56. </div>
  57. <div class='input icon-btn'>
  58. <img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis">
  59. </div>
  60. <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl"
  61. type="text"/></div>
  62. <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
  63. <div class='input'><a id="explore" href="#">Explore</a></div>
  64. </form>
  65. </div>
  66. </div>
  67. <div id="message-bar" class="swagger-ui-wrap">
  68. &nbsp;
  69. </div>
  70. <div id="swagger-ui-container" class="swagger-ui-wrap">
  71. </div>
  72. </body>
  73. </html>