vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-11-24 10:07:57 +01:00
Code Issues Releases Wiki Activity

Simpler settings window layout

Browse Source
This commit is contained in:
peteruithoven 2013-08-08 00:22:23 +02:00
parent 6df5e255c2
commit de8af029c5
4 changed files with 58 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
css/settingsPopup.css
View File

@ -1,48 +1,43 @@
#contentOverlay { #contentOverlay {
background-color: rgba(255, 255, 255, 0.65); background-color: rgba(255, 255, 255, 0.65);
top: 0px;
left: 0px;
width: 1024px;
height: 100%;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
display:table; top: 0px;
} left: 0px;
.contentOverlayHidden { width: 100%;
height: 100%;
display:none; display:none;
} }
#settingsContainer {
display: table-cell;
/*text-align: center;*/
vertical-align: middle;
}
#settings { #settings {
position: relative; background-color: #fff;
background-color: #fff; z-index: 15;
border: 2px solid #222;
border-radius: 15px; position: absolute;
-moz-border-radius: 15px; top: 50%;
-webkit-border-radius: 15px; left: 50%;
z-index: 15; width: 835px;
margin: 0 auto; height: 500px;
padding: 25px; margin: -250px 0 0 -417.5px;
width: 850px; /*padding: 25px;*/
height: 450px;
/*overflow: scroll;*/ /*overflow: scroll;*/
/*overflow-y: hidden;*/ /*overflow-y: hidden;*/
-moz-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); -moz-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
-webkit-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); -webkit-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
border: 2px solid #222;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
overflow: hidden; overflow: hidden;
} }
#settings header { #settings header {
margin: 25px 25px 0 25px;
height: 44px; height: 44px;
} }
div.content { div.content {
margin: 15px 0px; margin: 15px 25px 25px 25px;
height: 388px; height: 388px;
display: table; display: table;
} }
@ -53,7 +48,7 @@ div.content > div {
div.content > div.settings { div.content > div.settings {
border: 1px solid #333; border: 1px solid #333;
width: 725px; width: 660px;
overflow: scroll; overflow: scroll;
max-height: 368px; max-height: 368px;
overflow-x: hidden; overflow-x: hidden;
@ -63,11 +58,12 @@ div.content > div.buttons {
display: table-cell; display: table-cell;
vertical-align: bottom; vertical-align: bottom;
width: 125px; width: 125px;
} }
div.content .btnOK { div.content .btnOK {
width: 85px; width: 85px;
height: 86px; height: 86px;
background: url('../img/buttons/btnOk_settings.png') no-repeat; background: url('../img/buttons/btnOk_settings.png') no-repeat;
margin: 10px auto; margin: 0 0 0 10px;
} }

25
index.html
View File

@ -26,7 +26,9 @@
} }
#debug_textArea { #debug_textArea {
display:none; position:absolute;
bottom: 0;
width: 800px;
} }
.debugBtn { .debugBtn {
@ -93,22 +95,19 @@
</div> </div>
</div> </div>
</div> </div>
<div id="debug_textArea" style="position:absolute; bottom: -600px; width: 800px; height: 600px;"> <div id="debug_textArea">
<textarea rows="5" cols="115" id="textdump"></textarea> <textarea rows="5" cols="115" id="textdump"></textarea>
</div> </div>
<div id="contentOverlay"> <div id="contentOverlay">
<div id="settingsContainer"> <div id="settings">
<div id="settings"> <header>
<header> <img src="img/settings_lable.png" alt="settings"/>
<img src="img/settings_lable.png" alt="settings"/> </header>
</header> <div class="content">
<div class="content"> <div class="settings">henk</div>
<div class="settings">henk</div> <div class="buttons">
<div class="buttons"> <div class="btnOK"></div>
<div class="btnOK"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

2
js/main.js
View File

@ -5,7 +5,7 @@ $("#btnSave").css("opacity", "0.3");
$("#btnInfo").css("opacity", "0.3"); $("#btnInfo").css("opacity", "0.3");
//$("#btnSettings").css("opacity", "0.3"); //$("#btnSettings").css("opacity", "0.3");
// var debug = true; var debug = true;
var printer = new Printer(); var printer = new Printer();
var updateTemperatureInterval; var updateTemperatureInterval;

42
js/settings.js
View File

@ -2,27 +2,27 @@ var wifiboxURL;//"http://192.168.5.1/cgi-bin/d3dapi";
//these settings are defined in the firmware (conf_defaults.lua) and will be initialized in loadSettings() //these settings are defined in the firmware (conf_defaults.lua) and will be initialized in loadSettings()
var settings = { var settings = {
// "network.ap.ssid": "d3d-ap-%%MAC_ADDR_TAIL%%", "network.ap.ssid": "d3d-ap-%%MAC_ADDR_TAIL%%",
// "network.ap.address": "192.168.10.1", "network.ap.address": "192.168.10.1",
// "network.ap.netmask": "255.255.255.0", "network.ap.netmask": "255.255.255.0",
// "printer.temperature": 215, "printer.temperature": 215,
// "printer.objectHeight": '???', "printer.objectHeight": '???',
// "printer.layerHeight": 0.2, "printer.layerHeight": 0.2,
// "printer.wallThickness": 0.6, "printer.wallThickness": 0.6,
// "printer.speed": 50, "printer.speed": 50,
// "printer.travelSpeed": 200, "printer.travelSpeed": 200,
// "printer.filamentThickness": 2.89, "printer.filamentThickness": 2.89,
// "printer.useSubLayers": true, "printer.useSubLayers": true,
// "printer.firstLayerSlow": true, "printer.firstLayerSlow": true,
// "printer.autoWarmUp": true, "printer.autoWarmUp": true,
// "printer.simplify.iterations": 10, "printer.simplify.iterations": 10,
// "printer.simplify.minNumPoints": 15, "printer.simplify.minNumPoints": 15,
// "printer.simplify.minDistance": 3, "printer.simplify.minDistance": 3,
// "printer.retraction.enabled": true, "printer.retraction.enabled": true,
// "printer.retraction.speed": 250, "printer.retraction.speed": 250,
// "printer.retraction.minDistance": 1, "printer.retraction.minDistance": 1,
// "printer.retraction.amount": 2, "printer.retraction.amount": 2,
// "printer.autoWarmUpCommand": "M104 S230 (hardcoded temperature)" "printer.autoWarmUpCommand": "M104 S230 (hardcoded temperature)"
} }
var settingsForm = $("#settingsForm"); var settingsForm = $("#settingsForm");