Added headers in operation response docs (#1117)

close #693
Azure · Jan 14, 2021 · 836a619 · 836a619
1 parent 982b0aa
commit 836a619
Showing 1 changed file with 28 additions and 0 deletions.
diff --git 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"