Introduced header table
This commit is contained in:
		| @@ -184,3 +184,8 @@ | ||||
|     font-weight: 400; | ||||
| } | ||||
|  | ||||
| #headerTable { | ||||
|     margin-top: 40px; | ||||
|     margin-bottom: 20px; | ||||
| } | ||||
|  | ||||
|   | ||||
| @@ -23,38 +23,62 @@ | ||||
|  | ||||
|         </div> | ||||
|         <div id="itemData"> | ||||
|             <div id="itemDataHead" class="articleHead">Your message</div> | ||||
|             <div id="link"> | ||||
|                 <p class="label">Your link</p> | ||||
|                 <div id="messageLink" class="borderStyle">http://<span id="pubhost">localhost</span>:8097/klaus/v1/get/[[${mockedMessageDto.clientUUID}]]/[[${mockedMessageDto.mockedResponseId}]]</div> | ||||
|             </div> | ||||
|             <div id="msgBody"> | ||||
|                 <div id="typeSelection"> | ||||
|                     <p class="label">Content Type</p> | ||||
|                     <select id="typeSelector" class="fieldDefault borderStyle"> | ||||
|                         <option value="text/xml">text/xml</option> | ||||
|                         <option value="application/json">application/json</option> | ||||
|                     </select> | ||||
|             <form action="#" th:action="@{/mock/__${mockedMessageDto.clientUUID}__}" | ||||
|                   th:object="${mockedMessageDto}" method="post"> | ||||
|                 <div id="itemDataHead" class="articleHead">Your message</div> | ||||
|                 <div id="link"> | ||||
|                     <p class="label">Your link</p> | ||||
|                     <div id="messageLink" class="borderStyle">http://<span id="pubhost">localhost</span>:8097/klaus/v1/get/[[${mockedMessageDto.clientUUID}]]/[[${mockedMessageDto.mockedResponseId}]]</div> | ||||
|                 </div> | ||||
|                 <div id="bodyEdition"> | ||||
|                     <p class="label">Body:</p> | ||||
|                     <textarea type="text" id="bodyEditor" class="fieldText borderStyle"><Hello>There!</Hello> | ||||
|                     </textarea> | ||||
|                 <div id="msgBody"> | ||||
|                     <div id="typeSelection"> | ||||
|  | ||||
|                         <p class="label">Content Type</p> | ||||
|                         <select id="typeSelector" th:field="*{mediaType}" class="fieldDefault borderStyle"> | ||||
|                             <option value="application/xml">application/xml</option> | ||||
|                             <option value="application/json">application/json</option> | ||||
|                             <option value="text/xml">text/xml</option> | ||||
|                         </select> | ||||
|                     </div> | ||||
|                     <div id="bodyEdition"> | ||||
|                         <p class="label">Body:</p> | ||||
|                         <textarea type="text" id="bodyEditor" th:field="*{messageBody}" class="fieldText borderStyle"></textarea> | ||||
|                     </div> | ||||
|  | ||||
|                 </div> | ||||
|             </div> | ||||
|             <div id="optional">> show/hide advanced settings</div> | ||||
|             <div id="advanced" style="display: none;"> | ||||
|                 <div id="advancedMenu"> | ||||
|                     <div class="advancedMenuTabSelected">Headers</div> | ||||
|                     <div class="advancedMenuTab">History</div> | ||||
|                 <div id="optional">> show/hide advanced settings</div> | ||||
|                 <div id="advanced" style="display: none;"> | ||||
|                     <div id="advancedMenu"> | ||||
|                         <div class="advancedMenuTabSelected">Headers</div> | ||||
|                         <div class="advancedMenuTab">History</div> | ||||
|                     </div> | ||||
|                     <div id="headers"> | ||||
|                         <table id="headerTable"> | ||||
|                             <tr> | ||||
|                                <td>Name</td> | ||||
|                                 <td>Value</td> | ||||
|                             </tr> | ||||
|                             <tr th:each="entry, stats : *{httpHeaders}"> | ||||
|                                 <td><input type="text" name="value" th:value="${entry.key}" | ||||
|                                                              disabled="disabled"/></td> | ||||
|                                 <td> | ||||
|                                     	 | ||||
|                                     <input type="text" name="value" | ||||
|                                            th:field="*{httpHeaders[__${entry.key}__]}"/> | ||||
|                                     <button type="submit" name="removeHeader" th:value="${entry.key}"> | ||||
|                                         <img src="/img/icons8-cancel-64.png" style="width: 20px;"/> | ||||
|                                     </button> | ||||
|                                 </td> | ||||
|                             </tr> | ||||
|                         </table> | ||||
|                     </div> | ||||
|                     <div id="history" style="display:none;"></div> | ||||
|                 </div> | ||||
|                 <div id="headers" style="display:none;"></div> | ||||
|                 <div id="history" style="display:none;"></div> | ||||
|             </div> | ||||
|             <div id="functionBar"> | ||||
|                 <button type="submit" class="functionBarButton">Save</button> | ||||
|                 <div style="clear: both;"></div> | ||||
|             </div> | ||||
|                 <div id="functionBar"> | ||||
|                     <button type="submit" class="functionBarButton">Save</button> | ||||
|                     <div style="clear: both;"></div> | ||||
|                 </div> | ||||
|             </form> | ||||
|         </div> | ||||
|         <div style="clear:both;"></div> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user