doodle3d-client/index.html

<!DOCTYPE html>
<html>
<head>
  <title>Doodle3D</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <link rel="apple-touch-icon-precomposed" href="img/icon.png"/>
  <link rel="icon" type="image/ico" href="favicon.ico"/>
  <meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=yes">

  <link href="css/normalize.css" rel="stylesheet" media="screen">
  <link href="css/fixedPosInterface.css" rel="stylesheet" media="screen">
  <link href="css/d3d_btns.css" rel="stylesheet" media="screen">
  <link href="css/settingsPopup.css" rel="stylesheet" media="screen">
  <link href="css/debug.css" rel="stylesheet" media="screen">
  
</head>
<body>
<div class="debugContainer">
  <div class="debugBtn"></div>
  <div class="agentInfo"></div>
</div>
<div id="landscape">
  <div class="container">
    <img class="bgTop" src="img/bg_top.png" />
    <img class="bgMiddle" src="img/bg_middle.png" />
    <img class="bgBottom" src="img/bg_bottom.png" />
    <div class="buttons">
      <div id="d3dlogo" onclick="location.reload()"></div>
      <div class="btn" id="btnNew"></div>
      <img class="btn" id="btnPrevious" src="img/buttons/btnLeft.png">
      <img class="btn" id="btnNext" src="img/buttons/btnRight.png">
      <img class="btn" id="btnSave" src="img/buttons/btnSave.png">
      <div class="btn" id="btnOops"></div>
      <img class="btn" id="btnPrint" src="img/buttons/btnPrint.png">
      <img class="btn disabled" id="btnStop" src="img/buttons/btnStop.png">
      <img class="btn" id="btnInfo" src="img/buttons/btnInfo.png">
      <img class="btn" id="btnSettings" src="img/buttons/btnSettings.png">
    </div>
    <!-- not now
    <div id="printProgressContainer">
      <label for="progressbarContainer">Progress:</label><span class="progressAmount">0%</span>
      <div id="progressbarContainer">
        <div id="progressbar"></div>
      </div>
    </div>
    -->
    <div id="thermometerContainer">
      <canvas id="thermometerCanvas" width="100" height="125"></canvas>
    </div>
  </div>
  <div id="drawAreaContainer">
    <canvas id="mycanvas"></canvas>
    <!--<svg id="svg">-->
      <!--<path id="path" d="M200 100 L450 100 L450 350 L200 350 L200 100" fill="none" stroke="black" stroke-width="3"/>-->
    <!--</svg>-->
    <canvas id="preview"></canvas>
    <canvas id="preview_tmp"></canvas>
    <div class="manipulationBtns cf">
      <div id="btnsUpDown">
        <div class="manipulationBtn" id="btnMoveUp"></div>
        <div class="manipulationBtn" id="btnMoveDown"></div>
      </div>
      <div id="btnsTurnLeftRight">
        <div class="manipulationBtn" id="btnTwistLeft"></div>
        <div class="manipulationBtn" id="btnTwistRight"></div>
      </div>
    </div>
  </div>
  <div id="debug_textArea">
    <textarea rows="5" cols="115" id="textdump"></textarea>
  </div>
  <div id="contentOverlay">
    <div id="settings">
      <header>
        <img src="img/settings_lable.png" alt="settings"/>
      </header>
      <div class="content">
        <div class="settings">henk</div>
        <div class="manipulationBtns">
          <div class="btnOK"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="portrait">
  <img class="vertImage" src="img/bg_vertical2.png"/>
</div>
<script src="js/libs/jquery-1.8.3.min.js"></script>
<script src="js/SettingsWindow.js"></script>
<script src="js/d3dServerInterfacing.js"></script>
<script src="js/buttonbehaviors.js"></script>
<script src="js/canvasDrawing_v01.js"></script>
<script src="js/previewRendering_v02.js"></script>
<script src="js/gcodeGenerating_v01.js"></script>
<script src="js/init_layout.js"></script>
<script src="js/Printer.js"></script>
<script src="js/Thermometer.js"></script>
<script src="js/utils.js"></script>
<script src="js/main.js"></script>

