encode/django-rest-framework
1
1
Fork 0
mirror of https://github.com/encode/django-rest-framework.git synced 2025-08-05 13:00:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Interact Modal

Browse Source
This commit is contained in:
Emmanouil Konstantinidis 2017-02-15 12:31:59 +00:00
parent 479ee056d5
commit c11a7adb2f
4 changed files with 90 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
rest_framework/static/rest_framework/docs/css/base.css
View File

@ -297,3 +297,35 @@ body {
float: right;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 980px;
}
}
.api-modal .modal-title .fa {
color: #93c54b;
}
.api-modal .modal-body .request-info {
background-color: #f8f5f0;
text-align: center;
padding: 5px 10px;
}
.api-modal .modal-body .meta {
margin-bottom: 20px;
}
.api-modal .modal-body .meta .label {
vertical-align: middle;
font-size: 14px;
font-weight: normal;
}
.api-modal .modal-body .meta code {
vertical-align: middle;
padding: .2em .6em .3em;
font-size: 14px;
}

33
rest_framework/templates/rest_framework/docs/index.html
View File

@ -22,7 +22,8 @@
}
}
</style>
<script src="https://unpkg.com/coreapi@0.0.18/dist/coreapi.js"></script>
<script src="https://unpkg.com/coreapi@0.0.19/dist/coreapi.js"></script>
</head>
<body data-spy="scroll" data-target="#sidebar-nav" data-offset="50">
@ -61,7 +62,6 @@
const codec = new coreapi.codecs.CoreJSONCodec()
const schema = {{ schema }}
const doc = codec.decode(schema)
const client = new coreapi.Client(null, null, csrf)
// Language Control
$('.language-control li a').click(function (event) {
@ -121,13 +121,42 @@
}
})
function requestCallback(request) {
var requestText = request.options.method + ' ' + request.url;
var parser = document.createElement('a');
parser.href = request.url;
form.find(".request-response").text(requestText)
form.find(".request-response").removeClass("hide")
form.find(".request-method").text(request.options.method)
form.find(".request-url").text(parser.pathname + parser.hash + parser.search)
}
function responseCallback(response) {
form.find(".response-status-code").removeClass("label-success").removeClass("label-danger")
if (response.ok) {
form.find(".response-status-code").addClass("label-success")
} else {
form.find(".response-status-code").addClass("label-danger")
}
form.find(".response-status-code").text(response.status)
form.find(".meta").removeClass("hide")
}
const client = new coreapi.Client({csrf: csrf, requestCallback: requestCallback, responseCallback: responseCallback})
client.action(doc, key, params).then(function (data) {
var response = JSON.stringify(data, null, 2);
form.find(".request-info").addClass("hide")
form.find(".response-data").text(response)
form.find(".response-data").removeClass("hide")
form.find(".response-error").addClass("hide")
}).catch(function (error) {
var response = JSON.stringify(error.content, null, 2);
form.find(".request-info").addClass("hide")
form.find(".response-error").text(error.message)
form.find(".response-data").text(response)
form.find(".response-error").removeClass("hide")

29
rest_framework/templates/rest_framework/docs/interact.html
View File

@ -6,23 +6,38 @@
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">{{ link.title|default:link_key }}</h4>
<h3 class="modal-title"><i class="fa fa-exchange"></i> {{ link.title|default:link_key }}</h3>
</div>
<div class="modal-body">
<form data-key='["{{ section_key }}", "{{ link_key }}"]'>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 request">
{% form_for_link link %}
</div>
<div class="col-lg-6 response" id="response">
<div class="request-info">Awaiting request</div>
<div class="meta hide">
<span class="label label-primary request-method"></span>
<code class="request-url"></code>
<label class="label label-lg response-status-code pull-right"></label>
</div>
<pre class="request-response hide"></pre>
<div id="response">
<div class="response-error alert alert-danger hide"></div>
<pre class="response-data hide"></pre>
</div>
</div>
</div>
<div class="text-right">
<button type="submit" class="btn btn-primary">Submit</button>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send Request</button>
</div>
</form>
</div>
</div>
</div>
</div>

2
rest_framework/templates/rest_framework/docs/link.html
View File

@ -7,7 +7,7 @@
style="float: right; margin-top: 20px"
data-toggle="modal"
data-target="#{{ section_key }}_{{ link_key }}_modal">
Interact
<i class="fa fa-exchange"></i> Interact
</button>
<h3 id="{{ section_key }}-{{ link_key }}" class="coredocs-link-title">{{ link.title|default:link_key }} <a href="#{{ section_key }}-{{ link_key }}"><i class="fa fa-link" aria-hidden="true"></i>