Added responses samples component

lib/components/ResponsesSamples/responses-samples.css

@@ -0,0 +1,11 @@
+header {
+  font-size: 20px;
+}
+
+tab, tabs {
+  display: block;
+}
+
+schema-sample {
+  display: block;
+}

lib/components/ResponsesSamples/responses-samples.html

@@ -0,0 +1,6 @@
+<header> Responses samples </header>
+<tabs>
+  <tab *ng-for="#response of data.responses" [tab-title]="response.code">
+    <schema-sample pointer="{{response.pointer}}/schema"><schema-sample>
+  </tab>
+</tabs>

lib/components/ResponsesSamples/responses-samples.js

@@ -0,0 +1,44 @@
+'use strict';
+
+import {RedocComponent, BaseComponent} from '../base';
+import {JsonPointer} from '../../utils/JsonPointer';
+import {Tabs, Tab} from '../../common-components/Tabs/tabs';
+import {SchemaSample} from '../SchemaSample/schema-sample';
+
+
+function isNumeric(n) {
+  return (!isNaN(parseFloat(n)) && isFinite(n));
+}
+
+@RedocComponent({
+  selector: 'responses-samples',
+  templateUrl: './lib/components/ResponsesSamples/responses-samples.html',
+  styleUrls: ['./lib/components/ResponsesSamples/responses-samples.css'],
+  directives: [SchemaSample, Tabs, Tab]
+})
+export class ResponsesSamples extends BaseComponent {
+  constructor(schemaMgr) {
+    super(schemaMgr);
+  }
+
+  prepareModel() {
+    this.data = {};
+    let responses = this.componentSchema;
+    responses = Object.keys(responses).filter(respCode => {
+      // only response-codes and "default"
+      return ( isNumeric(respCode) || (respCode === 'default'));
+    }).map(respCode => {
+      let resp = responses[respCode];
+      resp.pointer = JsonPointer.join(this.pointer, respCode);
+      if (resp.$ref) {
+        let ref = resp.$ref;
+        resp = this.schemaMgr.byPointer(resp.$ref);
+        resp.pointer = ref;
+      }
+
+      resp.code = respCode;
+      return resp;
+    });
+    this.data.responses = responses;
+  }
+}