4 <title>Swagger UI</title>
5 <link href='https://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>
20 <!-- enabling this will enable oauth2 implicit scope support -->
21 <script src='lib/swagger-oauth.js' type='text/javascript'></script>
23 <script type="text/javascript">
25 window.swaggerUi = new SwaggerUi({
26 url: "{{escape(discovery_url)}}",
27 dom_id: "swagger-ui-container",
28 supportedSubmitMethods: ['get', 'post', 'put', 'delete'],
29 onComplete: function(swaggerApi, swaggerUi){
30 log("Loaded SwaggerUI");
32 if(typeof initOAuth == "function") {
35 clientId: "your-client-id",
37 appName: "your-app-name"
41 $('pre code').each(function(i, e) {
42 hljs.highlightBlock(e)
45 onFailure: function(data) {
46 log("Unable to Load SwaggerUI");
51 $('#input_apiKey').change(function() {
52 var key = $('#input_apiKey')[0].value;
54 if(key && key.trim() != "") {
55 log("added key " + key);
56 window.authorizations.add("key", new ApiKeyAuthorization("api_key", key, "query"));
59 window.swaggerUi.load();
66 <div class="swagger-ui-wrap">
67 <a id="logo" href="http://swagger.wordnik.com">swagger</a>
68 <form id='api_selector'>
69 <div class='input icon-btn'>
70 <img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis">
72 <div class='input icon-btn'>
73 <img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis">
75 <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div>
76 <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
77 <div class='input'><a id="explore" href="#">Explore</a></div>
82 <div id="message-bar" class="swagger-ui-wrap"> </div>
83 <div id="swagger-ui-container" class="swagger-ui-wrap"></div>