116 lines
5.9 KiB
HTML
116 lines
5.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>R11 MockedServices</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="/css/main.css" type="text/css">
|
|
<link rel="stylesheet" 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>
|
|
<script type="text/javascript" src="/js/datatransfer.js"></script>
|
|
<script type="text/javascript" src="historyloader.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>
|
|
<div id="iconPlus" class="menuItem" onclick="addMessage()"><i class="icon-plus"></i></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="itemData">
|
|
<div id="basicItemData" class="articleHead">Your message</div>
|
|
<div id="advancedItemData" class="articleHead" style="display: none;">Message id: <span id="mockedMessageId"></span></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/<span id="clientUuid">acc39106-f351-46bb-b81b-31b860af3e56</span>/<span id="mockedMessageResponse2">1</span></div>
|
|
</div>
|
|
<div id="msgBody">
|
|
<div id="typeSelection">
|
|
<p class="label">Http Status</p>
|
|
<textarea type="text" id="httpStatus" class="fieldDefault borderStyle"></textarea>
|
|
|
|
<p class="label">Content Type</p>
|
|
<select id="typeSelector" 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" class="fieldText borderStyle"></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="optional">> show/hide advanced settings</div>
|
|
<div id="advanced" style="display: none;">
|
|
<div id="advancedMenu">
|
|
<div id="headersTab" class="advancedMenuTabSelected">Headers</div>
|
|
<div id="historyTab" class="advancedMenuTab">History</div>
|
|
</div>
|
|
<div id="headers">
|
|
<table id="headerTable">
|
|
<thead>
|
|
<tr>
|
|
<td class="tableHead">Header</td>
|
|
<td class="tableHead">Value</td>
|
|
<td></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="httpStatusValues">
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td><input type="text" name="headerKey" id="headerKeyInput" placeholder="key" class="tableField"/></td>
|
|
<td><input type="text" name="headerValue" id="headerValueInput" placeholder="value" class="tableField"/></td>
|
|
<td id="btn-addRow" onclick="addRow()" class="btn-function-table btn-table-add">+</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div id="history" style="display:none;"></div>
|
|
</div>
|
|
<div id="functionBar">
|
|
<button id="btn-save" type="submit" class="functionBarButton" onclick="updateData()">Save</button>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
</div>
|
|
<div id="tooltip">
|
|
<div id="toolHeader"><h2>Tip:</h2></div>
|
|
<div>
|
|
<div id="messageLinkTip" class="collapsible">
|
|
<!--style="display: none;"-->
|
|
<p>It's url where you need send your request</p>
|
|
</div>
|
|
<div id="httpStatusTip" class="collapsible" style="display: none;">
|
|
<p>Set http status for server response. 200 OK is default.</p>
|
|
</div>
|
|
<div id="typeSelectorTip" class="collapsible" style="display: none;">
|
|
<p>Select content type of body. Set plain text if data has no format.</p>
|
|
</div>
|
|
<div id="bodyEditorTip" class="collapsible" style="display: none;">
|
|
<p>Text placed in this field will be displayed as response body</p>
|
|
</div>
|
|
<div id="headersTabTip" class="collapsible" style="display: none;">
|
|
<p>Set headers for your messages.</p>
|
|
</div>
|
|
<div id="historyTabTip" class="collapsible" style="display: none;">
|
|
<p>Check history of this message</p>
|
|
</div>
|
|
<div id="newHeaderTip" class="collapsible" style="display: none;">
|
|
<p>Type values and press enter to add new header.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
|
|
|
|
</div>
|
|
<script type="text/javascript" src="/js/uianimation.js"></script>
|
|
</body>
|
|
</html> |