T137 given tip is shown when condition is met

This commit is contained in:
2021-02-11 10:20:44 +01:00
parent 73031acee9
commit 78d35c5f74
3 changed files with 20 additions and 4 deletions

3
.idea/workspace.xml generated
View File

@@ -20,9 +20,8 @@
</component>
<component name="ChangeListManager">
<list default="true" id="458cde88-df3d-44bc-9d57-a33823e2f1a6" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/src/main/resources/static/css/wojtas.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/static/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/css/main.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/static/js/uianimation.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/uianimation.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/templates/mock.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/templates/mock.html" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />

View File

@@ -51,4 +51,21 @@ function showHeaders(){
$('#headersTab').off('click');
}
$('#messageLink').mouseover(function(){$('#messageLinkTip').css('display', 'block')});
$('#messageLink').mouseleave(function(){$('#messageLinkTip').css('display', 'none')});
$('#httpStatus').mouseover(function(){$('#httpStatusTip').css('display', 'block')});
$('#httpStatus').mouseleave(function(){$('#httpStatusTip').css('display', 'none')});
$('#typeSelector').mouseover(function(){$('#typeSelectorTip').css('display', 'block')});
$('#typeSelector').mouseleave(function(){$('#typeSelectorTip').css('display', 'none')});
$('#bodyEditor').mouseover(function(){$('#bodyEditorTip').css('display', 'block')});
$('#bodyEditor').mouseleave(function(){$('#bodyEditorTip').css('display', 'none')});
$('#headersTab').mouseover(function(){$('#headersTabTip').css('display', 'block')});
$('#headersTab').mouseleave(function(){$('#headersTabTip').css('display', 'none')});
$('#historyTab').mouseover(function(){$('#historyTabTip').css('display', 'block')});
$('#historyTab').mouseleave(function(){$('#historyTabTip').css('display', 'none')});
$('#headerKeyInput').mouseover(function(){$('#newHeaderTip').css('display', 'block')});
$('#headerKeyInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none')});
$('#headerValueInput').mouseover(function(){$('#newHeaderTip').css('display', 'block')});
$('#headerValueInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none')});

View File

@@ -96,10 +96,10 @@
<div id="bodyEditorTip" class="collapsible" style="display: none;">
<p>Text placed in this field will be displayed as response body</p>
</div>
<div id="headersTip" class="collapsible" style="display: none;">
<div id="headersTabTip" class="collapsible" style="display: none;">
<p>Set headers for your messages.</p>
</div>
<div id="historyTip" class="collapsible" style="display: none;">
<div id="historyTabTip" class="collapsible" style="display: none;">
<p>Check history of this message</p>
</div>
<div id="newHeaderTip" class="collapsible" style="display: none;">