show the exact http call being done on each api request using the form

This commit is contained in:
Gered 2014-03-30 17:36:29 -04:00
parent 9fc238ac16
commit 064a487007
3 changed files with 11 additions and 0 deletions

View file

@ -26,4 +26,8 @@ html, body {
#toolsContainer .panel-body .alert {
margin-bottom: auto;
}
.methodCallDisplay .url {
font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
}

View file

@ -31,6 +31,7 @@ $(document).ready(function() {
var textOutputContainer = form.siblings('pre.textOutputContainer');
var htmlOutputContainer = form.siblings('div.htmlOutputContainer');
var errorContainer = form.siblings('div.methodErrorContainer');
var methodCallDisplay = form.siblings('div.methodCallDisplay');
var apiEndpoint = form.data('api-endpoint');
@ -42,6 +43,9 @@ $(document).ready(function() {
fieldset.attr('disabled', true);
var url = context + 'api' + apiEndpoint + '?' + jQuery.param(params);
methodCallDisplay.find('.url').text('GET ' + url);
methodCallDisplay.show();
$.get(url)
.done(
function (data, status, xhr) {

View file

@ -35,6 +35,9 @@
</fieldset>
</form>
<div class="methodCallDisplay well well-sm" style="display: none;">
<strong>API request:</strong> &nbsp; <span class="url text-muted"></span>
</div>
<pre class="textOutputContainer" style="display: none;"></pre>
<div class="htmlOutputContainer" style="display: none;"></div>
<div class="methodErrorContainer alert alert-danger" style="display: none;"></div>