|
1 | | -{% load staticfiles %} |
2 | | -<!DOCTYPE html> |
3 | | -<html> |
4 | | -<head> |
5 | | - <title>edX Analytics API</title> |
6 | | - <link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/> |
7 | | - <link href='{% static "rest_framework_swagger/css/highlight.default.css" %}' media='screen' rel='stylesheet' type='text/css'/> |
8 | | - <link href='{% static "rest_framework_swagger/css/rest_framework_swagger.css" %}' media='screen' rel='stylesheet' type='text/css'/> |
9 | | - <link href='{% static "rest_framework_swagger/css/screen.css" %}' media='screen' rel='stylesheet' type='text/css'/> |
10 | | - <link href='{% static "css/edx-swagger.css" %}' media='screen' rel='stylesheet' type='text/css'/> |
11 | | - <script type="text/javascript" src="{% static 'rest_framework_swagger/lib/shred.bundle.js' %}"></script> |
12 | | - <script src='{% static "rest_framework_swagger/lib/jquery-1.8.0.min.js" %}' type='text/javascript'></script> |
13 | | - <script src='{% static "rest_framework_swagger/lib/jquery.slideto.min.js" %}' type='text/javascript'></script> |
14 | | - <script src='{% static "rest_framework_swagger/lib/jquery.wiggle.min.js" %}' type='text/javascript'></script> |
15 | | - <script src='{% static "rest_framework_swagger/lib/jquery.ba-bbq.min.js" %}' type='text/javascript'></script> |
16 | | - <script src='{% static "rest_framework_swagger/lib/jquery.cookie.js" %}' type='text/javascript'></script> |
17 | | - <script src='{% static "rest_framework_swagger/lib/handlebars-1.0.0.js" %}' type='text/javascript'></script> |
18 | | - <script src='{% static "rest_framework_swagger/lib/underscore-min.js" %}' type='text/javascript'></script> |
19 | | - <script src='{% static "rest_framework_swagger/lib/backbone-min.js" %}' type='text/javascript'></script> |
20 | | - <script src='{% static "rest_framework_swagger/lib/swagger.js" %}' type='text/javascript'></script> |
21 | | - <script src='{% static "rest_framework_swagger/swagger-ui.min.js" %}' type='text/javascript'></script> |
22 | | - <script src='{% static "rest_framework_swagger/lib/highlight.7.3.pack.js" %}' type='text/javascript'></script> |
| 1 | +{% extends "rest_framework_swagger/index.html" %} |
23 | 2 |
|
24 | | - <link rel="icon" type="image/x-icon" href='{% static "images/favicon.ico" %}' /> |
| 3 | +{% load staticfiles %} |
25 | 4 |
|
| 5 | +{% block header %} |
| 6 | + <div id="header"> |
| 7 | + <div class="swagger-ui-wrap"> |
| 8 | + <form id='api_selector'> |
| 9 | + <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div> |
| 10 | + <div class='input'><input placeholder="API Key" id="input_apiKey" name="apiKey" type="text"/></div> |
| 11 | + </form> |
| 12 | + </div> |
| 13 | + </div> |
| 14 | +{% endblock %} |
| 15 | + |
| 16 | +{% block extra_scripts %} |
26 | 17 | <script type="text/javascript"> |
27 | 18 | $(function () { |
28 | 19 | window.swaggerUi = new SwaggerUi({ |
29 | | - url: "{{ swagger_settings.discovery_url }}", |
30 | | - apiKey: "{{ swagger_settings.api_key }}", |
31 | | - dom_id: "swagger-ui-container", |
32 | | - supportedSubmitMethods: {{ swagger_settings.enabled_methods }}, |
33 | | - onComplete: function(swaggerApi, swaggerUi){ |
34 | | - if(console) { |
35 | | - console.log("Loaded SwaggerUI") |
36 | | - } |
37 | | - $('pre code').each(function(i, e) {hljs.highlightBlock(e)}); |
38 | | - }, |
39 | | - onFailure: function(data) { |
40 | | - if(console) { |
41 | | - console.log("Unable to Load SwaggerUI"); |
42 | | - console.log(data); |
| 20 | + url: '', |
| 21 | + dom_id: 'swagger-ui-container' |
| 22 | + }); |
| 23 | + |
| 24 | + // this sets the authorization token so calls to the API can made via swagger |
| 25 | + $('#input_apiKey').change(function() { |
| 26 | + var key = $('#input_apiKey')[0].value; |
| 27 | + console.log('key: ' + key); |
| 28 | + if(key && key.trim() !== '') { |
| 29 | + console.log('added key ' + key); |
| 30 | + window.swaggerUi.api.clientAuthorizations.add('key', |
| 31 | + new SwaggerClient.ApiKeyAuthorization('Authorization', 'Token ' + key, 'header') |
| 32 | + ); |
43 | 33 | } |
44 | | - }, |
45 | | - docExpansion: "none" |
| 34 | + }); |
| 35 | + window.swaggerUi.load(); |
46 | 36 | }); |
47 | | - |
48 | | - $('#input_apiKey').change(function() { |
49 | | - var key = $('#input_apiKey')[0].value; |
50 | | - console.log("key: " + key); |
51 | | - if(key && key.trim() != "") { |
52 | | - console.log("added key " + key); |
53 | | - window.authorizations.add("key", new ApiKeyAuthorization("Authorization", "Token " + key, "header")); |
54 | | - } |
55 | | - }) |
56 | | - {% if swagger_settings.api_key %} |
57 | | - window.authorizations.add("key", new ApiKeyAuthorization("Authorization", "Token " + "{{ swagger_settings.api_key }}", "header")); |
58 | | - {% endif %} |
59 | | - window.swaggerUi.load(); |
60 | | - }); |
61 | | - |
62 | 37 | </script> |
63 | | -</head> |
64 | | - |
65 | | -<body> |
66 | | -<div id='header'> |
67 | | - <div class="swagger-ui-wrap"> |
68 | | - <a id="logo" class="edx-logo" href="http://code.edx.org/"></a> |
69 | | - |
70 | | - <form id='api_selector'> |
71 | | - <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div> |
72 | | - <div class='input'><input placeholder="API Key" id="input_apiKey" name="apiKey" type="text"/></div> |
73 | | - <div class='input'><a id="explore" href="#">Explore</a></div> |
74 | | - </form> |
75 | | - </div> |
76 | | -</div> |
77 | | - |
78 | | -<div id="message-bar" class="swagger-ui-wrap"> |
79 | | - |
80 | | -</div> |
81 | | -<div id="swagger-ui-container" class="swagger-ui-wrap"> |
82 | | - |
83 | | -</div> |
84 | | - |
85 | | -</body> |
86 | 38 |
|
87 | | -</html> |
| 39 | + <script src='{% static "rest_framework_swagger/init.js" %}' type='text/javascript'></script> |
| 40 | +{% endblock %} |
0 commit comments