Introduced header table

This commit is contained in:
2021-01-20 10:29:42 +01:00
parent 3d58e52e54
commit ed39a04ea6
6 changed files with 374 additions and 448 deletions

View File

@@ -184,3 +184,8 @@
font-weight: 400;
}
#headerTable {
margin-top: 40px;
margin-bottom: 20px;
}

View File

@@ -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">&gt; 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">&gt; 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>
&#9;
<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>