</body>
</html>
new html 2013-07-26 23:52:33 +02:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<title>Doodle3D</title>`
new html 2013-07-26 23:52:33 +02:00
			`<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />`
			`<meta name="apple-mobile-web-app-capable" content="yes" />`
			`<meta name="apple-mobile-web-app-status-bar-style" content="black" />`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<link rel="apple-touch-icon-precomposed" href="img/icon.png"/>`
doodle3d favicon 2013-08-21 18:09:15 +02:00			`<link rel="icon" type="image/ico" href="favicon.ico"/>`
new html 2013-07-26 23:52:33 +02:00			`<meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=yes">`

			`<link href="css/normalize.css" rel="stylesheet" media="screen">`
			`<link href="css/fixedPosInterface.css" rel="stylesheet" media="screen">`
			`<link href="css/d3d_btns.css" rel="stylesheet" media="screen">`
adjusted css and htmls 2013-07-28 02:46:32 +02:00			`<link href="css/settingsPopup.css" rel="stylesheet" media="screen">`
Checking printing progress and disabling/enabling print and stop buttons Cleaning up a bit of the mess 2013-08-09 22:25:14 +02:00			`<link href="css/debug.css" rel="stylesheet" media="screen">`

new html 2013-07-26 23:52:33 +02:00			`</head>`
			`<body>`
			`<div class="debugContainer">`
			`<div class="debugBtn"></div>`
			`<div class="agentInfo"></div>`
			`</div>`
			`<div id="landscape">`
			`<div class="container">`
			`<img class="bgTop" src="img/bg_top.png" />`
			`<img class="bgMiddle" src="img/bg_middle.png" />`
			`<img class="bgBottom" src="img/bg_bottom.png" />`
			`<div class="buttons">`
Thermometer class plus the changes necessary to implement it 2013-09-17 13:08:52 +02:00			`<div id="d3dlogo" onclick="location.reload()"></div>`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<div class="btn" id="btnNew"></div>`
new html 2013-07-26 23:52:33 +02:00			`<img class="btn" id="btnPrevious" src="img/buttons/btnLeft.png">`
			`<img class="btn" id="btnNext" src="img/buttons/btnRight.png">`
			`<img class="btn" id="btnSave" src="img/buttons/btnSave.png">`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<div class="btn" id="btnOops"></div>`
new html 2013-07-26 23:52:33 +02:00			`<img class="btn" id="btnPrint" src="img/buttons/btnPrint.png">`
Checking printing progress and disabling/enabling print and stop buttons Cleaning up a bit of the mess 2013-08-09 22:25:14 +02:00			`<img class="btn disabled" id="btnStop" src="img/buttons/btnStop.png">`
new html 2013-07-26 23:52:33 +02:00			`<img class="btn" id="btnInfo" src="img/buttons/btnInfo.png">`
			`<img class="btn" id="btnSettings" src="img/buttons/btnSettings.png">`
			`</div>`
Thermometer class plus the changes necessary to implement it 2013-09-17 13:08:52 +02:00			`<!-- not now`
			`<div id="printProgressContainer">`
			`<label for="progressbarContainer">Progress:</label><span class="progressAmount">0%</span>`
			`<div id="progressbarContainer">`
			`<div id="progressbar"></div>`
			`</div>`
			`</div>`
			`-->`
			`<div id="thermometerContainer">`
			`<canvas id="thermometerCanvas" width="100" height="125"></canvas>`
			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<div id="drawAreaContainer">`
			`<canvas id="mycanvas"></canvas>`
new html 2013-07-26 23:52:33 +02:00			`<!--<svg id="svg">-->`
			`<!--<path id="path" d="M200 100 L450 100 L450 350 L200 350 L200 100" fill="none" stroke="black" stroke-width="3"/>-->`
			`<!--</svg>-->`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<canvas id="preview"></canvas>`
