diff --git a/src/main/resources/static/css/commons/r11form.css b/src/main/resources/static/css/commons/r11form.css index 46ae894..4d5c135 100644 --- a/src/main/resources/static/css/commons/r11form.css +++ b/src/main/resources/static/css/commons/r11form.css @@ -226,7 +226,7 @@ display: flex; flex-direction: row; text-align: center; - border-bottom: 1px solid rgba(185, 185, 185, 0.3); + border-bottom: 1px solid rgba(185, 185, 185, 0.5); } .tabitem { diff --git a/src/main/resources/static/html/mock.html b/src/main/resources/static/html/mock.html index f0f1b7e..d3330db 100644 --- a/src/main/resources/static/html/mock.html +++ b/src/main/resources/static/html/mock.html @@ -3,11 +3,12 @@ R11 MockedServices - - - - - + + + + + + @@ -20,7 +21,7 @@

Your Message

-

Messaged id: 1

+

Messaged id: 1

diff --git a/src/main/resources/static/js/datatransfer.js b/src/main/resources/static/js/datatransfer.js index ba511eb..4f7661a 100644 --- a/src/main/resources/static/js/datatransfer.js +++ b/src/main/resources/static/js/datatransfer.js @@ -216,7 +216,7 @@ function initializeMock(index){ function fillStaticFields(uuid, id, mediaType, body, httpStatus){ let link = createLink(uuid,id); - $('#messageLink').html('' + link + ''); + $('#messageLink').val(link); $('#httpStatus').val(httpStatus); $('#typeSelector').val(mediaType); $('#bodyEditor').val(body); @@ -272,6 +272,7 @@ function removeRow(row){ setDataModified(); } +//TODO: Change html for new html structure function addRow(){ var table = $('#httpStatusValues'); var hkey = $('#headerKeyInput'); @@ -354,6 +355,7 @@ function selectMessage(id){ console.log("Selected message selected"); } +// TODO: Modify html for tiles function generateMessageTileHtml(id, httpStatus, mediaType){ var innerHTML = ' - +
+
+ +
+ +
+

Message List

+
+ +
+
+
+
+
+

Id: 1

+

Status: 200

+
+
+ +
+
+
+
+
+
+
+
+

Id: 2

+

Status: 200

+
+
+ +
+
+
+
+
+
+
+
+

Id: 3

+

Status: 200

+
+
+ +
+
- -
-
-
-
-
-

What's mock service?

-

It's super simple! Need data as response from the server? Mock your api in just a few clicks.

-

Hover over an item to see description!

-
-

Help:

+
+
+

What's this?

+

MockedServices is a tool that allows developer to create, in easy and simple way, http server mocked endpoints for integration tests.

+

Help

+

When cursor hovers over an item. It's description is displayed below.

+
+
+

Link

+

Link is an url representing an endpoint at which you can receive your mocked response by simply sending get request.

+
+
+
+
+

Http Status

+

Value of the field is corresponding to status value that server will return.

+
+
+
+
+

Content Type

+

Value of the field describes content of body payload contained in the response. For example if content is in xml format the value should be "application/xml" or "text/xml"

+
+
+
+
+

Body

+

Value of the field describes content of response body. It's basicly the message we want server to return. If it's simple response like 200 OK or 404 not found then field might be left empty.

+
+
+
+
+

Headers

+

Content of this tab allows to set and modify headers that will be included in the response.

+
+
+
+
+

History

+

Content of this tab displays the history of requests or responses received/sent to the endpoint

+
+
+
+
+

New header

+

Insert value in the field and press the plus icon to add a new header to the message.

+
+
- - - - - - - - -
-
- - -
-
- - diff --git a/target/classes/static/js/datatransfer.js b/target/classes/static/js/datatransfer.js index ba511eb..4f7661a 100644 --- a/target/classes/static/js/datatransfer.js +++ b/target/classes/static/js/datatransfer.js @@ -216,7 +216,7 @@ function initializeMock(index){ function fillStaticFields(uuid, id, mediaType, body, httpStatus){ let link = createLink(uuid,id); - $('#messageLink').html('' + link + ''); + $('#messageLink').val(link); $('#httpStatus').val(httpStatus); $('#typeSelector').val(mediaType); $('#bodyEditor').val(body); @@ -272,6 +272,7 @@ function removeRow(row){ setDataModified(); } +//TODO: Change html for new html structure function addRow(){ var table = $('#httpStatusValues'); var hkey = $('#headerKeyInput'); @@ -354,6 +355,7 @@ function selectMessage(id){ console.log("Selected message selected"); } +// TODO: Modify html for tiles function generateMessageTileHtml(id, httpStatus, mediaType){ var innerHTML = '