api-playground.js
2.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
// Create endpoint options
for (var endpoint,i=0; endpoint=endpoints[i]; i++) {
jQuery('<option>'+endpoint.method+' '+endpoint.path+'</option>').appendTo('#api-form select');
}
var playground = {
getToken: function() {
return jQuery('#api-token input').val();
},
setToken: function(token) {
jQuery('#api-token input').val(token);
},
getEndpoint: function() {
var endpoint = jQuery('#api-form select').val().split(' ');
return {
method: endpoint[0],
path: endpoint[1]
};
},
selEndpoint: function() {
var endpoint = this.getEndpoint();
jQuery('#api-form .api-param').remove();
if ( endpoint.path == '/api/v1/login' ) {
this.addFormParam('login');
this.addFormParam('password');
}
var pathParameters = endpoint.path.match(/:[^/]+/g);
if ( pathParameters ) {
for (var pathParam,i=0; pathParam=pathParameters[i]; i++) {
this.addFormParam(pathParam.substr(1));
}
}
},
addFormParam: function(name) {
if (!name) name = '';
jQuery('<div class="api-param">'+
'<label class="param-nane">name: <input name="name[]" value="'+name+'"></label>'+
'<label class="param-value">value: <input name="value[]"></label>'+
'</div>').appendTo('#api-form');
},
run: function() {
var endpoint = this.getEndpoint();
var rawData = jQuery('#api-form').serializeArray();
var data = {};
for (var i=1; i<rawData.length; i+=2) {
data[ rawData[i].value ] = rawData[i+1].value;
}
if ( endpoint.path != '/api/v1/login' ) {
data.private_token = this.getToken();
}
jQuery('#api-response').empty()[0].className = 'empty';
var url = endpoint.path;
var pathParameters = endpoint.path.match(/:[^/]+/g);
if ( pathParameters ) {
for (var pathParam,i=0; pathParam=pathParameters[i]; i++) {
url = url.replace(pathParam, data[pathParam.substr(1)]);
}
}
console.log('API Request', url, data);
jQuery.ajax(url, {
dataType: 'json',
method: endpoint.method,
data: data,
success: function(data, textStatus, jqXHR) {
jQuery('#api-response').text(
JSON.stringify(data, null, ' ')
)[0].className = 'full';
if ( endpoint.path == '/api/v1/login' ) {
playground.setToken(data.private_token)
}
},
error: function(jqXHR, textStatus, errorThrown) {
jQuery('#api-response').html(
'<h2>'+textStatus+'</h2>' +
'Request to '+url+' fail.\n\n' + errorThrown
)[0].className = 'fail';
}
});
}
};
playground.selEndpoint(jQuery('#api-form select')[0]);