From dc27dbe79046b6549d4c57e6bd9265262e464d55 Mon Sep 17 00:00:00 2001
From: Igor O <ygrik@hotmail.com>
Date: Thu, 14 Jan 2021 13:15:15 -0800
Subject: [PATCH] Added headers in operation response docs (#1117)

close #693
---
 .../ko/runtime/operation-details.html         | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/components/operations/operation-details/ko/runtime/operation-details.html b/src/components/operations/operation-details/ko/runtime/operation-details.html
index 67d109007..e9d17c897 100644
--- a/src/components/operations/operation-details/ko/runtime/operation-details.html
+++ b/src/components/operations/operation-details/ko/runtime/operation-details.html
@@ -133,6 +133,34 @@ <h3>Response: <span data-bind="text: response.statusCode"></span></h3>
             <p data-bind="markdown: response.description"></p>
             <!-- /ko -->
 
+            <!-- ko if: response.headers && response.headers.length > 0 -->
+            <h4>Response headers</h4>
+
+            <div role="table" class="table-preset table-preset-headers">
+                <div class="d-contents" role="rowgroup">
+                    <div class="d-contents" role="row">
+                        <div role="columnheader" class="table-preset-head text-truncate">Name</div>
+                        <div role="columnheader" class="table-preset-head text-truncate">Required</div>
+                        <div role="columnheader" class="table-preset-head text-truncate">Type</div>
+                        <div role="columnheader" class="table-preset-head">Description</div>
+                    </div>
+                </div>
+                <div class="d-contents" role="rowgroup">
+                    <!-- ko foreach: { data: response.headers, as: 'header' } -->
+                    <div class="d-contents" role="row">
+                        <div role="cell" class="text-truncate monospace"
+                            data-bind="text: header.name, attr: { title: header.name }"></div>
+                        <div role="cell" class="text-truncate" data-bind="text: header.required"></div>
+                        <div role="cell" class="text-truncate monospace"
+                            data-bind="text: header.type, attr: { title: header.type }"></div>
+                        <div role="cell" data-bind="markdown: header.description"></div>
+                    </div>
+                    <!-- /ko -->
+                </div>
+            </div>
+
+            <!-- /ko -->
+
             <!-- ko if: response.meaningfulRepresentations().length > 0 -->
             <div class="tabs" data-bind="foreach: { data: meaningfulRepresentations(), as: 'representation' }">
                 <input class="tab-radio" type="radio"