mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-10 02:13:58 +01:00
127 lines
No EOL
7.1 KiB
HTML
127 lines
No EOL
7.1 KiB
HTML
<!doctype html>
|
|
<meta charset=utf-8>
|
|
<html>
|
|
<head>
|
|
<title>sketcher.js</title>
|
|
<link rel="shortcut icon" href="img/tgn.png" />
|
|
<link rel="stylesheet" href="css/app.css">
|
|
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
|
|
|
|
<script src="lib/jquery-2.1.0.min.js"></script>
|
|
<script src="lib/numeric-1.2.6.js"></script>
|
|
<script src="lib/diff_match_patch.js"></script>
|
|
<!--$$$javascript_start$$$-->
|
|
<script src="app/sketcher/canvas.js"></script>
|
|
<script src="app/sketcher/io.js"></script>
|
|
<script src="app/sketcher/history.js"></script>
|
|
<script src="app/sketcher/shapes/arc.js"></script>
|
|
<script src="app/sketcher/shapes/circle.js"></script>
|
|
<script src="app/sketcher/shapes/segment.js"></script>
|
|
<script src="app/sketcher/shapes/dim.js"></script>
|
|
<script src="app/sketcher/helpers.js"></script>
|
|
|
|
<script src="app/math/vector.js"></script>
|
|
<script src="app/math/math.js"></script>
|
|
<script src="app/math/qr.js"></script>
|
|
<script src="app/math/matrix.js"></script>
|
|
<script src="app/math/optim.js"></script>
|
|
|
|
<script src="app/math/lm.js"></script>
|
|
<script src="app/sketcher/constr/constraints.js"></script>
|
|
<script src="app/sketcher/constr/solver.js"></script>
|
|
|
|
<script src="app/sketcher/parametric.js"></script>
|
|
<script src="app/sketcher/fetchers.js"></script>
|
|
<script src="app/engine.js"></script>
|
|
<script src="app/sketcher/main2d.js"></script>
|
|
<script src="app/ui.js"></script>
|
|
<script src="app/math/graph.js"></script>
|
|
<script src="app/app-init.js"></script>
|
|
<!--$$$javascript_end$$$-->
|
|
</head>
|
|
<body>
|
|
<a id="downloader" style="display: none;" ></a>
|
|
<div class="panel b-bot" style="width: 100%; height: 35px; text-align:right;">
|
|
<span class="logo" style="float:left">sketcher.js <span style="font-size: 10px">(alpha)</span></span>
|
|
|
|
<button class="btn tbtn act-undo" ><i class="fa fa-arrow-left"></i></button><!--
|
|
--><button class="btn tbtn act-redo sep" ><i class="fa fa-arrow-right"></i></button><!--
|
|
-- <button class="btn tbtn act-checkpoint sep" ><i class="fa fa-check-circle"></i></button><!--
|
|
--><button class="btn tbtn act-new" ><i class="fa fa-file-o"></i></button><!--
|
|
--><button class="btn tbtn act-clone" ><i class="fa fa-files-o"></i></button><!--
|
|
--><button class="btn tbtn act-open" ><i class="fa fa-folder-open-o"></i></button><!--
|
|
--><button class="btn tbtn act-save" ><i class="fa fa-floppy-o"></i></button><!--
|
|
--><button class="btn tbtn act-export sep" ><i class="fa fa-upload"></i></button><!--
|
|
--><button class="btn tbtn sep act-pan" ><i class="fa fa-arrows"></i></button><!--
|
|
--><button class="btn tbtn act-addPoint" style="background-image: url(img/dot.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addSegment" style="background-image: url(img/line.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addMultiSegment" style="background-image: url(img/mline.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addCircle" style="background-image: url(img/circle.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addArc sep" style="background-image: url(img/arc.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addFillet sep" type="submit" value="">F</button><!--
|
|
--><button class="btn tbtn act-addHDim" style="background-image: url(img/hdim.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addVDim" style="background-image: url(img/vdim.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn act-addDim" style="background-image: url(img/dim.png);" type="submit" value=""></button><!--
|
|
--><button class="btn tbtn" style="background-image: url(img/ddim.png);" type="submit" value=""></button><!--
|
|
-->
|
|
</div>
|
|
<div style="width: 100%; height: calc(100% - 59px);">
|
|
|
|
<div class="panel b-right scroll" style="float: left; width: 245px; height: 100%;">
|
|
<div class="tool-caption">CONSTRAINTS</div>
|
|
<ul class="tlist" id='constrs'>
|
|
<li>$name$<span class="rm" style="float: right;"><input class="btn sbtn ui-rm" style="" type="submit" value="✘"></span></li>
|
|
</ul>
|
|
</div>
|
|
<div style="background: black; float: left; width: calc(100% - 298px); height: 100%;">
|
|
<canvas width="300" height="300" id="viewer"></canvas>
|
|
</div>
|
|
<div id="right-toolbar" class="panel b-left scroll" style="width: 50px; float: right; height: 100%; ">
|
|
<div style="width:50%; height: 2px"></div>
|
|
<button class="btn rbtn act-coincident" style="background-image: url(img/coi.png);"></button>
|
|
<button class="btn rbtn act-verticalConstraint" style="background-image: url(img/vert.png);"></button>
|
|
<button class="btn rbtn act-horizontalConstraint" style="background-image: url(img/hor.png);"></button>
|
|
<button class="btn rbtn act-parallelConstraint" style="background-image: url(img/par.png);"></button>
|
|
<button class="btn rbtn act-perpendicularConstraint" style="background-image: url(img/per.png);"></button>
|
|
<button class="btn rbtn act-P2LDistanceConstraint" style="background-image: url(img/p2l.png);"></button>
|
|
<button class="btn rbtn act-P2PDistanceConstraint" style="background-image: url(img/p2p.png);"></button>
|
|
<button class="btn rbtn act-REqualsRConstraint" style="background-image: url(img/eq.png);"></button>
|
|
<button class="btn rbtn act-tangentConstraint" style="background-image: url(img/tgn.png);"></button>
|
|
<button class="btn rbtn act-RadiusConstraint" style="background-image: url(img/rad.png);"></button>
|
|
<button class="btn rbtn act-lockConstraint" ><i class="fa fa-lock"></i></button>
|
|
<button class="btn rbtn act-pointOnLine" >PL</button>
|
|
</div>
|
|
</div>
|
|
<div id="status" class="panel b-top" style="width: 100%; height:22px;">
|
|
<input id='showActions' class="btn sbtn" style="" type="submit" value="⌘">
|
|
</div>
|
|
|
|
<div id="actions" class="scroll win" style="display: none;">
|
|
<div class="tool-caption" >ACTIONS<div class="rm pseudo-btn" style="float: right;">✘</div></div>
|
|
<div class="content">
|
|
<div><input class="btn txt-btn" style="width: 100%;" type="submit" value="$value$"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="sketchManager" class="scroll win" style="display: none; min-width: 100px;">
|
|
<div class="tool-caption" >SKETCHES<div class="rm pseudo-btn" style="float: right;">✘</div></div>
|
|
<div class="content panel" style="padding: 0;">
|
|
<ul class="tlist" id='sketchList'>
|
|
<li>$name$<span class="rm" style="float: right;"><input class="btn sbtn ui-rm" style="" type="submit" value="✘"></span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="exportManager" class="scroll win" style="display: none; min-width: 100px;">
|
|
<div class="tool-caption" >FORMAT<div class="rm pseudo-btn" style="float: right;">✘</div></div>
|
|
<div class="content panel" style="padding: 0;">
|
|
<ul class="tlist">
|
|
<li class="act-exportSVG">SVG</li>
|
|
<li class="act-exportDXF">DXF</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div id="log" style="position:absolute; width: 500px; height: 300px; top:500px; pxleft:0; overflow: scroll;background-color: salmon;">-->
|
|
</body>
|
|
</html> |