try_api 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/try_api/{application.js.coffee → application.js.coffee.erb} +12 -2
- data/app/assets/javascripts/try_api/curl.directive.js +139 -0
- data/app/assets/javascripts/try_api/image.directive.js +7 -12
- data/app/assets/javascripts/try_api/param.directive.js.coffee +15 -3
- data/app/assets/javascripts/try_api/paramsobject.directive.js.coffee +20 -0
- data/app/assets/javascripts/try_api/scrollspy.directive.js +3 -1
- data/app/assets/javascripts/try_api/url.directive.js.coffee +1 -1
- data/app/assets/stylesheets/try_api/application.css.sass +47 -22
- data/app/views/layouts/try_api/application.html.erb +1 -2
- data/app/views/try_api/pages/index.html +33 -18
- data/lib/try_api/version.rb +1 -1
- metadata +7 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bb091dde6b40cbf507ce459fd4bafb4225574a75
|
|
4
|
+
data.tar.gz: 9898a53fb35652246ee75e8d6fb978b547c194dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 34690c1a886da0f038bd5c0669182d648a417154779e8eb2600bb5a83ed728bdbfda9715b5a6520ec366e99eaa4a966b69ec810ebd73fc24c62c8d469a8bb571
|
|
7
|
+
data.tar.gz: 550882bfbccec64c051a1734b35416b93651700804903fcb45554780ccdafee12cde1cd9a3c56024534967320fb9710e8f73595ccad851f6f63afa1e3945ac20
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
#= require try_api/params.directive
|
|
2
2
|
#= require try_api/param.directive
|
|
3
3
|
#= require try_api/paramsarray.directive
|
|
4
|
+
#= require try_api/paramsobject.directive
|
|
4
5
|
#= require try_api/image.directive
|
|
6
|
+
#= require try_api/curl.directive
|
|
5
7
|
#= require try_api/url.directive
|
|
6
8
|
#= require try_api/scrollspy.directive
|
|
7
9
|
|
|
@@ -27,7 +29,6 @@ $ ->
|
|
|
27
29
|
|
|
28
30
|
|
|
29
31
|
TryApiApp = angular.module('TryApiApp', [
|
|
30
|
-
'ui.bootstrap'
|
|
31
32
|
'ngAnimate'
|
|
32
33
|
'ngCookies'
|
|
33
34
|
'TryApi'
|
|
@@ -135,13 +136,14 @@ TryApiApp.controller 'HomeController', [
|
|
|
135
136
|
.success method.response_handler
|
|
136
137
|
.error method.response_handler
|
|
137
138
|
|
|
138
|
-
$http.get('
|
|
139
|
+
$http.get('<%= TryApi::Engine.routes.url_helpers.projects_path %>').success (data) ->
|
|
139
140
|
$scope.project = data.project
|
|
140
141
|
$.each $scope.project.menu_items, () ->
|
|
141
142
|
menu_item = this
|
|
142
143
|
$.each menu_item.methods, ()->
|
|
143
144
|
method = this
|
|
144
145
|
method.pending = false
|
|
146
|
+
method.endpoint = $scope.project.endpoint;
|
|
145
147
|
method.response_handler = (data, status, headers, config) ->
|
|
146
148
|
method.pending = false
|
|
147
149
|
try # TODO catch different types of response
|
|
@@ -214,6 +216,14 @@ TryApiApp.controller 'HomeController', [
|
|
|
214
216
|
form.append parameter.name + '[]' + subparameter.name, subparameter.value || false
|
|
215
217
|
else
|
|
216
218
|
form.append parameter.name + '[]' + subparameter.name, subparameter.value || ''
|
|
219
|
+
if parameter.type == 'object'
|
|
220
|
+
$.each parameter.values, ->
|
|
221
|
+
subparameter = this
|
|
222
|
+
switch subparameter.type
|
|
223
|
+
when 'boolean'
|
|
224
|
+
form.append parameter.name + '[' + subparameter.name + ']', subparameter.value || false
|
|
225
|
+
else
|
|
226
|
+
form.append parameter.name + '[' + subparameter.name + ']', subparameter.value || ''
|
|
217
227
|
else
|
|
218
228
|
switch parameter.type
|
|
219
229
|
when 'boolean'
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
angular.module('TryApi').directive('curl', ['$filter', function($filter) {
|
|
4
|
+
|
|
5
|
+
function link(scope, element, attributes, ctrl) {
|
|
6
|
+
|
|
7
|
+
scope.curlString = '';
|
|
8
|
+
|
|
9
|
+
scope.$watch(function(){
|
|
10
|
+
return JSON.stringify(scope.model);
|
|
11
|
+
}, function(){
|
|
12
|
+
let method = scope.model.method.toString().toUpperCase();
|
|
13
|
+
let headers = [];
|
|
14
|
+
let formData = scope.isFormData(scope.model.parameters);
|
|
15
|
+
|
|
16
|
+
if(formData) {
|
|
17
|
+
|
|
18
|
+
}else{
|
|
19
|
+
headers.push(" -H \"Content-Type: application/json\"");
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if(scope.model.headers){
|
|
23
|
+
scope.model.headers.forEach(function(header){
|
|
24
|
+
headers.push(' -H "' + header.name + ': ' + (header.value || '') + '"')
|
|
25
|
+
})
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
scope.curlString = 'curl -X ' + method + ' ' + scope.model.endpoint + '/' + scope.model.submit_path + headers.join('');
|
|
29
|
+
|
|
30
|
+
if(scope.model.parameters && scope.model.parameters.length > 0) {
|
|
31
|
+
if (formData) {
|
|
32
|
+
scope.curlString += ' -c -include ' + scope.toFormDataKeys(scope.model.parameters);
|
|
33
|
+
} else {
|
|
34
|
+
scope.curlString += ' -d "' + JSON.stringify(scope.toJsonParameters(scope.model.parameters)).replace(/"/g, '\\"').replace(/,/g, ', ') + '"';
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
}, true)
|
|
39
|
+
|
|
40
|
+
scope.toFormDataKeys = function(parameters, prefix){
|
|
41
|
+
let result = '';
|
|
42
|
+
|
|
43
|
+
if(parameters && parameters.length > 0){
|
|
44
|
+
parameters.forEach(function(parameter){
|
|
45
|
+
|
|
46
|
+
let name = '';
|
|
47
|
+
|
|
48
|
+
if(prefix) {
|
|
49
|
+
name = prefix + '[' + parameter.name + ']';
|
|
50
|
+
}else{
|
|
51
|
+
name = parameter.name;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
if(parameter.type == 'array'){
|
|
55
|
+
if(parameter.values && parameter.values.length > 0){
|
|
56
|
+
let i = 0;
|
|
57
|
+
parameter.values.forEach(function(value){
|
|
58
|
+
let temp_parameters = [];
|
|
59
|
+
for(let k in value){
|
|
60
|
+
temp_parameters.push(value[k]);
|
|
61
|
+
}
|
|
62
|
+
result += scope.toFormDataKeys(temp_parameters, name + '[]');
|
|
63
|
+
i++;
|
|
64
|
+
})
|
|
65
|
+
}
|
|
66
|
+
}else{
|
|
67
|
+
let value = '';
|
|
68
|
+
|
|
69
|
+
if(parameter.type == 'image'){
|
|
70
|
+
value = parameter.value ? '@' + parameter.value.name : '';
|
|
71
|
+
}else{
|
|
72
|
+
value = parameter.value || '';
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
result += ' -F "' + name + '=' + value + '"';
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return result;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
scope.toJsonParameters = function(parameters){
|
|
83
|
+
let result = {};
|
|
84
|
+
|
|
85
|
+
if(parameters && parameters.length > 0){
|
|
86
|
+
parameters.forEach(function(parameter){
|
|
87
|
+
if(parameter.type == 'array'){
|
|
88
|
+
if(parameter.values && parameter.values.length > 0){
|
|
89
|
+
result[parameter.name] = [];
|
|
90
|
+
parameter.values.forEach(function(value){
|
|
91
|
+
let temp_parameters = [];
|
|
92
|
+
for(let k in value){
|
|
93
|
+
temp_parameters.push(value[k]);
|
|
94
|
+
}
|
|
95
|
+
result[parameter.name].push(scope.toJsonParameters(temp_parameters));
|
|
96
|
+
})
|
|
97
|
+
}
|
|
98
|
+
}else{
|
|
99
|
+
result[parameter.name] = parameter.value;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
return result;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
scope.isFormData = function(parameters){
|
|
107
|
+
let result = false;
|
|
108
|
+
|
|
109
|
+
if(parameters && parameters.length > 0){
|
|
110
|
+
parameters.forEach(function(parameter){
|
|
111
|
+
if(parameter.type == 'array'){
|
|
112
|
+
if(parameter.values && parameter.values.length > 0){
|
|
113
|
+
parameter.values.forEach(function(value){
|
|
114
|
+
let temp_parameters = [];
|
|
115
|
+
for(let k in value){
|
|
116
|
+
temp_parameters.push(value[k]);
|
|
117
|
+
}
|
|
118
|
+
result = scope.toJsonParameters(temp_parameters);
|
|
119
|
+
})
|
|
120
|
+
}
|
|
121
|
+
}else if(parameter.type == 'image'){
|
|
122
|
+
result = true;
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
return result;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
return {
|
|
131
|
+
link: link,
|
|
132
|
+
restrict: 'A',
|
|
133
|
+
require: 'ngModel',
|
|
134
|
+
scope: {
|
|
135
|
+
model: '=ngModel'
|
|
136
|
+
},
|
|
137
|
+
template: "{{ curlString }}"
|
|
138
|
+
};
|
|
139
|
+
}]);
|
|
@@ -12,21 +12,16 @@ angular.module('TryApi').directive('image', ['$filter', function($filter) {
|
|
|
12
12
|
scope.removeImage = function(e){
|
|
13
13
|
e.stopPropagation();
|
|
14
14
|
e.preventDefault();
|
|
15
|
-
scope.image.
|
|
15
|
+
scope.image.blob_url = null;
|
|
16
16
|
return false;
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
var addImage = function(image){
|
|
20
|
-
var base64 ='';
|
|
21
20
|
if(image.type.indexOf("image") > -1) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
scope
|
|
25
|
-
|
|
26
|
-
scope.image = {base64: e.target.result };
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
reader.readAsDataURL(image);
|
|
21
|
+
scope.$apply(function(){
|
|
22
|
+
scope.model = image;
|
|
23
|
+
scope.image = { blob_url: (window.URL || window.webkitURL).createObjectURL(image), filename: image.name };
|
|
24
|
+
});
|
|
30
25
|
}else{
|
|
31
26
|
|
|
32
27
|
}
|
|
@@ -81,9 +76,9 @@ angular.module('TryApi').directive('image', ['$filter', function($filter) {
|
|
|
81
76
|
},
|
|
82
77
|
template: "<div class='droppable-area'>" +
|
|
83
78
|
"<ul class='images-list' >" +
|
|
84
|
-
'<li class="plus" style="background-image: url(\'{{ image.
|
|
79
|
+
'<li class="plus" style="background-image: url(\'{{ image.blob_url || image.url }}\')">' +
|
|
85
80
|
"<label>" +
|
|
86
|
-
'<i class="fa fa-plus" ng-hide="image.
|
|
81
|
+
'<i class="fa fa-plus" ng-hide="image.blob_url"/>' +
|
|
87
82
|
'<input type="file" class="file-select" />' +
|
|
88
83
|
"</label>" +
|
|
89
84
|
"</li>" +
|
|
@@ -16,11 +16,11 @@ angular.module('TryApi').directive 'param', [
|
|
|
16
16
|
scope:
|
|
17
17
|
parameter: '=ngModel'
|
|
18
18
|
template: '' +
|
|
19
|
-
'<div class="col-md-4 text-right" ng-if=\'parameter.type != "array"\'>' +
|
|
19
|
+
'<div class="col-md-4 text-right" ng-if=\'parameter.type != "array" && parameter.type != "object"\'>' +
|
|
20
20
|
' <b>{{ parameter.name }}</b>' +
|
|
21
21
|
' <span class="label label-success">{{ parameter.type }}</span>' +
|
|
22
22
|
'</div>' +
|
|
23
|
-
'<div class="col-md-8" ng-if=\'parameter.type != "array"\'>' +
|
|
23
|
+
'<div class="col-md-8" ng-if=\'parameter.type != "array" && parameter.type != "object"\'>' +
|
|
24
24
|
' <div ng-switch="parameter.type">' +
|
|
25
25
|
' <input ng-switch-when="string" type="text" ng-model="parameter.value" placeholder=\'{{ parameter.required ? "required" : "optional"}}\'>' +
|
|
26
26
|
' <textarea ng-switch-when="text" ng-model="parameter.value" placeholder=\'{{ parameter.required ? "required" : "optional"}}\' style="max-width: 100%" />' +
|
|
@@ -47,6 +47,18 @@ angular.module('TryApi').directive 'param', [
|
|
|
47
47
|
' </div>' +
|
|
48
48
|
' </div>' +
|
|
49
49
|
' <div paramsarray ng-model="parameter"></div>' +
|
|
50
|
+
'</div>' +
|
|
51
|
+
'<div class="col-md-12" ng-if=\'parameter.type == "object"\'>' +
|
|
52
|
+
' <div class="row">' +
|
|
53
|
+
' <div class="col-md-4 text-right">' +
|
|
54
|
+
' <b>{{ parameter.name }}</b>' +
|
|
55
|
+
' <span class="text-muted label label-warning">{{ parameter.type }}</span>' +
|
|
56
|
+
' </div>' +
|
|
57
|
+
' <div class="col-md-8">' +
|
|
58
|
+
' <div class="text-muted small" ng-bind-html="getHtml(parameter.description)"></div>' +
|
|
59
|
+
' </div>' +
|
|
60
|
+
' </div>' +
|
|
61
|
+
' <div paramsobject ng-model="parameter"></div>' +
|
|
50
62
|
'</div>'
|
|
51
63
|
}
|
|
52
|
-
]
|
|
64
|
+
]
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
angular.module('TryApi').directive 'paramsobject', [
|
|
2
|
+
'$filter'
|
|
3
|
+
($filter) ->
|
|
4
|
+
|
|
5
|
+
link = (scope, element, attrs, ctrl) ->
|
|
6
|
+
|
|
7
|
+
scope.parameter.values = jQuery.extend(true, {}, scope.parameter.parameters)
|
|
8
|
+
|
|
9
|
+
return {
|
|
10
|
+
link: link
|
|
11
|
+
restrict: 'A'
|
|
12
|
+
require: 'ngModel'
|
|
13
|
+
scope:
|
|
14
|
+
parameter: '=ngModel'
|
|
15
|
+
template: '' +
|
|
16
|
+
'<div style="border: 1px solid lightgray; margin: 1px 1px 1px 10px">' +
|
|
17
|
+
' <div params ng-model="parameter.values"></div>' +
|
|
18
|
+
'</div>'
|
|
19
|
+
}
|
|
20
|
+
]
|
|
@@ -46,7 +46,9 @@ angular.module('tryApiScrollSpy.directives', [])
|
|
|
46
46
|
|
|
47
47
|
var activate = function(scope, $element, attrs) {
|
|
48
48
|
$(attrs.target + ' .active').removeClass('active');
|
|
49
|
-
$element
|
|
49
|
+
if($element){
|
|
50
|
+
$element.addClass('active');
|
|
51
|
+
}
|
|
50
52
|
};
|
|
51
53
|
|
|
52
54
|
var process = function(scope, element, attrs) {
|
|
@@ -25,7 +25,7 @@ angular.module('TryApi').directive 'url', [
|
|
|
25
25
|
, true
|
|
26
26
|
|
|
27
27
|
scope.inputStyle = (part) ->
|
|
28
|
-
charWidth =
|
|
28
|
+
charWidth = 11.5;
|
|
29
29
|
return {
|
|
30
30
|
"width": ((part.value).length + 1) * charWidth + "px",
|
|
31
31
|
"min-width": ((part.placeholder).length) * charWidth + "px"
|
|
@@ -2,6 +2,8 @@ body
|
|
|
2
2
|
margin: 0
|
|
3
3
|
background-color: #f3f3f4
|
|
4
4
|
font-family: Arial, Helvetica, sans-serif
|
|
5
|
+
min-width: 700px
|
|
6
|
+
overflow: auto
|
|
5
7
|
|
|
6
8
|
input, textarea
|
|
7
9
|
border: 0
|
|
@@ -10,7 +12,6 @@ body
|
|
|
10
12
|
&:not(.url-input)
|
|
11
13
|
width: 100%
|
|
12
14
|
|
|
13
|
-
|
|
14
15
|
::-webkit-input-placeholder
|
|
15
16
|
color: #19B698
|
|
16
17
|
::-moz-placeholder
|
|
@@ -21,11 +22,16 @@ body
|
|
|
21
22
|
color: #19B698
|
|
22
23
|
|
|
23
24
|
pre
|
|
24
|
-
|
|
25
|
+
line-height: 1.25
|
|
26
|
+
border-radius: 5px
|
|
27
|
+
box-shadow: 0 0 200px rgba(0,0,0,.33) inset
|
|
25
28
|
margin: 0
|
|
26
|
-
|
|
27
|
-
border:
|
|
28
|
-
|
|
29
|
+
border-top: 1px solid #000
|
|
30
|
+
border-bottom: 1px solid #404040
|
|
31
|
+
white-space: pre-wrap
|
|
32
|
+
word-break: normal
|
|
33
|
+
word-spacing: normal
|
|
34
|
+
background-color: black
|
|
29
35
|
|
|
30
36
|
button
|
|
31
37
|
outline: none !important
|
|
@@ -99,13 +105,18 @@ body
|
|
|
99
105
|
padding-bottom: 60px
|
|
100
106
|
.second-level-menu-items
|
|
101
107
|
list-style-type: none
|
|
102
|
-
font-size:
|
|
103
|
-
padding:
|
|
108
|
+
font-size: 12px
|
|
109
|
+
padding: 4px 9px
|
|
110
|
+
li
|
|
111
|
+
a
|
|
112
|
+
color: rgb(61, 64, 66)
|
|
113
|
+
font-size: 12.5px
|
|
104
114
|
|
|
105
115
|
&-item
|
|
106
116
|
a
|
|
107
|
-
color: rgb(61, 64, 66)
|
|
108
117
|
text-decoration: none
|
|
118
|
+
font-size: 14px
|
|
119
|
+
color: black
|
|
109
120
|
&:hover
|
|
110
121
|
text-decoration: underline
|
|
111
122
|
|
|
@@ -120,38 +131,54 @@ body
|
|
|
120
131
|
border-bottom: 1px solid lightgray
|
|
121
132
|
&-try
|
|
122
133
|
background-color: white
|
|
123
|
-
padding:
|
|
124
|
-
|
|
134
|
+
padding: 15px 15px
|
|
135
|
+
@media (max-width: 1000px)
|
|
136
|
+
width: 100%
|
|
137
|
+
min-width: 500px
|
|
125
138
|
&-heading
|
|
126
139
|
color: rgb(137, 140, 143)
|
|
127
140
|
font-weight: normal
|
|
128
|
-
|
|
141
|
+
.method-title
|
|
142
|
+
font-size: 18px
|
|
143
|
+
color: black
|
|
144
|
+
font-weight: 500
|
|
145
|
+
.method-url
|
|
146
|
+
font-size: 17px
|
|
147
|
+
color: black
|
|
148
|
+
.params-label
|
|
149
|
+
color: gray
|
|
150
|
+
text-align: center
|
|
151
|
+
text-transform: uppercase
|
|
152
|
+
margin-top: 14px
|
|
153
|
+
border-bottom: 1px solid lightgray
|
|
154
|
+
font-size: 13px
|
|
129
155
|
&-example
|
|
130
|
-
background-color: #
|
|
156
|
+
background-color: #23241f
|
|
131
157
|
color: #b1bdc4
|
|
132
158
|
padding: 10px 15px
|
|
159
|
+
@media (max-width: 1000px)
|
|
160
|
+
width: 100%
|
|
161
|
+
min-width: 500px
|
|
133
162
|
&-code, code
|
|
134
163
|
color: #b1bdc4
|
|
135
164
|
margin: 0
|
|
136
165
|
padding: 20px 40px
|
|
137
|
-
background: #
|
|
166
|
+
background: #23241f
|
|
138
167
|
border-radius: 5px
|
|
139
168
|
font-family: Source Code Pro,Menlo,monospace
|
|
140
169
|
font-size: 13px
|
|
141
170
|
line-height: 1.5em
|
|
142
171
|
font-weight: 500
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
172
|
+
&-menu
|
|
173
|
+
text-align: right
|
|
174
|
+
.label
|
|
175
|
+
cursor: pointer
|
|
146
176
|
|
|
147
177
|
&-response
|
|
148
178
|
margin: 2px 0
|
|
149
179
|
&-header
|
|
150
|
-
|
|
180
|
+
margin-top: 10px
|
|
151
181
|
padding: 3px
|
|
152
|
-
cursor: pointer
|
|
153
|
-
border-top-right-radius: 5px
|
|
154
|
-
border-top-left-radius: 5px
|
|
155
182
|
position: relative
|
|
156
183
|
i.fa
|
|
157
184
|
position: absolute
|
|
@@ -185,9 +212,7 @@ body
|
|
|
185
212
|
font-size: 16px
|
|
186
213
|
color: rgb(137, 140, 143)
|
|
187
214
|
|
|
188
|
-
|
|
189
215
|
.parameter
|
|
190
|
-
padding-bottom: 5px
|
|
191
216
|
padding-top: 5px
|
|
192
217
|
|
|
193
218
|
.nav > li > a
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
|
|
10
10
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
|
|
11
11
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-animate.min.js"></script>
|
|
12
|
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.1.3/ui-bootstrap.min.js"></script>
|
|
13
12
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
|
|
14
13
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-highlightjs/0.6.2/angular-highlightjs.min.js"></script>
|
|
15
14
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script>
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-cookies.min.js"></script>
|
|
19
18
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"/>
|
|
20
19
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css"/>
|
|
21
|
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.
|
|
20
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/atelier-lakeside-dark.min.css"/>
|
|
22
21
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.0/ladda.min.css"/>
|
|
23
22
|
|
|
24
23
|
<%= stylesheet_link_tag "try_api/application", :media => "all", :async => false %>
|
|
@@ -38,22 +38,28 @@
|
|
|
38
38
|
</div>
|
|
39
39
|
</div>
|
|
40
40
|
<div class="row method is-flex" id="{{ method.description ? '' : ('section' + menu_item.id + method.id) }}" ng-if="method.method != 'web_socket'">
|
|
41
|
-
<div class="col-md-6 method-try"
|
|
42
|
-
<
|
|
41
|
+
<div class="col-md-6 method-try">
|
|
42
|
+
<div class="method-title">{{ method.title }}</div>
|
|
43
|
+
<div class="method-url">
|
|
43
44
|
<span class="label label-success" style="text-transform: uppercase">{{ method.method }}</span>
|
|
44
45
|
<span url=true ng-model="method.submit_path" pattern="method.local_path"></span>
|
|
45
|
-
</
|
|
46
|
-
<div ng-if="method.headers.length > 0"
|
|
46
|
+
</div>
|
|
47
|
+
<div ng-if="method.headers.length > 0">
|
|
48
|
+
<div class="params-label">Headers</div>
|
|
47
49
|
<div class="row parameter" ng-repeat="header in method.headers">
|
|
48
|
-
<div class="col-md-4 text-right"
|
|
49
|
-
|
|
50
|
+
<div class="col-md-4 text-right">
|
|
51
|
+
<b>{{header.name }}</b>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="col-md-8">
|
|
54
|
+
<input ng-model="header.value" type="text"/>
|
|
50
55
|
<div class="text-muted small">
|
|
51
56
|
<div ng-trust-html="getHtml(header.description)"></div>
|
|
52
57
|
</div>
|
|
53
58
|
</div>
|
|
54
59
|
</div>
|
|
55
60
|
</div>
|
|
56
|
-
<div ng-if="method.parameters.length > 0"
|
|
61
|
+
<div ng-if="method.parameters.length > 0">
|
|
62
|
+
<div class="params-label">Parameters</div>
|
|
57
63
|
<div ng-model="method.parameters" params=""></div>
|
|
58
64
|
</div>
|
|
59
65
|
<br/>
|
|
@@ -76,16 +82,21 @@
|
|
|
76
82
|
<div hljs="" hljs-language="json" hljs-source="method.response.headers"></div>
|
|
77
83
|
</div>
|
|
78
84
|
</div>
|
|
79
|
-
<div class="col-md-6 method-example"
|
|
80
|
-
<div ng-
|
|
81
|
-
<
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
<div class="col-md-6 method-example">
|
|
86
|
+
<div class="method-example-menu" ng-init="method.menu = 'resp'">
|
|
87
|
+
<span class="label" ng-class="{'label-success': method.menu == 'resp'}" ng-click="method.menu = 'resp'">Response</span>
|
|
88
|
+
<span class="label" ng-class="{'label-success': method.menu == 'curl'}" ng-click="method.menu = 'curl'">curl</span>
|
|
89
|
+
</div>
|
|
90
|
+
|
|
91
|
+
<div ng-show="method.menu == 'curl'">
|
|
92
|
+
<div curl ng-model="method"></div>
|
|
93
|
+
</div>
|
|
94
|
+
<div ng-repeat="example in method.example_responses" class="method-example-response" ng-show="method.menu == 'resp'">
|
|
95
|
+
<div class="method-example-response-header">
|
|
96
|
+
{{ example.code }}
|
|
97
|
+
{{ example.description }}
|
|
87
98
|
</div>
|
|
88
|
-
<div class="method-example-response-body" hljs="" hljs-language="{{ example.type }}" hljs-source="example.response"
|
|
99
|
+
<div class="method-example-response-body" hljs="" hljs-language="{{ example.type }}" hljs-source="example.response">
|
|
89
100
|
|
|
90
101
|
</div>
|
|
91
102
|
</div>
|
|
@@ -142,8 +153,12 @@
|
|
|
142
153
|
<div class="row method is-flex">
|
|
143
154
|
<div class="col-md-6 method-try"></div>
|
|
144
155
|
<div class="col-md-6 method-example">
|
|
145
|
-
<div class="text-right"
|
|
146
|
-
|
|
156
|
+
<div class="text-right">
|
|
157
|
+
<strong>
|
|
158
|
+
Created using
|
|
159
|
+
<a href="https://github.com/mskubenich/try_api">try_api <i class="fa fa-github"></i></a>
|
|
160
|
+
</strong>
|
|
161
|
+
</div>
|
|
147
162
|
</div>
|
|
148
163
|
</div>
|
|
149
164
|
</div>
|
data/lib/try_api/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: try_api
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
|
-
-
|
|
7
|
+
- Michael Skubenych
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2017-04-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -27,18 +27,20 @@ dependencies:
|
|
|
27
27
|
description: 'Generates UI for rails apps with APIs. You can easily test, share and
|
|
28
28
|
play with you''r APIs. Enjoy ) '
|
|
29
29
|
email:
|
|
30
|
-
-
|
|
30
|
+
- michael.skubenych@gmail.com
|
|
31
31
|
executables: []
|
|
32
32
|
extensions: []
|
|
33
33
|
extra_rdoc_files: []
|
|
34
34
|
files:
|
|
35
35
|
- MIT-LICENSE
|
|
36
36
|
- Rakefile
|
|
37
|
-
- app/assets/javascripts/try_api/application.js.coffee
|
|
37
|
+
- app/assets/javascripts/try_api/application.js.coffee.erb
|
|
38
|
+
- app/assets/javascripts/try_api/curl.directive.js
|
|
38
39
|
- app/assets/javascripts/try_api/image.directive.js
|
|
39
40
|
- app/assets/javascripts/try_api/param.directive.js.coffee
|
|
40
41
|
- app/assets/javascripts/try_api/params.directive.js.coffee
|
|
41
42
|
- app/assets/javascripts/try_api/paramsarray.directive.js.coffee
|
|
43
|
+
- app/assets/javascripts/try_api/paramsobject.directive.js.coffee
|
|
42
44
|
- app/assets/javascripts/try_api/scrollspy.directive.js
|
|
43
45
|
- app/assets/javascripts/try_api/url.directive.js.coffee
|
|
44
46
|
- app/assets/stylesheets/try_api/application.css.sass
|