From 5bfcf2943132b942d30e8ed8537bafaada7f3c36 Mon Sep 17 00:00:00 2001 From: modzeleg Date: Tue, 6 Apr 2021 16:26:57 +0200 Subject: [PATCH] static fields are initilialized --- .../resources/static/css/commons/r11form.css | 2 +- src/main/resources/static/html/mock.html | 13 +- src/main/resources/static/js/datatransfer.js | 4 +- .../static/css/commons/font/fontello.eot | Bin 0 -> 5964 bytes .../static/css/commons/font/fontello.svg | 14 + .../static/css/commons/font/fontello.ttf | Bin 0 -> 5796 bytes .../static/css/commons/font/fontello.woff | Bin 0 -> 3256 bytes .../static/css/commons/font/fontello.woff2 | Bin 0 -> 2584 bytes .../classes/static/css/commons/fontello.css | 59 +++ target/classes/static/css/commons/r11form.css | 423 ++++++++++++++++++ target/classes/static/html/mock.html | 341 +++++++------- target/classes/static/js/datatransfer.js | 4 +- target/classes/static/js/uianimation.js | 53 +-- 13 files changed, 719 insertions(+), 194 deletions(-) create mode 100644 target/classes/static/css/commons/font/fontello.eot create mode 100644 target/classes/static/css/commons/font/fontello.svg create mode 100644 target/classes/static/css/commons/font/fontello.ttf create mode 100644 target/classes/static/css/commons/font/fontello.woff create mode 100644 target/classes/static/css/commons/font/fontello.woff2 create mode 100644 target/classes/static/css/commons/fontello.css create mode 100644 target/classes/static/css/commons/r11form.css 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 = '