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="icon" type="image/ico" href="favicon_alt.ico"/>
  <link href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" />

  <meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

  <link href="css/styles.css" rel="stylesheet" media="screen">
  <link href="css/debug.css" rel="stylesheet" media="screen">

</head>
<body>
<div id="landscape" class="clearfix">

  <!-- background images -->
  <div class="bgContainer">
    <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>

  <!-- left panel -->
  <div class="leftpanel shadowright">
    <div class='sidebutton shadowright'></div>
    <img class="btnNew btn" src="img/buttons/btnNew.png" /><br/>
    <div class="btnsPrevNext">
      <img class="btnPrevious btn" src="img/buttons/btnLeft.png">
      <img class="btnNext btn" src="img/buttons/btnRight.png">
    </div>
    <img class="btnSave btn" src="img/buttons/btnSave.png" /><br/>
    <img class="btnOops btn" src="img/buttons/btnOops.png" /><br/>
  </div>

  <!-- right panel -->
  <div class="rightpanel shadowleft">
    <div class='sidebutton shadowleft'></div>
    <img class="btnPrint btn" src="img/buttons/btnPrint.png" /><br/>
    <img class="btnStop btn disabled" src="img/buttons/btnStop.png" /><br/>
    <!-- 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 class="btnsSettingsInfo">
      <img class="btnSettings btn" src="img/buttons/btnSettings.png">
      <img class="btnInfo btn" src="img/buttons/btnInfo.png">
    </div>
  </div>

  <!-- center panel -->
  <div class="centerpanel">
    <div class="logopanel">
      <div class="d3dlogo" onclick="location.reload()"></div>
    </div>
    <div class="drawareacontainer">
      <div id="canvasContainers">
        <div id="mycanvasContainer">
          <canvas id="mycanvas"></canvas>
        </div>
        <div id="previewContainer">
          <canvas id="preview"></canvas>
        </div>
      </div>
      <canvas id="preview_tmp"></canvas>
      <div id="verticalShapes">
        <div><img class="verticalshape straight" src="img/vertical_shape_icons/straight.png" /></div>
        <div><img class="verticalshape diverging" src="img/vertical_shape_icons/diverging.png" /></div>
        <div><img class="verticalshape converging" src="img/vertical_shape_icons/converging.png" /></div>
        <div><img class="verticalshape sinus" src="img/vertical_shape_icons/sinus.png" /></div>
      </div>
    </div>
    <div class="bottompanel">
      <div class="manipulationBtns clearfix">
        <div id="btnsUpDown">
          <img class="manipulationBtn" id="btnMoveUp" src="img/buttons/btnUp.png" />
          <img class="manipulationBtn" id="btnMoveDown" src="img/buttons/btnDown.png" />
        </div>
        <div id="btnsTurnLeftRight">
          <img class="manipulationBtn" id="btnTwistLeft" src="img/buttons/btnTurnLeft.png" />
          <img class="manipulationBtn" id="btnTwistRight"  src="img/buttons/btnTurnRight.png" />
        </div>
      </div>
    </div>
  </div>
  <div id="debug_textArea">
    <textarea rows="5" cols="60" id="textdump"></textarea>
  </div>
  <div id="debug_display">
  </div>
  <div id="contentOverlay">
    <div id="settings">
      <div class="toppanel">
        <div class="settingsLabelContainer">
          <img class="settingsLabelImg" src="img/settings_lable.png" alt="settings" />
        </div>
      </div>
      <div class="bottompanel">
        <div class="settingsContainer"></div>
        <div class="btnContainer">
          <img src="img/buttons/btnOk_settings.png" class="btnOK" alt="settings"/>
        </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/verticalShapes.js"></script>
<script src="js/buttonbehaviors.js"></script>
<script src="js/canvasDrawing.js"></script>
<script src="js/previewRendering.js"></script>
<script src="js/gcodeGenerating.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/sidebar.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" />`
first implementation of different layouting. Doesn't work well yet.. 2013-09-18 10:46:36 +02:00			`<link rel="icon" type="image/ico" href="favicon_alt.ico"/>`
			`<link href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" />`
