show the exact http call being done on each api request using the form
This commit is contained in:
parent
9fc238ac16
commit
064a487007
|
@ -27,3 +27,7 @@ html, body {
|
||||||
#toolsContainer .panel-body .alert {
|
#toolsContainer .panel-body .alert {
|
||||||
margin-bottom: auto;
|
margin-bottom: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.methodCallDisplay .url {
|
||||||
|
font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
|
||||||
|
}
|
|
@ -31,6 +31,7 @@ $(document).ready(function() {
|
||||||
var textOutputContainer = form.siblings('pre.textOutputContainer');
|
var textOutputContainer = form.siblings('pre.textOutputContainer');
|
||||||
var htmlOutputContainer = form.siblings('div.htmlOutputContainer');
|
var htmlOutputContainer = form.siblings('div.htmlOutputContainer');
|
||||||
var errorContainer = form.siblings('div.methodErrorContainer');
|
var errorContainer = form.siblings('div.methodErrorContainer');
|
||||||
|
var methodCallDisplay = form.siblings('div.methodCallDisplay');
|
||||||
|
|
||||||
var apiEndpoint = form.data('api-endpoint');
|
var apiEndpoint = form.data('api-endpoint');
|
||||||
|
|
||||||
|
@ -42,6 +43,9 @@ $(document).ready(function() {
|
||||||
fieldset.attr('disabled', true);
|
fieldset.attr('disabled', true);
|
||||||
|
|
||||||
var url = context + 'api' + apiEndpoint + '?' + jQuery.param(params);
|
var url = context + 'api' + apiEndpoint + '?' + jQuery.param(params);
|
||||||
|
methodCallDisplay.find('.url').text('GET ' + url);
|
||||||
|
methodCallDisplay.show();
|
||||||
|
|
||||||
$.get(url)
|
$.get(url)
|
||||||
.done(
|
.done(
|
||||||
function (data, status, xhr) {
|
function (data, status, xhr) {
|
||||||
|
|
|
@ -35,6 +35,9 @@
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
<div class="methodCallDisplay well well-sm" style="display: none;">
|
||||||
|
<strong>API request:</strong> <span class="url text-muted"></span>
|
||||||
|
</div>
|
||||||
<pre class="textOutputContainer" style="display: none;"></pre>
|
<pre class="textOutputContainer" style="display: none;"></pre>
|
||||||
<div class="htmlOutputContainer" style="display: none;"></div>
|
<div class="htmlOutputContainer" style="display: none;"></div>
|
||||||
<div class="methodErrorContainer alert alert-danger" style="display: none;"></div>
|
<div class="methodErrorContainer alert alert-danger" style="display: none;"></div>
|
Reference in a new issue