dev #33
| @@ -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; | ||||
| } | ||||
|   | ||||
| @@ -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; | ||||
|   | ||||
| @@ -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%; | ||||
|   | ||||
| @@ -21,10 +21,7 @@ | ||||
|                     <!-- h2 --> | ||||
|                     <div id="basicItemData" class="hiddable active"><h2>Your Message</h2></div> | ||||
|                     <div id="advancedItemData" class="hiddable"><h2>Messaged id: <span id="mockedMessageId">1</span></h2></div> | ||||
|                     <!-- save --> | ||||
|                     <div> | ||||
|                         <!-- <button class="action-button active large-button small-vertical-margin">Save</button> --> | ||||
|                     </div> | ||||
|  | ||||
|                     <!-- link --> | ||||
|                     <div> | ||||
|                         <label for="messageLink" class="block-display">Link</label> | ||||
| @@ -58,7 +55,9 @@ | ||||
|                                 </datalist> | ||||
|                             </div> | ||||
|                         </div> | ||||
|                         <button id="btn-save" class="small-margins half-width with-padding action-button">Save</button> | ||||
|                         <div id="btnSave" class="small-margins half-width with-padding action-button" style="background-color: white; border: 0px;"> | ||||
|                             <button id="btn-save" class="small-margins half-width with-padding action-button" style="width: 100%; height: 100%;">Save</button> | ||||
|                         </div> | ||||
|                     </div> | ||||
|                     <!-- body --> | ||||
|                     <div class="small-vertical-margin"> | ||||
| @@ -184,6 +183,12 @@ | ||||
|                         <p>Link is an url representing an endpoint at which you can receive your mocked response by simply sending get request.</p> | ||||
|                     </div> | ||||
|                 </div> | ||||
|                 <div class="large-vertical-margin"> | ||||
|                     <div id="btnSaveTip" class="tip"> | ||||
|                         <h3>Save button!</h3> | ||||
|                         <p>To save message, the message must be changed!</p> | ||||
|                     </div> | ||||
|                 </div> | ||||
|                 <div class="large-vertical-margin"> | ||||
|                     <div id="httpStatusTip" class="tip"> | ||||
|                         <h3>Http Status</h3> | ||||
|   | ||||
| @@ -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 '' +  | ||||
|         '<tr>' + | ||||
|             '<td><input class="key data-field" value="' + key + '" readonly></td>' + | ||||
|             '<td><input class="data-field" value="' + value + '"></td>' + | ||||
|         '</tr>'; | ||||
|     }  | ||||
|     return '' +  | ||||
|     '<tr>' + | ||||
|         '<td><input class="key data-field" value="' + key + '"></td>' + | ||||
|   | ||||
| @@ -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')}); | ||||
| @@ -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; | ||||
|      | ||||
| } | ||||
| @@ -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 { | ||||
|   | ||||
							
								
								
									
										
											BIN
										
									
								
								Frontend/assets/images/background.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								Frontend/assets/images/background.jpg
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 291 KiB | 
										
											Binary file not shown.
										
									
								
							| Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 1.1 KiB | 
										
											Binary file not shown.
										
									
								
							| Before Width: | Height: | Size: 3.7 KiB | 
							
								
								
									
										101
									
								
								Frontend/assets/images/logo_biale.svg
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										101
									
								
								Frontend/assets/images/logo_biale.svg
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,101 @@ | ||||
| <?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||||
| <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --> | ||||
|  | ||||
| <svg | ||||
|    version="1.1" | ||||
|    id="Release11_xA0_Image_1_" | ||||
|    x="0px" | ||||
|    y="0px" | ||||
|    viewBox="0 0 1010.2 146" | ||||
|    style="enable-background:new 0 0 1010.2 146;" | ||||
|    xml:space="preserve" | ||||
|    sodipodi:docname="logo.svg" | ||||
|    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" | ||||
|    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||||
|    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||||
|    xmlns="http://www.w3.org/2000/svg" | ||||
|    xmlns:svg="http://www.w3.org/2000/svg"><defs | ||||
|    id="defs31" /><sodipodi:namedview | ||||
|    id="namedview29" | ||||
|    pagecolor="#ffffff" | ||||
|    bordercolor="#000000" | ||||
|    borderopacity="0.25" | ||||
|    inkscape:showpageshadow="2" | ||||
|    inkscape:pageopacity="0.0" | ||||
|    inkscape:pagecheckerboard="0" | ||||
|    inkscape:deskcolor="#d1d1d1" | ||||
|    showgrid="false" | ||||
|    inkscape:zoom="1.3155811" | ||||
|    inkscape:cx="375.11942" | ||||
|    inkscape:cy="72.971558" | ||||
|    inkscape:window-width="1920" | ||||
|    inkscape:window-height="1135" | ||||
|    inkscape:window-x="1920" | ||||
|    inkscape:window-y="0" | ||||
|    inkscape:window-maximized="1" | ||||
|    inkscape:current-layer="Release11_xA0_Image_1_" /> | ||||
| <style | ||||
|    type="text/css" | ||||
|    id="style2"> | ||||
| 	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#2A93B0;} | ||||
| 	.st1{fill:#2A93B0;} | ||||
| 	.st2{fill:#1A161A;} | ||||
| </style> | ||||
| <path | ||||
|    class="st0" | ||||
|    d="M41.8,58.5L3,143.7h145.5V4.8L41.8,58.5z" | ||||
|    id="path4" /> | ||||
| <g | ||||
|    id="g10"> | ||||
| 	<path | ||||
|    class="st1" | ||||
|    d="M961.1,79.2h-16.9V25.3l-16.6,4.9V17.4l32-11.1h1.6V79.2z" | ||||
|    id="path6" /> | ||||
| 	<path | ||||
|    class="st1" | ||||
|    d="M1010.2,79.2h-16.9V25.3l-16.6,4.9V17.4l32-11.1h1.6V79.2z" | ||||
|    id="path8" /> | ||||
| </g> | ||||
| <g | ||||
|    id="g26" | ||||
|    style="fill:#ffffff"> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M290.7,71.3c5-7.3,7.5-15.5,7.5-24.4c0-15-4.8-26.4-14.5-34.1C275,5.9,263,2.4,247.9,2.4h-41.6v138.1h25.5V87   l36.2,53.5h31.9l-37.5-50.9C275,86.8,284.4,80.7,290.7,71.3z M231.8,68V27.2h13.8c8,0,14.2,1.2,18.6,3.7c5.6,3.1,8.4,8.2,8.4,15.2   c0,7.5-2.2,13-6.6,16.6c-4.4,3.6-10.3,5.3-17.8,5.3H231.8z" | ||||
|    id="path12" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M397.5,48.4c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2c-8.6,10.6-12.9,22.1-12.9,34.7v4.7   c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2c8.5-6.2,14.6-14.1,18.3-24h-27.4   c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1c0.6-4.3,0.9-8.2,0.9-11.6   C414.5,72.2,408.9,59,397.5,48.4z M333.1,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7   c4.5,3.7,7.6,8.1,9.3,13.2H333.1z" | ||||
|    id="path14" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<rect | ||||
|    x="431.5" | ||||
|    y="2.6" | ||||
|    class="st2" | ||||
|    width="24.8" | ||||
|    height="137.9" | ||||
|    id="rect16" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M561.8,48.4c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2c-8.6,10.6-12.9,22.1-12.9,34.7v4.7   c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2c8.5-6.2,14.6-14.1,18.3-24h-27.4   c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1c0.6-4.3,0.9-8.2,0.9-11.6   C578.7,72.2,573.1,59,561.8,48.4z M497.3,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7   c4.5,3.7,7.6,8.1,9.3,13.2H497.3z" | ||||
|    id="path18" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M773.6,81.7c-7-2.2-13.9-4.5-20.9-6.7c-2.5-1-4.3-2.2-5.5-3.6c-1.2-1.4-1.9-2.9-2.1-4.4c0-2.4,1-4.4,3.1-6.1   c2-1.7,4.3-2.5,6.8-2.5c2.4,0,4.4,0.6,6.2,1.8c1.8,1.2,3.2,3,4.2,5.5h23.7c0-9.2-3.4-16.8-10.3-22.7c-6.9-6-14.8-8.9-23.8-8.9   c-6.7,0-13.1,1.8-19,5.4c-11.4,7-15.5,16.8-15.7,26.7c-0.1,5,1.4,9.8,4.2,14.5c2.8,4.7,7.1,8.4,13,11.3c6.3,2.6,12.8,5.3,19.5,7.9   c6.6,2.7,10,5.8,10,9.2c0,3.2-1.2,5.9-3.4,7.9c-2.3,2.1-5.1,3.1-8.5,3.1c-2.9,0-5.5-1-7.9-3c-2.4-2-4.1-5-4.9-8.9h-25   c0,9.2,2.6,17.1,7.8,23.4c4.8,6,10.9,9.7,18.3,11.1c3.7,0.7,7.4,1.1,11,1.1c12.2,0,21.7-4.1,28.5-12.3c6-7.1,9.5-16.1,8.9-27.1   C791.2,94,784.6,86.8,773.6,81.7z" | ||||
|    id="path20" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M912,88.1c0-15.9-5.7-29.1-17-39.7c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2   c-8.6,10.6-12.9,22.1-12.9,34.7v4.7c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2   c8.5-6.2,14.6-14.1,18.3-24h-27.4c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1   C911.7,95.3,912,91.5,912,88.1z M830.6,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7   c4.5,3.7,7.6,8.1,9.3,13.2H830.6z" | ||||
|    id="path22" | ||||
|    style="fill:#ffffff" /> | ||||
| 	<path | ||||
|    class="st2" | ||||
|    d="M680.5,44.4c-9.6-8-20.5-12-32.8-12c-7,0-14,1.5-21,4.5c-7,3-13.7,7.6-19.9,13.8c-5,6.2-8.6,12.2-10.7,18.2   c-2.1,6-3.2,12.2-3.2,18.8c0,15.6,5.3,28.8,15.9,39.7c10.6,10.9,23.5,16.3,38.6,16.3c12.6,0,23.7-3.9,33.2-11.8v8.5h22.3V37h-22.3   V44.4z M667.8,110.5c-5.4,5.8-12.5,8.8-21.2,8.8c-8.2,0-15.1-3-20.8-9.1s-8.5-13.3-8.5-21.8c0-4,0.7-7.9,2.2-11.6   c1.5-3.7,3.4-7.1,5.7-10.3c5.7-6.3,12.8-9.4,21.1-9.4c8.6,0,15.7,3,21.3,9c5.6,6,8.4,13.4,8.4,22.2   C675.9,97.3,673.2,104.7,667.8,110.5z" | ||||
|    id="path24" | ||||
|    style="fill:#ffffff" /> | ||||
| </g> | ||||
| </svg> | ||||
| After Width: | Height: | Size: 5.0 KiB | 
							
								
								
									
										47
									
								
								Frontend/assets/images/logo_czarne.svg
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										47
									
								
								Frontend/assets/images/logo_czarne.svg
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,47 @@ | ||||
| <?xml version="1.0" encoding="utf-8"?> | ||||
| <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --> | ||||
| <svg version="1.1" id="Release11_xA0_Image_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" | ||||
| 	 x="0px" y="0px" viewBox="0 0 1010.2 146" style="enable-background:new 0 0 1010.2 146;" xml:space="preserve"> | ||||
| <style type="text/css"> | ||||
| 	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#2A93B0;} | ||||
| 	.st1{fill:#2A93B0;} | ||||
| 	.st2{fill:#1A161A;} | ||||
| </style> | ||||
| <path class="st0" d="M41.8,58.5L3,143.7h145.5V4.8L41.8,58.5z"/> | ||||
| <g> | ||||
| 	<path class="st1" d="M961.1,79.2h-16.9V25.3l-16.6,4.9V17.4l32-11.1h1.6V79.2z"/> | ||||
| 	<path class="st1" d="M1010.2,79.2h-16.9V25.3l-16.6,4.9V17.4l32-11.1h1.6V79.2z"/> | ||||
| </g> | ||||
| <g> | ||||
| 	<path class="st2" d="M290.7,71.3c5-7.3,7.5-15.5,7.5-24.4c0-15-4.8-26.4-14.5-34.1C275,5.9,263,2.4,247.9,2.4h-41.6v138.1h25.5V87 | ||||
| 		l36.2,53.5h31.9l-37.5-50.9C275,86.8,284.4,80.7,290.7,71.3z M231.8,68V27.2h13.8c8,0,14.2,1.2,18.6,3.7c5.6,3.1,8.4,8.2,8.4,15.2 | ||||
| 		c0,7.5-2.2,13-6.6,16.6c-4.4,3.6-10.3,5.3-17.8,5.3H231.8z"/> | ||||
| 	<path class="st2" d="M397.5,48.4c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2c-8.6,10.6-12.9,22.1-12.9,34.7v4.7 | ||||
| 		c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2c8.5-6.2,14.6-14.1,18.3-24h-27.4 | ||||
| 		c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1c0.6-4.3,0.9-8.2,0.9-11.6 | ||||
| 		C414.5,72.2,408.9,59,397.5,48.4z M333.1,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7 | ||||
| 		c4.5,3.7,7.6,8.1,9.3,13.2H333.1z"/> | ||||
| 	<rect x="431.5" y="2.6" class="st2" width="24.8" height="137.9"/> | ||||
| 	<path class="st2" d="M561.8,48.4c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2c-8.6,10.6-12.9,22.1-12.9,34.7v4.7 | ||||
| 		c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2c8.5-6.2,14.6-14.1,18.3-24h-27.4 | ||||
| 		c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1c0.6-4.3,0.9-8.2,0.9-11.6 | ||||
| 		C578.7,72.2,573.1,59,561.8,48.4z M497.3,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7 | ||||
| 		c4.5,3.7,7.6,8.1,9.3,13.2H497.3z"/> | ||||
| 	<path class="st2" d="M773.6,81.7c-7-2.2-13.9-4.5-20.9-6.7c-2.5-1-4.3-2.2-5.5-3.6c-1.2-1.4-1.9-2.9-2.1-4.4c0-2.4,1-4.4,3.1-6.1 | ||||
| 		c2-1.7,4.3-2.5,6.8-2.5c2.4,0,4.4,0.6,6.2,1.8c1.8,1.2,3.2,3,4.2,5.5h23.7c0-9.2-3.4-16.8-10.3-22.7c-6.9-6-14.8-8.9-23.8-8.9 | ||||
| 		c-6.7,0-13.1,1.8-19,5.4c-11.4,7-15.5,16.8-15.7,26.7c-0.1,5,1.4,9.8,4.2,14.5c2.8,4.7,7.1,8.4,13,11.3c6.3,2.6,12.8,5.3,19.5,7.9 | ||||
| 		c6.6,2.7,10,5.8,10,9.2c0,3.2-1.2,5.9-3.4,7.9c-2.3,2.1-5.1,3.1-8.5,3.1c-2.9,0-5.5-1-7.9-3c-2.4-2-4.1-5-4.9-8.9h-25 | ||||
| 		c0,9.2,2.6,17.1,7.8,23.4c4.8,6,10.9,9.7,18.3,11.1c3.7,0.7,7.4,1.1,11,1.1c12.2,0,21.7-4.1,28.5-12.3c6-7.1,9.5-16.1,8.9-27.1 | ||||
| 		C791.2,94,784.6,86.8,773.6,81.7z"/> | ||||
| 	<path class="st2" d="M912,88.1c0-15.9-5.7-29.1-17-39.7c-10.4-9.7-22.6-14.5-36.5-14.5c-16.9,0-30.6,6.4-41,19.2 | ||||
| 		c-8.6,10.6-12.9,22.1-12.9,34.7v4.7c0,13.4,5.4,25.3,16.3,35.7c10.9,10.4,24,15.6,39.2,15.6c11.5,0,21.5-3.1,30-9.2 | ||||
| 		c8.5-6.2,14.6-14.1,18.3-24h-27.4c-6.1,6.1-13.5,9.1-22.2,9.1c-6.6,0-12.5-1.8-17.8-5.4c-5.3-3.6-8.7-8.5-10.2-14.5h80.1 | ||||
| 		C911.7,95.3,912,91.5,912,88.1z M830.6,77.9c1.7-5.2,4.8-9.6,9.1-13.2c5.3-4.5,11.7-6.7,19.1-6.7c7.3,0,13.7,2.2,19.1,6.7 | ||||
| 		c4.5,3.7,7.6,8.1,9.3,13.2H830.6z"/> | ||||
| 	<path class="st2" d="M680.5,44.4c-9.6-8-20.5-12-32.8-12c-7,0-14,1.5-21,4.5c-7,3-13.7,7.6-19.9,13.8c-5,6.2-8.6,12.2-10.7,18.2 | ||||
| 		c-2.1,6-3.2,12.2-3.2,18.8c0,15.6,5.3,28.8,15.9,39.7c10.6,10.9,23.5,16.3,38.6,16.3c12.6,0,23.7-3.9,33.2-11.8v8.5h22.3V37h-22.3 | ||||
| 		V44.4z M667.8,110.5c-5.4,5.8-12.5,8.8-21.2,8.8c-8.2,0-15.1-3-20.8-9.1s-8.5-13.3-8.5-21.8c0-4,0.7-7.9,2.2-11.6 | ||||
| 		c1.5-3.7,3.4-7.1,5.7-10.3c5.7-6.3,12.8-9.4,21.1-9.4c8.6,0,15.7,3,21.3,9c5.6,6,8.4,13.4,8.4,22.2 | ||||
| 		C675.9,97.3,673.2,104.7,667.8,110.5z"/> | ||||
| </g> | ||||
| </svg> | ||||
| After Width: | Height: | Size: 3.7 KiB | 
							
								
								
									
										33
									
								
								Frontend/assets/samples/sampleXml.xml
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								Frontend/assets/samples/sampleXml.xml
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,33 @@ | ||||
| <?xml version="1.0" encoding="utf-8"?> | ||||
| <l:library xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.release11.com" xmlns:l="http://www.release11.com/library" xmlns:p="http://www.release11.com/person" xmlns:b="http://www.release11.com/book"> | ||||
|     <l:libraryName>City library</l:libraryName> | ||||
|     <l:libraryID>345123</l:libraryID> | ||||
|     <l:readerList> | ||||
|         <p:person> | ||||
|             <p:readerID>7321</p:readerID> | ||||
|             <p:name>Adam</p:name> | ||||
|             <p:surname>Choke</p:surname> | ||||
|         </p:person> | ||||
|         <p:person> | ||||
|             <p:readerID>5123</p:readerID> | ||||
|             <p:name>Lauren</p:name> | ||||
|             <p:surname>Wong</p:surname> | ||||
|         </p:person> | ||||
|     </l:readerList> | ||||
|     <l:bookList> | ||||
|         <b:book> | ||||
|             <b:bookID>6422</b:bookID> | ||||
|             <b:title>Harry Potter</b:title> | ||||
|             <p:readerID>7542</p:readerID> | ||||
|         </b:book> | ||||
|         <b:book> | ||||
|             <b:bookID>1234</b:bookID> | ||||
|             <b:title>Macbeth</b:title> | ||||
|             <p:readerID>5123</p:readerID> | ||||
|         </b:book> | ||||
|         <b:book> | ||||
|             <b:bookID>9556</b:bookID> | ||||
|             <b:title>Romeo and Juliet</b:title> | ||||
|         </b:book> | ||||
|     </l:bookList> | ||||
| </l:library> | ||||
| @@ -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 == "") { | ||||
|   | ||||
| @@ -14,7 +14,8 @@ | ||||
|  | ||||
| <body> | ||||
|     <div id="header"> | ||||
|         <h1 id="logo"><a href="http://release11.com/"><img src="assets/images/logo.png" alt="Release11"></a></h1> | ||||
|         <div id="logo"><a href="http://release11.com/"><img src="assets/images/logo_czarne.svg" alt="Release11"></a></div> | ||||
|         <div id="titlebar"><p>Internet Tools</p></div> | ||||
|     </div> | ||||
|  | ||||
|     <div id="content"> | ||||
|   | ||||
| @@ -3184,18 +3184,7 @@ | ||||
|     </script> | ||||
|  | ||||
|     <script> | ||||
|         function fillDefaultXML(element) { | ||||
|             if (element.classList.contains("active")) { | ||||
|                 // document.getElementById("defaultXMLButton").classList.toggle("active", false); | ||||
|                 clearDefaultContent(document.getElementById("xmlArea"), "Insert XML here"); | ||||
|                 fetch('http://gordon.zipper.release11.com:8086/Frontend/sample_data/sample_xml.xml') | ||||
|                     .then(response => response.text()) | ||||
|                     .then((data) => { | ||||
|                         document.getElementById("xmlArea").value = data; | ||||
|                     }) | ||||
|             } | ||||
|  | ||||
|         } | ||||
|     </script> | ||||
|  | ||||
|     <script> | ||||
| @@ -3209,11 +3198,15 @@ | ||||
|             tool.addEventListener('change', event => { | ||||
|                 //Check if script was called from textarea or selector | ||||
|                 var targetID = event.target.getAttribute('id'); | ||||
|                 if (targetID !== "processors" && targetID !== "versions") { | ||||
|                     return; | ||||
|                 if (targetID == "processors") { | ||||
|                     processTooltip(); | ||||
|                     processVersionSelector(); | ||||
|                 } | ||||
|                 processTooltip(); | ||||
|                 processVersionSelector(); | ||||
|                 else if (targetID == "versions") { | ||||
|                     processTooltip(); | ||||
|                 } | ||||
|                  | ||||
|                  | ||||
|             }) | ||||
|             tool.addEventListener('click', event => { | ||||
|                 //Check if script was called from textarea or selector | ||||
|   | ||||
		Reference in New Issue
	
	Block a user