89 lines
4.3 KiB
HTML
89 lines
4.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html xmlns:th="http://thymeleaf.org">
|
|
<head>
|
|
<title>R11 MockedServices</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" th:href="@{/css/main.css}" type="text/css">
|
|
<link rel="stylesheet" th:href="@{/Dependency/fontello-plus/css/fontello.css}" type="text/css"/>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Acme&family=Josefin+Slab:wght@500&display=swap" rel="stylesheet">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="toolName">Mocked Service</div>
|
|
<div id="selectMenu">
|
|
<div id="selectMenuContent" style="display: none;">
|
|
<div id="selectMenuHead" class="articleHead">List</div>
|
|
<div id="listItems">
|
|
<div class="menuItemSelected">Item</div>
|
|
</div>
|
|
<div class="menuItem menuFactory"><i class="icon-plus"></i></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="itemData">
|
|
<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="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 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="functionBar">
|
|
<button type="submit" class="functionBarButton">Save</button>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
|
|
|
|
</div>
|
|
<script type="text/javascript" th:src="@{/js/uianimation.js}"></script>
|
|
</body>
|
|
</html> |