From 4acfc11148931b57a39eb4dbb30c8e619eefc806 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Tue, 14 Feb 2017 11:18:59 +0200
Subject: [PATCH] fix: response samples - render description as markdown

fixes #190
---
 lib/components/ResponsesSamples/responses-samples.html | 2 +-
 lib/shared/components/Tabs/tabs.html                   | 2 +-
 lib/shared/components/Tabs/tabs.scss                   | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/components/ResponsesSamples/responses-samples.html b/lib/components/ResponsesSamples/responses-samples.html
index 37cc780310..1b37027207 100644
--- a/lib/components/ResponsesSamples/responses-samples.html
+++ b/lib/components/ResponsesSamples/responses-samples.html
@@ -1,6 +1,6 @@
 <header *ngIf="data.responses.length"> Response samples </header>
 <tabs *ngIf="data.responses.length">
-  <tab *ngFor="let response of data.responses" tabTitle="{{response.code}} {{response.description}}"
+  <tab *ngFor="let response of data.responses" [tabTitle]="response.code + ' ' + response.description | marked"
     [tabStatus]="response.type">
     <schema-sample [pointer]="response.pointer"></schema-sample>
   </tab>
diff --git a/lib/shared/components/Tabs/tabs.html b/lib/shared/components/Tabs/tabs.html
index edb1c5bf08..dbfaa73462 100644
--- a/lib/shared/components/Tabs/tabs.html
+++ b/lib/shared/components/Tabs/tabs.html
@@ -1,5 +1,5 @@
 <ul>
   <li *ngFor="let tab of tabs" [ngClass]="{active: tab.active}" (click)="selectTab(tab)"
-    class="tab-{{tab.tabStatus}}">{{tab.tabTitle}}</li>
+    class="tab-{{tab.tabStatus}}" [innerHTML]="tab.tabTitle"></li>
 </ul>
 <ng-content></ng-content>
diff --git a/lib/shared/components/Tabs/tabs.scss b/lib/shared/components/Tabs/tabs.scss
index 5921feeb7f..abd0bd0dd0 100644
--- a/lib/shared/components/Tabs/tabs.scss
+++ b/lib/shared/components/Tabs/tabs.scss
@@ -16,6 +16,10 @@ li {
   cursor: pointer;
 }
 
+li /deep/ .redoc-markdown-block p {
+  display: inline;
+}
+
 .tab-success, .tab-error, .tab-redirect, .tab-info {
   &:before {
     content: "";