diff --git a/Backend/mocked-services/src/main/resources/static/css/r11addons.css b/Backend/mocked-services/src/main/resources/static/css/r11addons.css
index afb4425..a7e4f86 100644
--- a/Backend/mocked-services/src/main/resources/static/css/r11addons.css
+++ b/Backend/mocked-services/src/main/resources/static/css/r11addons.css
@@ -21,12 +21,12 @@
.tile {
width: 100%;
padding-top: 40%;
- border: 1px solid gray;
- border-radius: 3px;
+ border-radius: 5px;
position: relative;
- background: #f0f0f095;
+ background: #D5D7E6;
margin-bottom: 10px;
cursor: default;
+ border-bottom: 1px solid darkgray;
}
.tile:hover {
@@ -34,7 +34,7 @@
}
.tile.active {
- background: #00000070;
+ background: #2A93B0;
color: white;
filter: none;
}
diff --git a/Backend/mocked-services/src/main/resources/static/css/r11tool.css b/Backend/mocked-services/src/main/resources/static/css/r11tool.css
index 2243166..7e413b8 100644
--- a/Backend/mocked-services/src/main/resources/static/css/r11tool.css
+++ b/Backend/mocked-services/src/main/resources/static/css/r11tool.css
@@ -1,4 +1,9 @@
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap');
+
+input {
+ box-sizing: border-box;
+}
+
.hyperlink, .hyperlink:visited, .hyperlink:active {
color: rgb(47, 125, 146);
cursor: pointer;
@@ -9,6 +14,7 @@
}
.bordered-field {
+ background-color: #FFFFFF;
border: 2px solid rgba(93, 99, 96, 0.705);
border-radius: 5px;
padding: 8px;
@@ -182,9 +188,10 @@ body {
}
.action-button.active {
- background: #3bc4f1;
+ background: #2A93B0;
border: 1px solid #7ed0eb;
cursor: pointer;
+
}
.action-button.active:hover {
@@ -194,6 +201,7 @@ body {
.action-button {
background: rgba(155, 165, 160, 0.507);
border:1px solid rgba(186, 197, 191, 0.507);
+ border-radius: 5px;
color: white;
padding: 10px 20px;
font-weight: 700;
diff --git a/Backend/mocked-services/src/main/resources/static/css/r11tooltip.css b/Backend/mocked-services/src/main/resources/static/css/r11tooltip.css
index 34fcbfb..63e70f6 100644
--- a/Backend/mocked-services/src/main/resources/static/css/r11tooltip.css
+++ b/Backend/mocked-services/src/main/resources/static/css/r11tooltip.css
@@ -1,8 +1,7 @@
.tooltip-window {
position: fixed;
right: 0;
- filter: drop-shadow(-2px 0px 2px darkgray);
- background: #e8f3f7;
+ background: #FFFFFF;
padding: 15px 30px;
font-family: 'Nunito', sans-serif;
width: 40%;
diff --git a/Backend/mocked-services/src/main/resources/static/html/mock.html b/Backend/mocked-services/src/main/resources/static/html/mock.html
index 8bedcb9..d844052 100644
--- a/Backend/mocked-services/src/main/resources/static/html/mock.html
+++ b/Backend/mocked-services/src/main/resources/static/html/mock.html
@@ -21,10 +21,7 @@
Your Message
Messaged id: 1
-
-
-
-
+
@@ -58,7 +55,9 @@
-
+
+
+
@@ -184,6 +183,12 @@
Link is an url representing an endpoint at which you can receive your mocked response by simply sending get request.
+
+
+
Save button!
+
To save message, the message must be changed!
+
+
Http Status
diff --git a/Backend/mocked-services/src/main/resources/static/js/datatransfer.js b/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
index ce82f5d..55eda14 100644
--- a/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
+++ b/Backend/mocked-services/src/main/resources/static/js/datatransfer.js
@@ -269,7 +269,24 @@ function checkIfInputValid(input){
return !(input == '' || input == null || input == undefined);
}
+function checkIfHeaderEssential(key){
+
+ if( key == "Connection" || key == "Keep-Alive" || key == "Date" ){
+ return true;
+ }
+ return false;
+
+}
+
function buildRowHtml(key, value){
+
+ if(checkIfHeaderEssential(key)){
+ return '' +
+ '
' +
+ ' | ' +
+ ' | ' +
+ '
';
+ }
return '' +
'
' +
' | ' +
diff --git a/Backend/mocked-services/src/main/resources/static/js/uianimation.js b/Backend/mocked-services/src/main/resources/static/js/uianimation.js
index 2d7add0..e375856 100644
--- a/Backend/mocked-services/src/main/resources/static/js/uianimation.js
+++ b/Backend/mocked-services/src/main/resources/static/js/uianimation.js
@@ -114,3 +114,8 @@ $('#headerValueInput').mouseover(function(){showTip('newHeaderTip')});
$('#headerValueInput').focusin(function(){focusInTip('newHeaderTip')});
$('#headerValueInput').mouseleave(function(){hidTip('newHeaderTip')});
$('#headerValueInput').focusout(function(){focusOutTip('newHeaderTip')});
+
+$('#btnSave').mouseover(function(){showTip('btnSaveTip');});
+$('#btnSave').focusin(function(){focusInTip('btnSaveTip')});
+$('#btnSave').mouseleave(function(){hidTip('btnSaveTip')});
+$('#btnSave').focusout(function(){focusOutTip('btnSaveTip')});
\ No newline at end of file
diff --git a/Frontend/assets/css/frame.css b/Frontend/assets/css/frame.css
index 524ec3c..1534b8a 100644
--- a/Frontend/assets/css/frame.css
+++ b/Frontend/assets/css/frame.css
@@ -1,7 +1,12 @@
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
+html {
+ background-image: url("../images/background.jpg");
+}
+
body {
font-family: 'Nunito', sans-serif;
+
color: #2e3133;
font-weight: normal;
margin: 0px;
@@ -19,33 +24,37 @@ body {
}
div#header {
- background-color: rgb(85, 85, 85);
+ background-color: #FFFFFF;
width: 100%;
height: 80px;
}
#logo {
padding: 20px 20px 20px;
+ width: 250px;
+ grid-column: 1;
}
iframe#frame {
flex-grow: 1;
+ background-color: #FFFFFF;
}
div#content {
width: 100%;
height: calc(100% - 80px);
display: flex;
+ backdrop-filter: blur(10px);
}
div#toolList {
float: left;
width: 200px;
- background-color: rgb(85, 85, 85);
+ background-color: transparent;
height: 100%;
}
-li{
+li {
font-size: 20px;
font-weight: bold;
}
@@ -65,12 +74,14 @@ div#copyright a, a:visited, a:active {
ul#toolList {
list-style-type: none;
margin: 0;
- padding: 0;
+ padding: 10px 0 0 0;
overflow: hidden;
display: block;
float: left;
- background-color: rgb(85, 85, 85);
+ background-color: transparent;
width: 100%;
+ height: calc(100% - 80px);
+ backdrop-filter: blur(10px);
}
#toolListRow a {
@@ -82,6 +93,20 @@ ul#toolList {
}
#toolListRow a:hover {
- background-color: #111111;
+ background-color: #2A93B0;
+ color: white;
+ transform: scale(1.25, 1.25);
transition-duration: .3s;
+}
+
+#titlebar {
+ display: block;
+ padding: 10px 0;
+ color: black;
+
+ margin-top: -78px;
+
+ font-size: 36px;
+ text-align: center;
+
}
\ No newline at end of file
diff --git a/Frontend/assets/css/tools/r11form.css b/Frontend/assets/css/tools/r11form.css
index d7e87f5..f4af46e 100644
--- a/Frontend/assets/css/tools/r11form.css
+++ b/Frontend/assets/css/tools/r11form.css
@@ -15,11 +15,11 @@
.tooltip-window {
position: fixed;
right: 0;
- filter: drop-shadow(-2px 0px 2px darkgray);
- background: #e8f3f7;
+ /* filter: drop-shadow(-2px 0px 2px black); */
+ background: #FFFFFF;
padding: 15px 30px;
font-family: 'Nunito', sans-serif;
- width: 40%;
+ width: 30%;
height: 100%;
overflow: scroll;
}
@@ -31,9 +31,6 @@
content: "▼";
} */
-.tooltip-window .tip {
-}
-
.bordered-field {
border: 2px solid rgba(93, 99, 96, 0.705);
border-radius: 5px;
@@ -63,7 +60,7 @@
}
.tool {
- width: 55%;
+ width: 65%;
display: flex;
justify-content: space-evenly;
}
@@ -255,9 +252,10 @@
}
.action-button.active {
- background: #3bc4f1;
+ background: #2A93B0;
border: 1px solid #7ed0eb;
cursor: pointer;
+ border-radius: 5px;
}
.action-button.active:hover {
@@ -390,15 +388,17 @@
.section-button {
width: 100%;
padding: 15px 0;
+ margin: 5px 0px;
font-size: 18px;
- background: #b4b4b4c5;
+ background: #D5D7E6;
cursor: pointer;
border-bottom: darkgray 2px solid !important;
+ border-radius: 5px;
}
.section-button:hover {
/* border-bottom: #3bc4f1 2px solid; */
- backdrop-filter: brightness(110%);
+ backdrop-filter: brightness(100%);
}
.section-button .active {
diff --git a/Frontend/assets/images/background.jpg b/Frontend/assets/images/background.jpg
new file mode 100644
index 0000000..3cbefc4
Binary files /dev/null and b/Frontend/assets/images/background.jpg differ
diff --git a/Frontend/assets/images/favicon.ico b/Frontend/assets/images/favicon.ico
index a9ccec0..aced239 100644
Binary files a/Frontend/assets/images/favicon.ico and b/Frontend/assets/images/favicon.ico differ
diff --git a/Frontend/assets/images/logo.png b/Frontend/assets/images/logo.png
deleted file mode 100644
index dca29bc..0000000
Binary files a/Frontend/assets/images/logo.png and /dev/null differ
diff --git a/Frontend/assets/images/logo_biale.svg b/Frontend/assets/images/logo_biale.svg
new file mode 100644
index 0000000..7852133
--- /dev/null
+++ b/Frontend/assets/images/logo_biale.svg
@@ -0,0 +1,101 @@
+
+
+
+
diff --git a/Frontend/assets/images/logo_czarne.svg b/Frontend/assets/images/logo_czarne.svg
new file mode 100644
index 0000000..6dfa487
--- /dev/null
+++ b/Frontend/assets/images/logo_czarne.svg
@@ -0,0 +1,47 @@
+
+
+
diff --git a/Frontend/assets/samples/sampleXml.xml b/Frontend/assets/samples/sampleXml.xml
new file mode 100644
index 0000000..cd89168
--- /dev/null
+++ b/Frontend/assets/samples/sampleXml.xml
@@ -0,0 +1,33 @@
+
+
+ City library
+ 345123
+
+
+ 7321
+ Adam
+ Choke
+
+
+ 5123
+ Lauren
+ Wong
+
+
+
+
+ 6422
+ Harry Potter
+ 7542
+
+
+ 1234
+ Macbeth
+ 5123
+
+
+ 9556
+ Romeo and Juliet
+
+
+
\ No newline at end of file
diff --git a/Frontend/assets/scripts/tools/scripts.js b/Frontend/assets/scripts/tools/scripts.js
index 085cd1a..8792bc5 100644
--- a/Frontend/assets/scripts/tools/scripts.js
+++ b/Frontend/assets/scripts/tools/scripts.js
@@ -11,6 +11,18 @@ function clearDefaultContent(element, text) {
}
}
+function fillDefaultXML(element) {
+ if(element.classList.contains("active")){
+ const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
+ clearDefaultContent(document.getElementById("xmlArea"), "Insert XML here");
+ fetch(serverAddress + "/assets/samples/sampleXml.xml")
+ .then(response => response.text())
+ .then((exampleData) => {
+ document.getElementById("xmlArea").value = exampleData;
+ })
+ }
+ }
+
//Set default text in grey
function setDefaultContent(element, text) {
if (element.value == "") {
diff --git a/Frontend/index.html b/Frontend/index.html
index a5647f6..162acd4 100644
--- a/Frontend/index.html
+++ b/Frontend/index.html
@@ -14,7 +14,8 @@
diff --git a/Frontend/tools/xpath.html b/Frontend/tools/xpath.html
index c7ed0a9..776cc66 100644
--- a/Frontend/tools/xpath.html
+++ b/Frontend/tools/xpath.html
@@ -3184,18 +3184,7 @@