new html 2013-07-26 23:52:33 +02:00
first implementation of different layouting. Doesn't work well yet.. 2013-09-18 10:46:36 +02:00			`<meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">`
new html 2013-07-26 23:52:33 +02:00
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<link href="css/styles.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">`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00
new html 2013-07-26 23:52:33 +02:00			`</head>`
			`<body>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<div id="landscape" class="clearfix">`

			`<!-- background images -->`
			`<div class="bgContainer">`
			`<img class="bgTop" src="img/bg_top.png" />`
new html 2013-07-26 23:52:33 +02:00			`<img class="bgMiddle" src="img/bg_middle.png" />`
			`<img class="bgBottom" src="img/bg_bottom.png" />`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`</div>`

			`<!-- left panel -->`
			`<div class="leftpanel shadowright">`
			`<div class='sidebutton shadowright'></div>`
			`<img class="btnNew btn" src="img/buttons/btnNew.png" /><br/>`
			`<div class="btnsPrevNext">`
			`<img class="btnPrevious btn" src="img/buttons/btnLeft.png">`
			`<img class="btnNext btn" src="img/buttons/btnRight.png">`
new html 2013-07-26 23:52:33 +02:00			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<img class="btnSave btn" src="img/buttons/btnSave.png" /><br/>`
			`<img class="btnOops btn" src="img/buttons/btnOops.png" /><br/>`
			`</div>`

			`<!-- right panel -->`
			`<div class="rightpanel shadowleft">`
			`<div class='sidebutton shadowleft'></div>`
			`<img class="btnPrint btn" src="img/buttons/btnPrint.png" /><br/>`
			`<img class="btnStop btn disabled" src="img/buttons/btnStop.png" /><br/>`
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>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<div class="btnsSettingsInfo">`
			`<img class="btnSettings btn" src="img/buttons/btnSettings.png">`
			`<img class="btnInfo btn" src="img/buttons/btnInfo.png">`
			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00
			`<!-- center panel -->`
			`<div class="centerpanel">`
			`<div class="logopanel">`
			`<div class="d3dlogo" onclick="location.reload()"></div>`
intermediary progress 2013-09-18 16:02:51 +02:00			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<div class="drawareacontainer">`
			`<div id="canvasContainers">`
			`<div id="mycanvasContainer">`
			`<canvas id="mycanvas"></canvas>`
			`</div>`
			`<div id="previewContainer">`
			`<canvas id="preview"></canvas>`
			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<canvas id="preview_tmp"></canvas>`
massive commit due to merging branch 'new_layouting_approach' into feature/printerdriver ---------------------------------------------------------------------- Merge branch 'new_layouting_approach' into feature/printerdriver * new_layouting_approach: (22 commits) changed chmod adjustments to make preview be initialized and updated better (when resizing) updates css styles changes to how the draw and preview canvasses are positioned and initted many updates CSS and LESS files and generally a responsive scaling overhaul of the settings page new LESS simple js lib for managing the folded in/out state of the sidebars on the minimal interface arrow file used in the minimal doodle3d interface the resulting css files which LESS outputs removed this because it's being rolled into the styles.css by LESS moved logos to their own dir + removed a few redundant ones copy normalize.css to the LESS dir since it's a source file smallest size of the doodle3d logo started using LESS for stylesheeting commit of current state of this branch. It's a work-in-progress (comitting because I need to change to other branch) a lot of changes -> almost there but the drawing is not consistent yet across devices. Drawing on the draw canvas is going OK but the preview is not drawing well now. Giving up for now. changes (sry) intermediary progress commented out part of the css (not final solution) added todo for future ... 2013-10-11 15:02:26 +02:00			`<div id="verticalShapes">`
vertical shapes sidebar now auto-resizes as well 2013-10-12 12:13:33 +02:00			`<div><img class="verticalshape straight" src="img/vertical_shape_icons/straight.png" /></div>`
			`<div><img class="verticalshape diverging" src="img/vertical_shape_icons/diverging.png" /></div>`
			`<div><img class="verticalshape converging" src="img/vertical_shape_icons/converging.png" /></div>`
			`<div><img class="verticalshape sinus" src="img/vertical_shape_icons/sinus.png" /></div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<div class="bottompanel">`
			`<div class="manipulationBtns clearfix">`
			`<div id="btnsUpDown">`
			`<img class="manipulationBtn" id="btnMoveUp" src="img/buttons/btnUp.png" />`
			`<img class="manipulationBtn" id="btnMoveDown" src="img/buttons/btnDown.png" />`
			`</div>`
			`<div id="btnsTurnLeftRight">`
			`<img class="manipulationBtn" id="btnTwistLeft" src="img/buttons/btnTurnLeft.png" />`
			`<img class="manipulationBtn" id="btnTwistRight" src="img/buttons/btnTurnRight.png" />`
			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
vertical shapes implemented 2013-09-18 22:35:38 +02:00			`</div>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
Simpler settings window layout 2013-08-08 00:22:23 +02:00			`<div id="debug_textArea">`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<textarea rows="5" cols="60" id="textdump"></textarea>`
new html 2013-07-26 23:52:33 +02:00			`</div>`
Handling new print3d driver (using new api, printer states) 2013-10-11 12:39:05 +02:00			`<div id="debug_display">`
			`</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">`
fixed Firefox layouting issue of settings popup 2013-10-11 23:33:19 +02:00			`<div class="toppanel">`
			`<div class="settingsLabelContainer">`
			`<img class="settingsLabelImg" src="img/settings_lable.png" alt="settings" />`
			`</div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`</div>`
fixed Firefox layouting issue of settings popup 2013-10-11 23:33:19 +02:00			`<div class="bottompanel">`
			`<div class="settingsContainer"></div>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<div class="btnContainer">`
			`<img src="img/buttons/btnOk_settings.png" class="btnOK" alt="settings"/>`
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>`
vertical shapes implemented 2013-09-18 22:35:38 +02:00			`<script src="js/verticalShapes.js"></script>`
new html 2013-07-26 23:52:33 +02:00			`<script src="js/buttonbehaviors.js"></script>`
minor updates. 2013-10-11 15:08:50 +02:00			`<script src="js/canvasDrawing.js"></script>`
			`<script src="js/previewRendering.js"></script>`
			`<script src="js/gcodeGenerating.js"></script>`
new html 2013-07-26 23:52:33 +02:00			`<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>`
changes to how the draw and preview canvasses are positioned and initted 2013-10-11 11:42:27 +02:00			`<script src="js/sidebar.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>`