Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-04 20:10:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

update response list to use zippy

Browse Source
This commit is contained in:
Roman Hotsiy 2015-11-23 22:57:49 +02:00
parent b7aba2b43e
commit f9382ea9b5
4 changed files with 15 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/Method/method.html
View File

@ -11,9 +11,7 @@
<p *ng-if="data.methodInfo.description" class="method-description" <p *ng-if="data.methodInfo.description" class="method-description"
inner-html="{{data.methodInfo.description | marked}}"> inner-html="{{data.methodInfo.description | marked}}">
</p> </p>
<br>
<params-list pointer="{{pointer}}/parameters"> </params-list> <params-list pointer="{{pointer}}/parameters"> </params-list>
<br>
<responses-list pointer="{{pointer}}/responses"> </responses-list> <responses-list pointer="{{pointer}}/responses"> </responses-list>
</div> </div>
<div class="method-samples"> <div class="method-samples">

29
lib/components/ResponsesList/responses-list.html
View File

@ -1,23 +1,6 @@
<table> <h2 class="responses-list-header" *ng-if="data.responses.length"> Responses </h2>
<thead> <zippy *ng-for="#response of data.responses" title="{{response.code}} {{response.description}}"
<tr> [type]="response.type" [empty]="!response.schema">
<th colspan="3"> Responses </th> <schema *ng-if="response.schema" class="schema type" pointer="{{response.pointer}}/schema">
</tr> </schema>
<tr> </zippy>
<th class="response-code"> Code </th>
<th class="response-description"> Description </th>
<th> Response schema </th>
</tr>
</thead>
<tbody>
<tr *ng-for="#response of data.responses">
<td>{{response.code}}</td>
<td inner-html="{{response.description | marked}}"></td>
<td>
<schema *ng-if="response.schema" class="schema type" pointer="{{response.pointer}}/schema">
</schema>
<small *ng-if="!response.schema"> N/A </small>
</td>
</tr>
</tbody>
</table>

5
lib/components/ResponsesList/responses-list.js
View File

@ -3,6 +3,8 @@
import {RedocComponent, BaseComponent} from '../base'; import {RedocComponent, BaseComponent} from '../base';
import JsonPointer from '../../utils/JsonPointer'; import JsonPointer from '../../utils/JsonPointer';
import JsonSchemaView from '../JsonSchemaView/json-schema-view'; import JsonSchemaView from '../JsonSchemaView/json-schema-view';
import {Zippy} from '../../common/components/Zippy/zippy';
import {statusCodeType} from '../../utils/helpers';
function isNumeric(n) { function isNumeric(n) {
return (!isNaN(parseFloat(n)) && isFinite(n)); return (!isNaN(parseFloat(n)) && isFinite(n));
@ -12,7 +14,7 @@ function isNumeric(n) {
selector: 'responses-list', selector: 'responses-list',
templateUrl: './lib/components/ResponsesList/responses-list.html', templateUrl: './lib/components/ResponsesList/responses-list.html',
styleUrls: ['./lib/components/ResponsesList/responses-list.css'], styleUrls: ['./lib/components/ResponsesList/responses-list.css'],
directives: [JsonSchemaView] directives: [JsonSchemaView, Zippy]
}) })
export default class ResponsesList extends BaseComponent { export default class ResponsesList extends BaseComponent {
constructor(schemaMgr) { constructor(schemaMgr) {
@ -35,6 +37,7 @@ export default class ResponsesList extends BaseComponent {
} }
resp.code = respCode; resp.code = respCode;
resp.type = statusCodeType(resp.code);
return resp; return resp;
}); });
this.data.responses = responses; this.data.responses = responses;

48
lib/components/ResponsesList/responses-list.scss
View File

@ -1,44 +1,6 @@
small { .responses-list-header {
color: #999; font-size: 18px;
} padding: 0.2em 0;
margin: 0.5em 0;
table { color: #253137;
width: 100%;
border-spacing: 0;
border: 2px solid darkgreen;
}
th.response-code {
width: 10%;
}
th.response-description {
width: 30%;
}
thead tr:first-child {
background: darkgreen;
color: #fff;
border: none;
}
thead tr:last-child th {
border-bottom: 3px solid #ddd;
}
tbody tr:last-child td {
border: none;
}
tbody td {
border-bottom: 1px solid #ddd;
}
td, th {
vertical-align: top;
padding: 10px 10px;
font-size: 12px;
}
th {
text-align: left;
} }