R11/release11-tools-mocked-services
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

T157 changes to css

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-01-29 15:53:30 +01:00
parent f6627a4f32
commit 902e30db12
4 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.idea/workspace.xml generated
View File

@@ -23,6 +23,7 @@
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" 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/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/datatransfer.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/datatransfer.js" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/main/resources/static/js/datatransfer.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/datatransfer.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> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -306,7 +307,7 @@
<workItem from="1611659140629" duration="2109000" /> <workItem from="1611659140629" duration="2109000" />
<workItem from="1611757446709" duration="6743000" /> <workItem from="1611757446709" duration="6743000" />
<workItem from="1611826821050" duration="10679000" /> <workItem from="1611826821050" duration="10679000" />
<workItem from="1611915874625" duration="6344000" /> <workItem from="1611915874625" duration="9546000" />
</task> </task>
<task id="LOCAL-00077" summary="testing jenkins docker"> <task id="LOCAL-00077" summary="testing jenkins docker">
<created>1601453886631</created> <created>1601453886631</created>

20
src/main/resources/static/css/main.css
View File

@@ -153,18 +153,19 @@
} }
.menuItem { .menuItem {
width: 174px; width: 180px;
padding: 13px; padding: 10px;
font-size: 12px; height: 42px;
font-size: 14px;
text-align: left; text-align: left;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid lightgray; border: 1px solid lightgray;
cursor: pointer; cursor: pointer;
} }
#iconPlus {
text-align: center;
.menuFactory { font-size: 28px;
color: lightgray; color: lightgray;
} }
@@ -175,9 +176,10 @@
} }
.menuItemSelected { .menuItemSelected {
width: 174px; width: 180px;
padding: 13px; padding: 10px;
font-size: 12px; height: 42px;
font-size: 14px;
text-align: left; text-align: left;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid lightgray; border: 1px solid lightgray;

19
src/main/resources/static/js/datatransfer.js
View File

@@ -1,15 +1,20 @@
function getData(uuid){ function getData(uuid){
$.getJSON('http://localhost:8097/mock/json', function(json) { $.getJSON('http://localhost:8097/mock/json', function(json) {
fillStaticFields(json[0].clientUUID
, json[0].mockedResponseId
, json[0].mediaType
, json[0].messageBody
, json[0].httpStatus);
fillHeaderTable(json[0].httpHeaders);
fillMessageList(json); fillMessageList(json);
initializeMock(json, 0)
}); });
} }
function initializeMock(json, id){
fillStaticFields(json[id].clientUUID
, json[id].mockedResponseId
, json[id].mediaType
, json[id].messageBody
, json[id].httpStatus);
fillHeaderTable(json[id].httpHeaders);
}
function fillStaticFields(uuid, id, mediaType, body, httpStatus){ function fillStaticFields(uuid, id, mediaType, body, httpStatus){
$('#messageLink').html(createLink(uuid,id)); $('#messageLink').html(createLink(uuid,id));
$('#typeSelector').val(mediaType); $('#typeSelector').val(mediaType);
@@ -63,7 +68,7 @@ function fillMessageList(json){
function generateMessageTileHtml(id, httpStatus, mediaType){ function generateMessageTileHtml(id, httpStatus, mediaType){
var innerHTML = '<div class="menuItem">' + var innerHTML = '<div class="menuItem">' +
'<table><tr><td>Id: '+ id +'</td></tr>' + '<table><tr><td>Id: '+ id +'</td></tr>' +
'<tr><td>Content-type: '+mediaType+'</td></tr>' + // '<tr><td>Content-type: '+mediaType+'</td></tr>' +
'<tr><td>Http-status: '+ httpStatus +'</td></tr>' + '<tr><td>Http-status: '+ httpStatus +'</td></tr>' +
'</table></div>'; '</table></div>';
return innerHTML; return innerHTML;

2
src/main/resources/templates/mock.html
View File

@@ -19,7 +19,7 @@
<div id="listItems"> <div id="listItems">
<div class="menuItemSelected">Item</div> <div class="menuItemSelected">Item</div>
</div> </div>
<div class="menuItem menuFactory"><i class="icon-plus"></i></div> <div id="iconPlus" class="menuItem"><i class="icon-plus"></i></div>
</div> </div>
</div> </div>