Draft of page design

This commit is contained in:
2021-01-18 15:53:30 +01:00
parent cc607be3dd
commit a73736b237
3 changed files with 119 additions and 4 deletions

8
.idea/workspace.xml generated
View File

@@ -20,9 +20,9 @@
</component>
<component name="ChangeListManager">
<list default="true" id="458cde88-df3d-44bc-9d57-a33823e2f1a6" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/src/main/resources/templates/design.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/main/resources/templates/design.html" 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/js/paggination.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/paggination.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main/resources/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/templates/index.html" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -93,11 +93,11 @@
<recent name="com.release11.klaus.repository" />
</key>
<key name="MoveFile.RECENT_KEYS">
<recent name="C:\Users\Gabriel Modzelewski\.phabricator\mockedservices\src\main\resources\templates" />
<recent name="D:\phabricator\mockedservices-master" />
<recent name="D:\phabricator\mockedservices" />
<recent name="D:\phabricator\mockedservices\src" />
<recent name="D:\phabricator\mockedservices\src\main\java\com\release11\klaus\docker" />
<recent name="D:\git\Szakalakamaka\Klaus\src\main\resources\static\js" />
</key>
<key name="CopyFile.RECENT_KEYS">
<recent name="D:\phabricator\mockedservices-master\src" />
@@ -297,7 +297,7 @@
<workItem from="1609858872909" duration="2771000" />
<workItem from="1610359988935" duration="8484000" />
<workItem from="1610621157443" duration="1615000" />
<workItem from="1610971272685" duration="3168000" />
<workItem from="1610971272685" duration="6963000" />
</task>
<task id="LOCAL-00077" summary="testing jenkins docker">
<created>1601453886631</created>

View File

@@ -0,0 +1,67 @@
#container {
width: 950px;
margin-left: auto;
margin-right: auto;
min-height: 1900px;
background: white;
}
#toolName {
width: 850px;
font-weight: 400;
font-size: 64px;
text-align: center;
padding: 50px;
}
#itemData {
min-height: 1736px;
float: left;
width: 750px;
font-size: 24px;
}
#link {
width: 750px;
margin-bottom: 40px;
}
#messageLink {
width: 680px;
padding: 10px;
background: lightgray;
border: 1px solid gray;
}
.fieldDefault {
width: 100px;
}
.fieldText {
width: 500px;
height: 296px;
resize: none;
}
#selectMenu {
min-height: 1736px;
float: left;
width: 200px;
}
.label {
margin-bottom: 0px;
font-size: 12px;
color: lightgray;
}
.menuItem {
width: 174px;
padding: 13px;
font-size: 24px;
text-align: center;
margin-bottom: 5px;
border: 1px solid lightgray;
}

View File

@@ -0,0 +1,48 @@
<!DOCTYPE HTML>
<html>
<head>
<title>R11 MockedServices</title>
<meta charset="utf-8">
<link rel="stylesheet" href="design.css" type="text/css">
</head>
<body>
<div id="container">
<div id="toolName">Mocked Service</div>
<div id="itemData">
<div id="link">
<p class="label">Your link</p>
<div id="messageLink">
https://www.release11.com/tools/mock/1238715-hjdf7/1
</div>
</div>
<div id="msgBody">
<div id="typeSelection">
<p class="label">Content Type</p>
<select id="typeSelector" class="fieldDefault">
<option value="text/xml">text/xml</option>
<option value="application/json">application/json</option>
</select>
</div>
<div id="bodyEdition">
<p class="label">Body:</p>
<textarea type="text" id="bodyEditor" class="fieldText"><Hello>There!</Hello>
</textarea>
</div>
</div>
<div id="headers" style="display:none;"></div>
<div id="history" style="display:none;"></div>
</div>
<div id="selectMenu">
<div class="menuItem">Item</div>
<div class="menuItem">Item</div>
<div class="menuItem">Item</div>
<div class="menuItem">Item</div>
<div class="menuItem">Item</div>
<div class="menuItem">Item</div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>