Updated preview rendering. onMouseUp / onTouchEnd the preview is now cached to an Image() object (image/png) (via a proxy Canvas element (id='preview_tmp') and used to draw the preview. This allows for much faster move up/down and twist left/right behavior. 2013-08-21 17:37:20 +02:00			`<canvas id="preview_tmp"></canvas>`
minor class-name change 2013-08-30 09:51:44 +02:00			`<div class="manipulationBtns cf">`
new html 2013-07-26 23:52:33 +02:00			`<div id="btnsUpDown">`
minor class-name change 2013-08-30 09:51:44 +02:00			`<div class="manipulationBtn" id="btnMoveUp"></div>`
			`<div class="manipulationBtn" id="btnMoveDown"></div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
			`<div id="btnsTurnLeftRight">`
minor class-name change 2013-08-30 09:51:44 +02:00			`<div class="manipulationBtn" id="btnTwistLeft"></div>`
			`<div class="manipulationBtn" id="btnTwistRight"></div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
			`</div>`
			`</div>`
Simpler settings window layout 2013-08-08 00:22:23 +02:00			`<div id="debug_textArea">`
new html 2013-07-26 23:52:33 +02:00			`<textarea rows="5" cols="115" id="textdump"></textarea>`
			`</div>`
adjusted css and htmls 2013-07-28 02:46:32 +02:00			`<div id="contentOverlay">`
Simpler settings window layout 2013-08-08 00:22:23 +02:00			`<div id="settings">`
			`<header>`
			`<img src="img/settings_lable.png" alt="settings"/>`
			`</header>`
			`<div class="content">`
			`<div class="settings">henk</div>`
minor class-name change 2013-08-30 09:51:44 +02:00			`<div class="manipulationBtns">`
Simpler settings window layout 2013-08-08 00:22:23 +02:00			`<div class="btnOK"></div>`
adjusted css and htmls 2013-07-28 02:46:32 +02:00			`</div>`
			`</div>`
			`</div>`
			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
			`<div id="portrait">`
lower text wasn't always showing (put it higher) and the text was iPad specific. It's generic now. 2013-07-27 18:19:50 +02:00			`<img class="vertImage" src="img/bg_vertical2.png"/>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
			`<script src="js/libs/jquery-1.8.3.min.js"></script>`
Settings refactoring 2013-08-27 15:34:28 +02:00			`<script src="js/SettingsWindow.js"></script>`
new html 2013-07-26 23:52:33 +02:00			`<script src="js/d3dServerInterfacing.js"></script>`
			`<script src="js/buttonbehaviors.js"></script>`
			`<script src="js/canvasDrawing_v01.js"></script>`
Updated preview rendering. onMouseUp / onTouchEnd the preview is now cached to an Image() object (image/png) (via a proxy Canvas element (id='preview_tmp') and used to draw the preview. This allows for much faster move up/down and twist left/right behavior. 2013-08-21 17:37:20 +02:00			`<script src="js/previewRendering_v02.js"></script>`
new html 2013-07-26 23:52:33 +02:00			`<script src="js/gcodeGenerating_v01.js"></script>`
			`<script src="js/init_layout.js"></script>`
Basic feedback and more control Display temperature Only show temperature when connected with printer Move index.html javascript to main.js stop button (Still having issues in firmware) OOP style printer control Added a proxy.php file to forward cross domain posts and get's. (should not be necessary) 2013-08-07 20:47:47 +02:00			`<script src="js/Printer.js"></script>`
Thermometer class plus the changes necessary to implement it 2013-09-17 13:08:52 +02:00			`<script src="js/Thermometer.js"></script>`
Added a div 'preview_tmp' as a precursor to a more efficient way of showing the doodle preview 2013-08-16 22:26:00 +02:00			`<script src="js/utils.js"></script>`
Basic feedback and more control Display temperature Only show temperature when connected with printer Move index.html javascript to main.js stop button (Still having issues in firmware) OOP style printer control Added a proxy.php file to forward cross domain posts and get's. (should not be necessary) 2013-08-07 20:47:47 +02:00			`<script src="js/main.js"></script>`
Checking printing progress and disabling/enabling print and stop buttons Cleaning up a bit of the mess 2013-08-09 22:25:14 +02:00
new html 2013-07-26 23:52:33 +02:00			`</body>`
			`</html>`