grid-apps-cmms/web/kiri/index.html

540 lines
31 KiB
HTML
Raw Normal View History

2017-04-18 17:09:33 -04:00
<!DOCTYPE html>
<html lang="en">
<head>
2017-04-18 17:09:33 -04:00
<meta charset="UTF-8">
2020-06-05 23:21:53 -04:00
<meta name="author" content="Stewart Allen">
2023-02-19 08:03:54 -05:00
<meta name="keywords" content="3d slicer,chromebook,slicer,3d slicing,cnc,cam,toolpaths,toolpath generation,kiri,kirimoto,kiri:moto,gcode,cura,simplify 3d,prusaslicer,fdm,sla">
2019-01-20 21:20:35 -05:00
<meta name="copyright" content="stewart allen [sa@grid.space]">
2020-12-06 18:10:44 -05:00
<meta name="description" content="Browser-based 3D slicer, gcode and CNC toolpath generator">
<meta property="og:description" content="Kiri:Moto is a unique 3D slicer that runs entirely in browser and creates output for your favorite maker tools: 3D Printers, CNC Mills and Laser Cutters.">
<meta property="og:title" content="Browser-based 3D Slicer">
2017-04-18 17:09:33 -04:00
<meta property="og:type" content="website">
2020-04-21 18:20:39 -04:00
<meta property="og:url" content="https://grid.space/kiri/">
2020-04-20 21:04:52 -04:00
<meta property="og:image" content="https://static.grid.space/img/logo_km_og.png">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
2022-10-17 22:24:19 -04:00
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta http-equiv="origin-trial" content="AqowoIyLrJdKrT7wgV7OtFshD8JyLU2i6Y9FN+2z4ftYXDUUTAlEkJmaRAZKZP0Lmy+GoJRoWxL3Mo6FkUOLOQAAAAB0eyJvcmlnaW4iOiJodHRwczovL2dyaWQuc3BhY2U6NDQzIiwiZmVhdHVyZSI6IlVucmVzdHJpY3RlZFNoYXJlZEFycmF5QnVmZmVyIiwiZXhwaXJ5IjoxNzE5MzU5OTk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0=">
2022-10-17 22:24:19 -04:00
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
2017-04-18 17:09:33 -04:00
<title>Kiri:Moto</title>
<link rel="icon" href="/kiri/favicon.ico">
<link rel="apple-touch-icon" href="/kiri/favicon-mobile.png">
<link rel="stylesheet" type="text/css" href="/kiri/index.css?{{version}}">
2021-12-16 19:11:52 -05:00
<link href="/font/css/all.min.css" rel="stylesheet">
2022-09-01 00:50:55 -04:00
<link href="/kiri/manifest.json" rel="manifest">
<script src="/code/cache.js?{{version}}" defer></script>
2022-08-31 16:35:25 -04:00
<script src="/font/js/all.min.js" crossorigin="anonymous" defer></script>
<script src="/code/kiri.js?{{version}}"></script>
2017-04-18 17:09:33 -04:00
</head>
<body>
<div id="app" class="f-col">
2023-02-19 08:03:54 -05:00
<div id="curtain" class="j-center a-center"><img id="gsbox">loading...</div>
2017-04-18 17:09:33 -04:00
<div id="container"></div>
2020-06-07 23:02:05 -04:00
<div id="tracker"></div>
2020-06-08 12:01:56 -04:00
<div id="top-sep"></div>
<div id="top" class="f-row">
2020-06-08 11:54:57 -04:00
<div id="app-mode">
<div id="mode-info" class="f-row">
<label>Mode</label><div id="app-mode-name"></div>
<label>Device</label><div id="mode-device"></div>
<label>Profile</label><div id="mode-profile"></div>
2020-06-08 11:54:57 -04:00
</div>
</div>
2020-06-05 23:21:53 -04:00
<div class="grow"></div>
<div id="app-name" class="f-col a-center">
2020-06-08 11:54:57 -04:00
<div>Kiri:Moto</div>
<div id="app-info">version</div>
</div>
<div id="doit" class="f-row a-center">
<button id="undo"><i class="fas fa-undo-alt"></i></button>
<button id="redo"><i class="fas fa-redo-alt"></i></button>
</div>
2020-06-05 23:21:53 -04:00
<div class="grow"></div>
2022-10-17 22:53:24 -04:00
<div id="app-xpnd" lkt="fullscreen">
2022-10-17 22:24:19 -04:00
<i class="fa-solid fa-maximize"></i>
</div>
<div id="app-acct">
<i class="fas fa-user-cog"></i>
<div id="acct-pop" class="f-col">
2020-11-13 21:36:59 -05:00
<div id="acct-menu" class="f-col">
<div id="acct-lang">
2021-03-25 13:15:14 -04:00
<label><i class="fas fa-caret-left"></i><span class="grow">&nbsp;</span><span lk="language">language</span></label>
<div id="lang-pop" class="f-col">
2021-03-29 15:09:59 -04:00
<div id="lset-zh">简体中文</div>
2021-03-25 11:06:26 -04:00
<div id="lset-da">dansk</div>
2021-05-03 13:09:08 -04:00
<div id="lset-de">deutsch</div>
<div id="lset-en">english</div>
2021-03-25 13:15:14 -04:00
<div id="lset-es">español</div>
2021-03-25 11:06:26 -04:00
<div id="lset-fr">français</div>
<div id="lset-pl">polskie</div>
2021-03-27 18:57:37 -04:00
<div id="lset-pt">português</div>
</div>
</div>
<div id="acct-export" class="f-col a-end">
<label lk="export">export</label>
2020-06-13 18:13:47 -04:00
</div>
<div id="acct-help" class="f-col a-end">
<label lk="help">help</label>
2020-06-08 14:21:10 -04:00
</div>
</div>
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
2020-06-05 23:21:53 -04:00
<div id="mid-sep"></div>
<div id="mid" class="grow f-row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="mid-lcol" class="f-col j-center noshow">
2020-06-14 18:42:15 -04:00
<div id="lt-back" class="lt-menu lt-enabled">
2020-06-08 14:21:10 -04:00
<i class="fas fa-arrow-circle-left"></i>
</div>
<div id="lt-options" class="lt-menu lt-enabled">
<div id="lt-trash"><i class="fas fa-trash"></i></div>
<div id="lt-w-enable"><i class="fas fa-check-circle"></i></div>
<div id="lt-w-disable"><i class="fas fa-times-circle"></i></div>
2020-11-25 09:35:28 -05:00
</div>
2021-10-07 22:59:05 -04:00
<div id="lt-top">
2021-10-08 00:22:56 -04:00
<div id="float-tools" class="f-col movable">
2021-10-08 11:07:38 -04:00
<div id="float-tools-title" class="title mover">
<label id="ft-label" class="grow">title bar</label>
<div id="float-tools-close" class="closer"><i class="fas fa-times"></i></div>
2021-10-08 00:22:56 -04:00
</div>
<div class="body f-row">
<div class="f-col menu">
<div lkt="rotate" class="tictac" select="ft-rotate" label="ft-label"><i class="fas fa-sync-alt"></i></div>
<div lkt="scale" class="tictac" select="ft-scale" label="ft-label"><i class="fas fa-expand"></i></div>
<div lkt="mesh" class="tictac" select="ft-mesh" label="ft-label"><i class="fas fa-dice-d20"></i></div>
<div lkt="select" class="tictac" select="ft-select" label="ft-label"><i class="fas fa-mouse-pointer"></i></div>
2021-10-08 00:22:56 -04:00
</div>
2021-10-09 01:13:41 -04:00
<div id="ft-scale" class="grow grid">
2023-02-19 08:03:54 -05:00
<div><label class="middle">X</label><input id="lock_x" type="checkbox" checked></div>
<div><label class="middle">Y</label><input id="lock_y" type="checkbox" checked></div>
<div><label class="middle">Z</label><input id="lock_z" type="checkbox" checked></div>
2021-10-09 01:13:41 -04:00
<div><label id="lab-axis" lk="axis">axis</label></div>
2023-02-19 08:03:54 -05:00
<div><input id="size_x" size="8" class="value"></div>
<div><input id="size_y" size="8" class="value"></div>
<div><input id="size_z" size="8" class="value"></div>
2021-10-09 01:13:41 -04:00
<div><label id="lab-size" lk="size">size</label></div>
2023-02-19 08:03:54 -05:00
<div><input id="scale_x" size="8" class="value" value="1"></div>
<div><input id="scale_y" size="8" class="value" value="1"></div>
<div><input id="scale_z" size="8" class="value" value="1"></div>
2021-10-09 01:13:41 -04:00
<div><label id="lab-scale" lk="scale">scale</label></div>
<button id="scale-reset" class="gr4">reset</button>
</div>
<div id="ft-rotate" class="grow grid">
<div id="rot_x_lt"><i class="fas fa-chevron-left"></i></div>
<label>X</label>
<div id="rot_x_gt"><i class="fas fa-chevron-right"></i></div>
<input id="rot_x" class="value center" size="6" value="0">
<div id="rot_y_lt"><i class="fas fa-chevron-left"></i></div>
<label>Y</label>
<div id="rot_y_gt"><i class="fas fa-chevron-right"></i></div>
<input id="rot_y" class="value center" size="6" value="0">
<div id="rot_z_lt"><i class="fas fa-chevron-left"></i></div>
<label>Z</label>
<div id="rot_z_gt"><i class="fas fa-chevron-right"></i></div>
<input id="rot_z" class="value center" size="6" value="0">
<div class="buttons f-row">
<button id="lay-flat" class="grow">lay flat</button>
<button id="unrotate" class="grow" lk="reset">reset</button>
2021-10-07 22:59:05 -04:00
</div>
</div>
2021-10-08 21:15:54 -04:00
<div id="ft-mesh" class="grow f-col">
<div id="mesh-info" class="grid">
<label>object:</label>
<span id="mesh-name" class="value">[0]</span>
<label>points:</label>
<span id="mesh-points" class="value">-</span>
<label>faces:</label>
<span id="mesh-faces" class="value">-</span>
</div>
<button id="mesh-export-obj" lk="rc_xobj">export OBJ</button>
<button id="mesh-export-stl" lk="rc_xstl">export STL</button>
<button id="mesh-swap" lk="rc_swap">replace vertices</button>
2021-10-08 21:15:54 -04:00
</div>
2021-10-09 01:13:41 -04:00
<div id="ft-select" class="grow f-col"></div>
2021-10-07 22:59:05 -04:00
</div>
<div class="footer"></div>
2021-10-07 22:59:05 -04:00
</div>
</div>
<div id="lt-setup" class="lt-menu lt-active">
2020-06-05 23:21:53 -04:00
<i class="fas fa-cogs"></i>
<label lk="setup">setup</label>
<div id="set-pop" class="pop-lcol f-row">
<div id="set-device">
<i class="fas fa-cube"></i>
<label lk="machine">machine</label>
</div>
<div id="set-tools">
<i class="fas fa-tools"></i>
<label lk="tools">tools<label>
</div>
<div id="set-prefs">
<i class="fas fa-sliders-h"></i>
<label lk="prefs">prefs<label>
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
<div id="lt-file" class="lt-menu lt-active">
2020-06-05 23:21:53 -04:00
<i class="fas fa-folder"></i>
<label lk="files">files</label>
<div id="file-pop" class="pop-lcol f-row">
2020-06-05 23:21:53 -04:00
<div id="file-recent">
<i class="fas fa-list"></i>
<label lk="recent">recent</label>
2020-06-05 23:21:53 -04:00
</div>
<div id="file-import">
2020-06-05 23:21:53 -04:00
<i class="fas fa-file-upload"></i>
2022-10-26 21:47:31 -04:00
<label lk="import">import</label>
<!-- hidden file input loader -->
<input id="load-file" type="file" name="loadme" style="display:none"></input>
2020-06-05 23:21:53 -04:00
</div>
2017-04-18 17:09:33 -04:00
</div>
</div>
2020-11-20 20:18:20 -05:00
<div id="act-sep"></div>
<div id="lt-view" class="lt-menu lt-active">
2020-06-05 23:21:53 -04:00
<i class="fas fa-eye"></i>
<label lk="view">view</label>
<div id="pop-view" class="pop-lcol f-row">
2020-06-05 23:21:53 -04:00
<div id="view-arrange">
2022-04-15 12:11:58 -04:00
<i class="fas fa-shapes"></i>
<label lk="arrange">arrange</label>
2020-06-05 23:21:53 -04:00
</div>
<div id="view-home">
<i class="fas fa-home"></i>
<label lk="home">home</label>
2017-04-18 17:09:33 -04:00
</div>
2022-10-18 01:21:02 -04:00
<div id="view-top">
<i class="fas fa-square"></i>
<label lk="top">top</label>
</div>
2020-10-28 11:00:58 -04:00
<div id="view-clear">
<i class="far fa-square"></i>
<label lk="clear">clear</label>
2020-10-28 11:00:58 -04:00
</div>
2017-04-18 17:09:33 -04:00
</div>
</div>
2022-10-17 00:59:27 -04:00
<div id="lt-start" class="lt-menu lt-active">
<i class="fas fa-person-running"></i>
<label id="label-start" title="start a process" lk="start">start</label>
2020-11-20 20:18:20 -05:00
<div id="pop-slice" class="pop-lcol f-row">
2022-10-17 00:59:27 -04:00
<div id="act-slice">
<i class="fas fa-bars"></i>
<label id="label-slice" title="generate layer slices" lk="slice">preview</label>
</div>
<div id="act-preview">
2022-04-15 12:11:58 -04:00
<i class="fas fa-layer-group"></i>
<label id="label-preview" title="show routing and paths" lk="preview">preview</label>
2020-11-20 20:18:20 -05:00
</div>
<div id="act-animate">
2022-10-17 00:59:27 -04:00
<i class="fas fa-film"></i>
<label id="label-animate" title="render routing on a mesh" lk="animate">animate</label>
</div>
<div id="act-export">
2020-11-20 20:18:20 -05:00
<i class="fas fa-file-download"></i>
<label id="label-export" title="generate gcode" lk="export">export</label>
2020-11-20 20:18:20 -05:00
</div>
</div>
</div>
<div id="lt-sep"></div>
<div id="lt-render" class="lt-menu lt-active">
<i class="fas fa-border-style"></i>
<label lk="render">render</label>
<div id="pop-render" class="pop-lcol f-row">
<div id="render-solid" class="grow a-center">
2022-04-15 12:07:09 -04:00
<i class="fas fa-square"></i>
<label lk="solid">solid</label>
</div>
<div id="render-wire" class="grow a-center">
2022-04-15 12:07:09 -04:00
<i class="fas fa-border-all"></i>
<label lk="wire">wire</label>
</div>
<div id="render-ghost" class="grow a-center">
2022-04-15 12:07:09 -04:00
<i class="fas fa-border-none"></i>
<label lk="ghost">ghost</label>
</div>
<div id="render-hide" class="grow a-center">
<label lk="hide">hide</label>
</div>
</div>
</div>
2021-10-07 22:59:05 -04:00
<div id="lt-tools" class="lt-menu lt-active">
<i class="fas fa-tools"></i>
<label lk="tools">edit</label>
<div id="pop-tools" class="pop-lcol f-row">
2021-10-08 11:07:38 -04:00
<div id="tool-rotate" class="grow a-center">
2021-10-07 22:59:05 -04:00
<i class="fas fa-sync-alt"></i>
<label lk="rotate">rotate</label>
2020-06-07 11:41:03 -04:00
</div>
2021-10-08 11:07:38 -04:00
<div id="tool-scale" class="grow a-center">
2021-10-07 22:59:05 -04:00
<i class="fas fa-expand"></i>
<label lk="scale">scale</label>
2020-06-07 11:41:03 -04:00
</div>
<div id="tool-mesh" class="grow a-center">
2021-10-07 22:59:05 -04:00
<i class="fas fa-dice-d20"></i>
<label lk="mesh">mesh</label>
2020-06-07 11:41:03 -04:00
</div>
2021-10-31 19:05:43 -04:00
<div id="tool-selector" class="grow a-center">
2021-10-07 22:59:05 -04:00
<i class="fas fa-mouse-pointer"></i>
<label lk="select">select</label>
2020-06-07 11:41:03 -04:00
</div>
2020-06-06 11:17:04 -04:00
</div>
</div>
<div id="lt-nozzle" class="lt-menu noshow">
<i class="fas fa-map-marker"></i>
<label>nozzle</label>
<div id="pop-nozzle" class="pop-lcol f-row fillh russo"></div>
</div>
2020-06-06 00:38:46 -04:00
<div id="lt-end"></div>
2017-04-18 17:09:33 -04:00
</div>
2020-06-05 23:21:53 -04:00
<div id="mid-mcol" class="grow">
<div id="modal">
<div id="modal-box" class="f-col">
2020-06-06 11:17:04 -04:00
<div class="mod-top f-row"><div id="mod-x"><i class="fas fa-times"></i></div></div>
<div id="mod-help" class="mdialog f-col">
2021-10-26 19:35:57 -04:00
<div class="f-row j-center title">
<label>Kiri:Moto Help</label>
</div>
<div class="f-col">
<a target="_rsc" href="https://docs.grid.space/projects/kiri-moto"><i class="fas fa-question-circle"></i>Kiri:Moto Full Documentation</a>
<a href="https://youtu.be/08795Sj22QE" target="youtube"><i class="fab fa-youtube"></i>Video Guide to Kiri:Moto 2.5</a>
<a target="_rsc" href="https://www.youtube.com/c/GridSpace/videos"><i class="fab fa-youtube"></i>YouTube Channel</a>
<a target="_rsc" href="https://discord.gg/suyCCgr"><i class="fab fa-discord"></i> Discord Live Chat</a>
<a target="_rsc" href="https://forum.grid.space"><i class="fab fa-discourse"></i> Discourse Forums</a>
<a target="_rsc" href="https://twitter.com/grid_space_3d"><i class="fab fa-twitter"></i> Follow on Twitter</a>
<a target="_rsc" href="https://paypal.me/gridspace3d?locale.x=en_US"><i class="fab fa-paypal"></i> Donations are welcome!</a>
</div>
<div class="f-row j-center">
<label id="kiri-version"></label>
</div>
2020-04-10 11:53:07 -04:00
</div>
2020-12-13 23:58:03 -05:00
<div id="mod-setup" class="mdialog f-row">
<div class="f-col left a-stretch">
<label class="header" lk="dm_sldt">select a device type</label>
2020-12-13 23:58:03 -05:00
<div class="f-col">
<table><tr>
<th><button id="mode-fdm" class="dev-type"><label>FDM</label></button></th>
<th><button id="mode-sla" class="dev-type"><label>SLA</label></button></th>
</tr><tr>
<th><button id="mode-cam" class="dev-type"><label>CNC</label></button></th>
<th><button id="mode-laser" class="dev-type"><label>LASER</label></button></th>
</tr></table>
</div>
2022-02-24 20:06:57 -05:00
<div id="dev-header" class="header sub f-col j-center">
<label lk="dm_stdd">standard devices</label>
2020-12-20 14:15:35 -05:00
<div id="dev-search">
<i class="fas fa-search"></i>
2023-02-19 08:03:54 -05:00
<input id="dev-filter">
2020-12-20 14:15:35 -05:00
</div>
</div>
2020-12-13 23:58:03 -05:00
<div class="f-col mh0 mh35 j-center a-stretch">
<div id="device-list" class="devlist f-col overy"></div>
</div>
<label class="header sub" lk="dm_mydd">my devices</label>
2020-12-13 23:58:03 -05:00
<div class="f-col grow">
<div id="device-my" class="devlist f-col grow overy"></div>
<div class="f-row footer">
<div class="grow"></div>
<button id="device-add" lk="copy">copy</button>
<button id="device-del" lk="delete">delete</button>
<button id="device-exp" lk="export">export</button>
2020-12-13 23:58:03 -05:00
<div class="grow"></div>
</div>
</div>
</div>
2020-12-13 23:58:03 -05:00
<div class="f-col grow a-stretch">
<label class="header" lk="dm_seld">selected device</label>
2020-12-13 23:58:03 -05:00
<div class="f-row">
<div id="device1" class="f-col t-body t-inset overy grow"></div>
<div class="t-pad"></div>
<div id="device2" class="f-col t-body t-inset overy grow"></div>
2021-11-15 14:10:15 -05:00
<div id="palette3" class="f-col t-body t-inset overy grow"></div>
2020-12-13 23:58:03 -05:00
</div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
2020-12-13 23:58:03 -05:00
<div id="gcode-edit" class="f-col grow">
<div id="dg" class="f-col t-body t-inset"></div>
2020-12-13 23:58:03 -05:00
<div class="t-pad"></div>
<div id="dev-gcode" class="grow"></div>
</div>
<div id="device-action" class="f-row footer">
<div class="grow"></div>
<button id="device-save" lk="save">save</button>
2020-12-13 23:58:03 -05:00
<div class="grow"></div>
2020-06-06 23:21:42 -04:00
</div>
</div>
2020-04-10 11:53:07 -04:00
</div>
<div id="mod-files" class="mdialog f-col">
<label class="set-header" lk="dm_rcnt">recent files</label>
<div id="catalogList" class="f-col"></div>
2020-06-07 11:41:03 -04:00
</div>
<div id="mod-saves" class="mdialog f-col">
<label class="set-header" lk="dm_savs">saved settings</label>
<div id="settingsList" class="f-col"></div>
<div id="settingsNew">
<input id="settingsName" class="grow"></input>
<button id="settingsSave" lk="save">Save</button>
</div>
2020-06-07 23:02:05 -04:00
</div>
<div id="mod-tools" class="mdialog">
<div class="f-col">
<div class="f-row t-head">
<label class="t-33" lk="tool">tool</label>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<label class="t-33" lk="detail">detail</label>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<label class="t-33" lk="view">view</label>
</div>
<div id="tool-cols" class="f-row">
<div class="f-col t-33">
2020-06-06 23:21:42 -04:00
<select id="tool-select" size="10" class="grow"></select>
</div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<div class="f-col t-33 t-body t-inset">
<div class="f-row var-row"><label lk="name">name</label><input id="tool-name" size="15"></input></div>
<div class="f-row var-row"><label lk="type">type</label>
<select id="tool-type">
<option value="endmill" lk="td_tyem" selected>end</option>
<option value="ballmill" lk="td_tybm">ball</option>
<option value="tapermill" lk="td_tytm">taper</option>
</select>
</div>
<div class="f-row var-row" title="tool number to use&#010;in gcode commands"><label lk="td_tonm">tool #</label><input id="tool-num" size="7"></input></div>
<div class="f-row var-row"><label lk="metric">metric</label><input id="tool-metric" type="checkbox"></input></div>
<div class="set-header f-col" lk="td_shft">shaft</div>
<div class="f-row var-row" title="shaft diameter in inches&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-sdiam" size="7"></input></div>
<div class="f-row var-row" title="shaft length in inches&#010;unless metric is checked&#010;then in millimeters"><label>length</label><input id="tool-slen" size="7"></input></div>
<div class="set-header f-col" lk="td_flut">flute</div>
<div class="f-row var-row" title="flute diameter in inches&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-fdiam" size="7"></input></div>
<div class="f-row var-row" title="flute length in inches&#010;unless metric is checked&#010;then in millimeters"><label>length</label><input id="tool-flen" size="7"></input></div>
<div class="set-header f-col" ln="td_tapr">taper</div>
<div class="f-row var-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=7></input></div>
<div class="f-row var-row" title="tip width in inches&#010;unless metric is checked&#010;then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div>
</div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<div id="tool-view" class="f-col t-33 t-body"></div>
</div>
<div id="tool-action" class="f-row j-center">
2020-06-06 23:21:42 -04:00
<button id="tool-add"><i class="fas fa-plus"></i></button>
<button id="tool-del"><i class="fas fa-minus"></i></button>
<div class="t-pad2"></div>
<button id="tools-save" lk="save">save</button>
<button id="tools-close" lk="done">done</button>
<div class="t-pad2"></div>
<button id="tools-export" lk="export">export</button>
</div>
</div>
</div>
2020-11-18 09:47:55 -05:00
<div id="mod-prefs" class="mdialog f-col a-center">
<b lk="dm_appp">Application Preferences</b>
2020-11-18 09:47:55 -05:00
<hr width="80%">
<div class="f-row">
<div id="prefs-gen1" class="f-col"></div>
<div class="t-pad2"></div>
<div id="prefs-gen2" class="f-col"></div>
<div class="t-pad2"></div>
<div id="prefs-lay" class="f-col"></div>
<div class="t-pad2"></div>
<div id="prefs-xpo" class="f-col"></div>
<div class="t-pad2"></div>
<div id="prefs-prt" class="f-col"></div>
<div class="t-pad2"></div>
<div id="prefs-add" class="f-col"></div>
<div class="t-pad2"></div>
</div>
2020-06-10 20:48:59 -04:00
</div>
<div id="mod-local" class="mdialog f-col"></div>
<div id="mod-print" class="mdialog f-col"></div>
<div id="mod-any" class="mdialog f-col"></div>
2020-06-08 00:24:20 -04:00
<div class="mod-end"></div></div>
2020-06-05 23:21:53 -04:00
</div>
<div id="layer-slider" class="f-col a-stretch">
<div id="layers" class="f-row j-center"></div>
<div id="slider" class="f-row russo">
<div id="slider-zero">0</div>
<div id="slider-center" class="grow">
<div id="slider-hold" class="f-row">
<div id="slider-lo" class="handle"><div id="slider-lo-val"></div></div>
<div id="slider-mid">&nbsp;</div>
<div id="slider-hi" class="handle"><div id="slider-hi-val"></div></div>
</div>
</div>
<div id="slider-max">&infin;</div>
</div>
</div>
2020-06-05 23:21:53 -04:00
</div>
<div id="mid-rcol" class="f-col j-center noshow">
<div id="set-menu" class="f-col">
<div id="speeds"><div id="speedbar" class="f-col a-stretch j-center" lkt="sb_info"></div></div>
<div id="set-top" class="set-group"></div>
<div id="settings" class="f-col"></div>
2020-06-07 23:02:05 -04:00
<div id="set-end" class="set-group"></div>
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
<div id="end" class="f-col a-center">
<div id="bottom">
<div id="camops" class="f-row a-stretch j-center">
<div class="left"></div>
<div id="oplist" class="f-row j-center"></div>
2020-12-24 00:11:38 -05:00
<div id="ophint" class="f-row">
<div class="opdiv">use + menu to add milling operations</div>
<div class="opdiv">drag to re-order</div>
</div>
<div id="op-add" class="opdiv">
<i class="fas fa-plus"></i>
<div id="op-add-pop" class="f-col">
<div id="op-add-list" class="opdiv op-grid">
<div id="cam-index" title="rotate index axis">index</div>
2023-01-16 13:56:08 -05:00
<div id="cam-lathe" title="lathe operation">lathe</div>
2022-10-18 10:27:41 -04:00
<div id="laser-on" title="turn on laser mode">laser on</div>
<div id="laser-off" title="turn off laser mode">laser off</div>
2023-01-16 13:56:08 -05:00
<div id="cam-flip" title="flip part and load&#13;profile for other side&#13;for double-sided work">flip</div>
<div id="cam-reg" title="drill registration holes&#13;along the X or Y axis&#13;for double-sided work">register</div>
<div title="drill any holes matching&#13;selected tool diameter">drill</div>
<div title="clear stock face&#13;or top of part&#13;when no stock">level</div>
<div title="follow selected features with&#13;a specified tool. often used&#13;for lettering and engraving">trace</div>
<div title="insert custom gcode">gcode</div>
<div title="remove an area of material&#13;inside a defined boundary&#13;sometimes called pocketing">rough</div>
<div title="clean up after roughing&#13;or perform a part cutout">outline</div>
<div title="2.5D tracing along X or Y axis&#13;used for complex part features">contour</div>
<div title="clear areas above&#13;selected surfaces">pocket</div>
2020-12-24 00:11:38 -05:00
</div>
</div>
</div>
<div class="right"></div>
</div>
</div>
</div>
2020-06-13 20:04:39 -04:00
<div id="gdpr" class="noshow">
<p>this site uses <A href="/privacy.html" target="privacy">cookies</a> to preserve application preferences</p>
<button id="gotit" class="f-col j-center">got it</button>
2020-06-13 20:04:39 -04:00
</div>
2020-12-01 19:54:54 -05:00
<div id="tool-info" class="noshow"></div>
<div id="context-menu">
<button id="context-export-workspace" lk="rc_xpws">export workspace</button>
2021-10-09 01:13:41 -04:00
<button id="context-clear-workspace" lk="rc_clws">clear workspace</button>
<div class="sep"></div>
<button id="context-layflat" lk="rc_lafl">lay flat</button>
<button id="context-mirror" lk="rc_mirr">mirror</button>
<button id="context-duplicate" lk="rc_dupl">duplicate</button>
2021-10-09 01:13:41 -04:00
<div class="sep"></div>
2021-04-21 22:30:42 -04:00
<button id="context-setfocus" lk="rc_focs">set focus</button>
</div>
<div id="stats">
<div id="rms"></div>
<div id="fps"></div>
2022-01-31 15:20:34 -05:00
<div id="rnfo"></div>
</div>
<div id="layer-animate" class="f-col a-center"></div>
<div id="layer-toolpos" class="f-row a-center"></div>
<div id="alert-area">
<div id="alert-border">
<div id="alert-text">alerts<br>alerts<br>alerts</div>
</div>
</div>
<div id="top-slider" class="f-col grow">
<input id="anim-slider" type="range" min="0" max="1000" value="0"></input>
</div>
</div>
2017-04-18 17:09:33 -04:00
</body>
</html>