mirror of
https://github.com/Doodle3D/doodle3d-connect.git
synced 2024-12-26 10:33:48 +01:00
added Print and Control pages to index.html
This commit is contained in:
Rick Companje
parent
e34b121c28
commit
74d109985e
144
www/index.html
144
www/index.html
@ -66,7 +66,8 @@
|
|||||||
<p class="intro"></p>
|
<p class="intro"></p>
|
||||||
<ul data-role="listview">
|
<ul data-role="listview">
|
||||||
<li id="drawItem"><a href="#draw">Draw</a></li>
|
<li id="drawItem"><a href="#draw">Draw</a></li>
|
||||||
<!-- <li id="transformItem"><a href="http://transform.doodle3d.com">Doodle3D Transform</a></li> -->
|
<li id="printItem"><a href="#print">Print</a></li>
|
||||||
|
<li id="controlItem"><a href="#control">Control</a></li>
|
||||||
<li id="settingsItem" data-icon="gear"><a href="#settings">Settings</a></li>
|
<li id="settingsItem" data-icon="gear"><a href="#settings">Settings</a></li>
|
||||||
<li id="updateItem"><a href="#update">Firmware Update<span class="ui-li-count"></span></a></li>
|
<li id="updateItem"><a href="#update">Firmware Update<span class="ui-li-count"></span></a></li>
|
||||||
<li id="joinNetworkItem"><a href="#join_network">Join network </a></li>
|
<li id="joinNetworkItem"><a href="#join_network">Join network </a></li>
|
||||||
@ -270,6 +271,140 @@
|
|||||||
</div><!-- /content -->
|
</div><!-- /content -->
|
||||||
</div><!-- /page -->
|
</div><!-- /page -->
|
||||||
|
|
||||||
|
<!-- <div data-role="page" id="printSettingsGcode">
|
||||||
|
<a href="#print" id="logo"><img src="img/logo_full.png"></a>
|
||||||
|
<div data-role="header">
|
||||||
|
<a href="../toolbar/" data-rel="back"
|
||||||
|
class="ui-btn ui-btn-left ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
|
||||||
|
<h1>GCODE Settings</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div data-role="page" id="printSettingsMaterial">
|
||||||
|
<a href="#print" id="logo"><img src="img/logo_full.png"></a>
|
||||||
|
<div data-role="header">
|
||||||
|
<a href="../toolbar/" data-rel="back"
|
||||||
|
class="ui-btn ui-btn-left ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
|
||||||
|
<h1>Material Settings</h1>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<!-- <div data-role="page" id="printing">
|
||||||
|
<a href="#boxes" id="logo"><img src="img/logo_full.png"></a>
|
||||||
|
<div data-role="header">
|
||||||
|
<a href="../toolbar/" data-rel="back"
|
||||||
|
class="ui-btn ui-btn-left ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
|
||||||
|
<h1>Printing</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>Print started: Today, 15:04</p>
|
||||||
|
<p>File Id: 3123123123123123123123123123</p>
|
||||||
|
<p>File Name: monster.gcode</p>
|
||||||
|
<p>File Size: 40MB</p>
|
||||||
|
<p>Print Progress: 10%</p>
|
||||||
|
<p>Temperature: 200°C</p>
|
||||||
|
|
||||||
|
<button>Stop</button>
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
|
<div data-role="page" id="print">
|
||||||
|
<a href="#boxes" id="logo"><img src="img/logo_full.png"></a>
|
||||||
|
<div data-role="header">
|
||||||
|
<a href="../toolbar/" data-rel="back"
|
||||||
|
class="ui-btn ui-btn-left ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
|
||||||
|
<h1>Print</h1>
|
||||||
|
|
||||||
|
</div><!-- /header -->
|
||||||
|
<div id="divPrint" role="main" class="ui-content">
|
||||||
|
<p class="intro">Let's 3D-print your model by sending it to your printer over WiFi. Please check the settings below and press Print.</p>
|
||||||
|
|
||||||
|
<ul id="lstPrint" data-role="listview" data-inset="true">
|
||||||
|
<li class="boxItem">
|
||||||
|
<a href="#">
|
||||||
|
<img src="img/icons/wifibox.jpg">
|
||||||
|
<h2>...</h2>
|
||||||
|
<p>...</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="printerItem">
|
||||||
|
<a href="#settings">
|
||||||
|
<img src="img/icons/printers/blank.png">
|
||||||
|
<h2>...</h2>
|
||||||
|
<p>...</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="materialItem">
|
||||||
|
<a href="#settings">
|
||||||
|
<img src="img/icons/material/white.jpg">
|
||||||
|
<h2>Material</h2>
|
||||||
|
<p>...</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<!-- <li class="modelItem">
|
||||||
|
<a href="#">
|
||||||
|
<img src="https://doodle3d.cloudant.com/doodle3d-shared-sketches/de7c74a332a831404a43ba2a51ed6453/img" width="80" height="80">
|
||||||
|
<h2>3D Model</h2>
|
||||||
|
<p>44MB (8c57e905-b08a-4681-a0c2-5834eeeb43a0)</p>
|
||||||
|
</a>
|
||||||
|
</li> -->
|
||||||
|
<li class="gcodeItem" >
|
||||||
|
<a href="#printSettingsGcode">
|
||||||
|
<img src="img/icons/gcode.png" width="80" height="80">
|
||||||
|
<h2>GCODE File</h2>
|
||||||
|
<p></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<button id="btnPrint" class="ui-shadow ui-btn ui-corner-all">Print</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div data-role="page" id="control">
|
||||||
|
<a href="#boxes" id="logo"><img src="img/logo_full.png"></a>
|
||||||
|
<div data-role="header">
|
||||||
|
<a href="../toolbar/" data-rel="back"
|
||||||
|
class="ui-btn ui-btn-left ui-nodisc-icon ui-corner-all ui-btn-icon-notext ui-icon-carat-l">Back</a>
|
||||||
|
<h1>Control</h1>
|
||||||
|
</div><!-- /header -->
|
||||||
|
|
||||||
|
<div id="divControl" role="main" class="ui-content">
|
||||||
|
<!-- <p class="intro">...</p> -->
|
||||||
|
|
||||||
|
<div id="infoState">loading...</div>
|
||||||
|
|
||||||
|
<div id="grpStatusAndControl">
|
||||||
|
<ul data-role="listview" data-inset="true">
|
||||||
|
<li id="liPrinterStatus" data-icon="false"><a href="#">Printer status<span id="infoPrinterStatus" class="ui-li-count"></span></a></li>
|
||||||
|
<li data-icon="false"><a href="#">Nozzle temperature<span id="infoNozzleTemperature" class="ui-li-count"></span></a></li>
|
||||||
|
<li id="liPrintingProgress" data-icon="false"><a href="#">Printing progress<span id="infoPrintingProgress" class="ui-li-count">...</span></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div iddata-role="controlgroup" data-type="horizontal">
|
||||||
|
<!-- <input type="button" id="btnHome" data-role="button" data-icon="home" value="Home">
|
||||||
|
<input type="button" id="btnHeatup" data-role="button" data-icon="arrow-u" value="Heatup">
|
||||||
|
<input type="button" id="btnCooldown" data-role="button" data-icon="arrow-d" value="Cooldown"> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="grpCustomGCODE" data-role="collapsible">
|
||||||
|
<h3>Send custom GCODE...</h3>
|
||||||
|
<div data-role="fieldcontain">
|
||||||
|
<label for="startgcode">GCODE:<br>(500 lines max.)<br><br><small><strong>Example:</strong><br><pre style="margin-top:0">G28 ; Home
|
||||||
|
M104 S180 ; Heat-up
|
||||||
|
G1 X100 Y100 ; Move</pre></small></label>
|
||||||
|
<textarea name="gcode" id="gcode" rows="5" style="font-family: courier, monospace">G28</textarea>
|
||||||
|
</div>
|
||||||
|
<button id="btnSend">Send</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button id="btnStop" data-role="button">Stop print</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div data-role="page" id="settings">
|
<div data-role="page" id="settings">
|
||||||
<a href="#boxes" id="logo"><img src="img/logo_full.png"></a>
|
<a href="#boxes" id="logo"><img src="img/logo_full.png"></a>
|
||||||
<div data-role="header">
|
<div data-role="header">
|
||||||
@ -289,10 +424,6 @@
|
|||||||
<h3>Printer settings</h3>
|
<h3>Printer settings</h3>
|
||||||
|
|
||||||
<div data-role="fieldcontain">
|
<div data-role="fieldcontain">
|
||||||
<!-- <label for="name"></label>
|
|
||||||
<label>
|
|
||||||
<input type="checkbox" name="checkbox-0 ">Enable heated bed
|
|
||||||
</label> -->
|
|
||||||
<label for="chkBed">Heated bed:</label>
|
<label for="chkBed">Heated bed:</label>
|
||||||
<input type="checkbox" data-role="flipswitch" name="chkBed" id="chkBed">
|
<input type="checkbox" data-role="flipswitch" name="chkBed" id="chkBed">
|
||||||
</div>
|
</div>
|
||||||
@ -355,9 +486,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user