/src/ServiceStack.Api.Swagger/swagger-ui-bootstrap/index.html

https://github.com/sidecut/ServiceStack · HTML · 94 lines · 86 code · 8 blank · 0 comment · 0 complexity · c440e9efa80a844a44d225d20a5ceda5 MD5 · raw file 

    

  1. <!DOCTYPE html>

    2. 

  2. <html>

    3. 

  3. <head>

    4. 

  4.     <title>API Documentation</title>

    5. 

  5.     

    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    7. 

  7.     

    8. 

  8.     <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    9. 

  9. 

    10. 

  10.     <style>

    11. 

  11.         .verb {

    12. 

  12.             font-size: 105%;

    13. 

  13.         }

    14. 

  14.         .panel-title a:first-child:hover {

    15. 

  15.             text-decoration: none;

    16. 

  16.         }

    17. 

  17.         .tab-pane div:first-child {

    18. 

  18.             margin-top: 20px;

    19. 

  19.         }

    20. 

  20.         pre {

    21. 

  21.             border: none;

    22. 

  22.         }

    23. 

  23.         .string {

    24. 

  24.             color: green;

    25. 

  25.         }

    26. 

  26.         .number {

    27. 

  27.             color: darkorange;

    28. 

  28.         }

    29. 

  29.         .boolean {

    30. 

  30.             color: blue;

    31. 

  31.         }

    32. 

  32.         .null {

    33. 

  33.             color: magenta;

    34. 

  34.         }

    35. 

  35.         .key {

    36. 

  36.             color: red;

    37. 

  37.         }

    38. 

  38.         #title {

    39. 

  39.             background: url({LogoUrl}) no-repeat 10px 10px;

    40. 

  40.             font-size: 24px;

    41. 

  41.             line-height: 24px;

    42. 

  42.             padding: 15px 0 15px 45px;

    43. 

  43.         }

    44. 

  44.     </style>

    45. 

  45.         

    46. 

  46.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    47. 

  47.     <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js" type="text/javascript"></script>   

    48. 

  48.     <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

    49. 

  49.     <script src="jiko.js" type="text/javascript"></script>

    50. 

  50. </head>

    51. 

  51.     <body>

    52. 

  52.         <script>

    53. 

  53.             var template = jiko.loadFile("swagger-like-template.html");

    54. 

  54.             var test = [];

    55. 

  55.             function getRequest(url) {

    56. 

  56.                 return $.ajax({

    57. 

  57.                     type: "GET",

    58. 

  58.                     url: url,

    59. 

  59.                     contentType: "text/json"

    60. 

  60.                 });

    61. 

  61.             }

    62. 

  62. 

    63. 

  63.             $(document).ready(function () {

    64. 

  64.                 var resourcesRequest = getRequest("http://petstore.swagger.io/v2/swagger.json");

    65. 

  65.                 resourcesRequest.done(function (resources) {

    66. 

  66.                     resources.apis.forEach(function (api, key) {

    67. 

  67.                         var placeholder = $('<div />').css({'margin-bottom': '1em'}).appendTo($("#main")), 

    68. 

  68.                             apiRequest = getRequest(resources.basePath + api.path);

    69. 

  69.                         apiRequest.done(function (data) {

    70. 

  70.                             _.extend(data, { api: api });

    71. 

  71.                             test.push(data);

    72. 

  72.                             data.order = key;

    73. 

  73.                             placeholder.append(template.apiAccordion(data));

    74. 

  74.                         });

    75. 

  75.                     });

    76. 

  76.                 });

    77. 

  77.             });

    78. 

  78.         </script>

    79. 

  79.         <div class="container">

    80. 

  80.             <nav class="navbar navbar-default" role="navigation">

    81. 

  81.                 <div class="navbar-header">

    82. 

  82.                     <a id="title" class="navbar-brand" href="#">ApiDocs</a>

    83. 

  83.                 </div>

    84. 

  84.             </nav>

    85. 

  85.         </div>

    86. 

  86. 

    87. 

  87.         <div class="container">

    88. 

  88.             <div id="main" class="panel-group">

    89. 

  89.                 

    90. 

  90.             </div>

    91. 

  91.         </div>

    92. 

  92.         

    93. 

  93.     </body>

    94. 

  94. </html>
    95.