fix cam tools dialog
This commit is contained in:
Stewart Allen
parent
741016ca7b
commit
a87e0c937f
5 changed files with 324 additions and 344 deletions
|
|
@ -1,354 +1,344 @@
|
||||||
/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */
|
/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */
|
||||||
import { api } from '../kiri/api.js';
|
|
||||||
import { consts } from '../kiri/consts.js';
|
|
||||||
import { settings } from '../kiri/settings.js';
|
|
||||||
|
|
||||||
// Convert root destructuring to imports
|
import { $ } from '../../moto/webui.js';
|
||||||
import { kiri } from '../kiri.js';
|
import { api } from '../../kiri/api.js';
|
||||||
|
import { consts } from '../../kiri/consts.js';
|
||||||
|
import { settings as setconf } from '../../kiri/settings.js';
|
||||||
|
|
||||||
|
const DEG2RAD = Math.PI / 180;
|
||||||
|
|
||||||
const DEG2RAD = Math.PI / 180;
|
let { MODES } = consts,
|
||||||
let { kiri } = root,
|
DOC = document,
|
||||||
{ api, consts } = kiri,
|
selectedTool = null,
|
||||||
{ uc, ui } = api,
|
editTools = null,
|
||||||
{ MODES } = consts,
|
maxTool = 0,
|
||||||
DOC = document,
|
toolNames = ['endmill','ballmill','tapermill','drill'];
|
||||||
selectedTool = null,
|
|
||||||
editTools = null,
|
|
||||||
maxTool = 0,
|
|
||||||
toolNames = ['endmill','ballmill','tapermill','drill'];
|
|
||||||
|
|
||||||
api.show.tools = showTools;
|
function settings() {
|
||||||
|
return api.conf.get();
|
||||||
|
}
|
||||||
|
|
||||||
// extend API
|
function renderTools() {
|
||||||
Object.assign(api.tool, {
|
api.ui.toolSelect.innerHTML = '';
|
||||||
update: updateTool
|
maxTool = 0;
|
||||||
|
editTools.forEach(function(tool, index) {
|
||||||
|
maxTool = Math.max(maxTool, tool.number);
|
||||||
|
tool.order = index;
|
||||||
|
let opt = DOC.createElement('option');
|
||||||
|
opt.appendChild(DOC.createTextNode(tool.name));
|
||||||
|
opt.onclick = function() { selectTool(tool) };
|
||||||
|
api.ui.toolSelect.appendChild(opt);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectTool(tool) {
|
||||||
|
const { ui } = api;
|
||||||
|
selectedTool = tool;
|
||||||
|
ui.toolName.value = tool.name;
|
||||||
|
ui.toolNum.value = tool.number;
|
||||||
|
ui.toolFluteDiam.value = tool.flute_diam;
|
||||||
|
ui.toolFluteLen.value = tool.flute_len;
|
||||||
|
ui.toolShaftDiam.value = tool.shaft_diam;
|
||||||
|
ui.toolShaftLen.value = tool.shaft_len;
|
||||||
|
ui.toolTaperTip.value = tool.taper_tip || 0;
|
||||||
|
ui.toolMetric.checked = tool.metric;
|
||||||
|
ui.toolType.selectedIndex = toolNames.indexOf(tool.type);
|
||||||
|
if (tool === 'tapermill') {
|
||||||
|
ui.toolTaperAngle.value = kiri.driver.CAM.calcTaperAngle(
|
||||||
|
(tool.flute_diam - tool.taper_tip) / 2, tool.flute_len
|
||||||
|
).round(1);
|
||||||
|
} else if(tool === 'drill'){
|
||||||
|
ui.toolTaperAngle.value = 118;
|
||||||
|
} else {
|
||||||
|
ui.toolTaperAngle.value = 0;
|
||||||
|
}
|
||||||
|
renderTool(tool);
|
||||||
|
}
|
||||||
|
|
||||||
|
function otag(o) {
|
||||||
|
if (Array.isArray(o)) {
|
||||||
|
let out = []
|
||||||
|
o.forEach(oe => out.push(otag(oe)));
|
||||||
|
return out.join('');
|
||||||
|
}
|
||||||
|
let tags = [];
|
||||||
|
Object.keys(o).forEach(key => {
|
||||||
|
let val = o[key];
|
||||||
|
let att = [];
|
||||||
|
Object.keys(val).forEach(tk => {
|
||||||
|
let tv = val[tk];
|
||||||
|
att.push(`${tk.replace(/_/g,'-')}="${tv}"`);
|
||||||
|
});
|
||||||
|
tags.push(`<${key} ${att.join(' ')}></${key}>`);
|
||||||
|
});
|
||||||
|
return tags.join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderTool(tool) {
|
||||||
|
const { ui } = api;
|
||||||
|
let type = selectedTool.type;
|
||||||
|
let taper = type=== 'tapermill'
|
||||||
|
let drill = type === 'drill'
|
||||||
|
const drillAngleRad = 140 * Math.PI / 180
|
||||||
|
ui.toolTaperAngle.disabled = taper ? undefined : 'true';
|
||||||
|
ui.toolTaperTip.disabled = taper ? undefined : 'true';
|
||||||
|
$('tool-view').innerHTML = '<svg id="tool-svg" width="100%" height="100%"></svg>';
|
||||||
|
setTimeout(() => {
|
||||||
|
let svg = $('tool-svg'),
|
||||||
|
pad = 10,
|
||||||
|
dim = { w: svg.clientWidth, h: svg.clientHeight },
|
||||||
|
max = { w: dim.w - pad * 2, h: dim.h - pad * 2},
|
||||||
|
off = { x: pad, y: pad },
|
||||||
|
isBall = type === "ballmill",
|
||||||
|
shaft_fill = "#cccccc",
|
||||||
|
flute_fill = "#dddddd",
|
||||||
|
stroke = "#777777",
|
||||||
|
stroke_width = 3,
|
||||||
|
stroke_thin = stroke_width / 2,
|
||||||
|
shaft = tool.shaft_len || 1,
|
||||||
|
flute = tool.flute_len || 1,
|
||||||
|
drillTip = drill ? 0.5 * tool.flute_diam * Math.sin(drillAngleRad) : 0,
|
||||||
|
total_len = shaft + flute+drillTip,
|
||||||
|
units = dim.h / total_len,
|
||||||
|
shaft_len = (shaft / total_len) * max.h,
|
||||||
|
flute_len = (flute / total_len) * max.h,
|
||||||
|
drill_tip_len = (drillTip / total_len) * max.h,
|
||||||
|
shaft_diam = tool.shaft_diam * units,
|
||||||
|
flute_diam = tool.flute_diam * units,
|
||||||
|
// total_wid = Math.max(flute_diam, shaft_diam),
|
||||||
|
shaft_off = (max.w - shaft_diam) / 2,
|
||||||
|
flute_off = (max.w - flute_diam) / 2,
|
||||||
|
taper_off = (max.w - (tool.taper_tip || 0) * units) / 2,
|
||||||
|
parts = [
|
||||||
|
// shaft rectangle
|
||||||
|
{ rect: {
|
||||||
|
x: off.x + shaft_off,
|
||||||
|
y: off.y,
|
||||||
|
width: max.w - shaft_off * 2,
|
||||||
|
height: shaft_len,
|
||||||
|
fill: shaft_fill,
|
||||||
|
stroke_width,
|
||||||
|
stroke
|
||||||
|
} }
|
||||||
|
];
|
||||||
|
if (taper) {
|
||||||
|
let yoff = off.y + shaft_len;
|
||||||
|
// let mid = dim.w / 2;
|
||||||
|
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
||||||
|
`M ${off.x + flute_off} ${yoff}`,
|
||||||
|
`L ${off.x + taper_off} ${yoff + flute_len}`,
|
||||||
|
`L ${dim.w - off.x - taper_off} ${yoff + flute_len}`,
|
||||||
|
`L ${dim.w - off.x - flute_off} ${yoff}`,
|
||||||
|
`z`
|
||||||
|
].join('\n')}});
|
||||||
|
} else if(drill){
|
||||||
|
const x1 = off.x + flute_off,
|
||||||
|
y1 = off.y + shaft_len,
|
||||||
|
x2 = dim.w - off.x - flute_off,
|
||||||
|
y2 = y1 + flute_len,
|
||||||
|
xMid = dim.w / 2
|
||||||
|
|
||||||
|
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
||||||
|
`M ${x1} ${y1}`, //move to top left
|
||||||
|
`L ${x1} ${y2}`, //line to bottom left
|
||||||
|
`L ${xMid} ${y2+drill_tip_len}`, //line to bottom mid point
|
||||||
|
`L ${x2} ${y2}`, //line to bottom right
|
||||||
|
`L ${x2} ${y1}`, //line to top right
|
||||||
|
`z`
|
||||||
|
].join('\n')}});
|
||||||
|
//add drill flute lines
|
||||||
|
parts.push({ line: {
|
||||||
|
x1, y1, x2, y2: (y1 + y2) / 2,
|
||||||
|
stroke, stroke_width: stroke_thin
|
||||||
|
} });
|
||||||
|
parts.push({ line: {
|
||||||
|
x1, y1: (y1 + y2) / 2, x2, y2,
|
||||||
|
stroke, stroke_width: stroke_thin
|
||||||
|
} });
|
||||||
|
} else {
|
||||||
|
let fl = isBall ? flute_len - flute_diam/2 : flute_len;
|
||||||
|
let x1 = off.x + flute_off;
|
||||||
|
let y1 = off.y + shaft_len;
|
||||||
|
let x2 = x1 + max.w - flute_off * 2;
|
||||||
|
let y2 = y1 + fl;
|
||||||
|
// flute rectangle
|
||||||
|
parts.push({ rect: {
|
||||||
|
x: off.x + flute_off,
|
||||||
|
y: off.y + shaft_len,
|
||||||
|
width: max.w - flute_off * 2,
|
||||||
|
height: fl,
|
||||||
|
fill: flute_fill,
|
||||||
|
stroke_width,
|
||||||
|
stroke,
|
||||||
|
} });
|
||||||
|
// hatch "fill" flute
|
||||||
|
parts.push({ line: { x1, y1, x2, y2, stroke, stroke_width: stroke_thin } });
|
||||||
|
parts.push({ line: {
|
||||||
|
x1: (x1 + x2) / 2, y1, x2, y2: (y1 + y2) / 2,
|
||||||
|
stroke, stroke_width: stroke_thin
|
||||||
|
} });
|
||||||
|
parts.push({ line: {
|
||||||
|
x1, y1: (y1 + y2) / 2, x2: (x1 + x2) / 2, y2,
|
||||||
|
stroke, stroke_width: stroke_thin
|
||||||
|
} });
|
||||||
|
}
|
||||||
|
if (isBall) {
|
||||||
|
let rad = (max.w - flute_off * 2) / 2;
|
||||||
|
let xend = dim.w - off.x - flute_off;
|
||||||
|
let yoff = off.y + shaft_len + flute_len + stroke_width/2 - flute_diam/2;
|
||||||
|
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
||||||
|
`M ${off.x + flute_off} ${yoff}`,
|
||||||
|
`A ${rad} ${rad} 0 0 0 ${xend} ${yoff}`,
|
||||||
|
// `L ${off.x + flute_off} ${yoff}`
|
||||||
|
].join('\n')}})
|
||||||
|
}
|
||||||
|
svg.innerHTML = otag(parts);
|
||||||
|
}, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateTool(ev) {
|
||||||
|
const { ui } = api;
|
||||||
|
selectedTool.name = ui.toolName.value;
|
||||||
|
selectedTool.number = parseInt(ui.toolNum.value);
|
||||||
|
selectedTool.flute_diam = parseFloat(ui.toolFluteDiam.value);
|
||||||
|
selectedTool.flute_len = parseFloat(ui.toolFluteLen.value);
|
||||||
|
selectedTool.shaft_diam = parseFloat(ui.toolShaftDiam.value);
|
||||||
|
selectedTool.shaft_len = parseFloat(ui.toolShaftLen.value);
|
||||||
|
selectedTool.taper_tip = parseFloat(ui.toolTaperTip.value);
|
||||||
|
selectedTool.metric = ui.toolMetric.checked;
|
||||||
|
selectedTool.type = toolNames[ui.toolType.selectedIndex];
|
||||||
|
if (selectedTool.type === 'tapermill') {
|
||||||
|
const CAM = kiri.driver.CAM;
|
||||||
|
const rad = (selectedTool.flute_diam - selectedTool.taper_tip) / 2;
|
||||||
|
if (ev && ev.target === ui.toolTaperAngle) {
|
||||||
|
const angle = parseFloat(ev.target.value);
|
||||||
|
const len = CAM.calcTaperLength(rad, angle * DEG2RAD);
|
||||||
|
selectedTool.flute_len = len;
|
||||||
|
ui.toolTaperAngle.value = angle.round(1);
|
||||||
|
ui.toolFluteLen.value = selectedTool.flute_len.round(4);
|
||||||
|
} else {
|
||||||
|
ui.toolTaperAngle.value = CAM.calcTaperAngle(rad, selectedTool.flute_len).round(1);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
ui.toolTaperAngle.value = 0;
|
||||||
|
}
|
||||||
|
renderTools();
|
||||||
|
ui.toolSelect.selectedIndex = selectedTool.order;
|
||||||
|
setToolChanged(true);
|
||||||
|
renderTool(selectedTool);
|
||||||
|
}
|
||||||
|
|
||||||
|
function setToolChanged(changed) {
|
||||||
|
editTools.changed = changed;
|
||||||
|
api.ui.toolsSave.disabled = !changed;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function showTools() {
|
||||||
|
if (api.mode.get_id() !== MODES.CAM) return;
|
||||||
|
setconf.sync.get().then(_showTools);
|
||||||
|
}
|
||||||
|
|
||||||
|
function _showTools() {
|
||||||
|
const { ui } = api;
|
||||||
|
|
||||||
|
editTools = settings().tools.slice().sort((a,b) => {
|
||||||
|
return a.name > b.name ? 1 : -1;
|
||||||
});
|
});
|
||||||
|
|
||||||
function settings() {
|
setToolChanged(false);
|
||||||
return api.conf.get();
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderTools() {
|
ui.toolsClose.onclick = function() {
|
||||||
ui.toolSelect.innerHTML = '';
|
if (editTools.changed && !confirm("abandon changes?")) return;
|
||||||
maxTool = 0;
|
api.dialog.hide();
|
||||||
editTools.forEach(function(tool, index) {
|
};
|
||||||
maxTool = Math.max(maxTool, tool.number);
|
ui.toolAdd.onclick = function() {
|
||||||
tool.order = index;
|
let metric = settings().controller.units === 'mm';
|
||||||
let opt = DOC.createElement('option');
|
editTools.push(Object.assign({
|
||||||
opt.appendChild(DOC.createTextNode(tool.name));
|
id: Date.now(),
|
||||||
opt.onclick = function() { selectTool(tool) };
|
number: maxTool + 1,
|
||||||
ui.toolSelect.appendChild(opt);
|
name: "new tool",
|
||||||
});
|
type: "endmill",
|
||||||
}
|
taper_tip: 0,
|
||||||
|
metric
|
||||||
|
}, metric ? {
|
||||||
|
shaft_diam: 2,
|
||||||
function selectTool(tool) {
|
shaft_len: 15,
|
||||||
selectedTool = tool;
|
flute_diam: 2,
|
||||||
ui.toolName.value = tool.name;
|
flute_len: 20,
|
||||||
ui.toolNum.value = tool.number;
|
} : {
|
||||||
ui.toolFluteDiam.value = tool.flute_diam;
|
shaft_diam: 0.25,
|
||||||
ui.toolFluteLen.value = tool.flute_len;
|
shaft_len: 1.5,
|
||||||
ui.toolShaftDiam.value = tool.shaft_diam;
|
flute_diam: 0.25,
|
||||||
ui.toolShaftLen.value = tool.shaft_len;
|
flute_len: 2,
|
||||||
ui.toolTaperTip.value = tool.taper_tip || 0;
|
}));
|
||||||
ui.toolMetric.checked = tool.metric;
|
|
||||||
ui.toolType.selectedIndex = toolNames.indexOf(tool.type);
|
|
||||||
if (tool === 'tapermill') {
|
|
||||||
ui.toolTaperAngle.value = kiri.driver.CAM.calcTaperAngle(
|
|
||||||
(tool.flute_diam - tool.taper_tip) / 2, tool.flute_len
|
|
||||||
).round(1);
|
|
||||||
} else if(tool === 'drill'){
|
|
||||||
ui.toolTaperAngle.value = 118;
|
|
||||||
|
|
||||||
} else {
|
|
||||||
ui.toolTaperAngle.value = 0;
|
|
||||||
}
|
|
||||||
renderTool(tool);
|
|
||||||
}
|
|
||||||
|
|
||||||
function otag(o) {
|
|
||||||
if (Array.isArray(o)) {
|
|
||||||
let out = []
|
|
||||||
o.forEach(oe => out.push(otag(oe)));
|
|
||||||
return out.join('');
|
|
||||||
}
|
|
||||||
let tags = [];
|
|
||||||
Object.keys(o).forEach(key => {
|
|
||||||
let val = o[key];
|
|
||||||
let att = [];
|
|
||||||
Object.keys(val).forEach(tk => {
|
|
||||||
let tv = val[tk];
|
|
||||||
att.push(`${tk.replace(/_/g,'-')}="${tv}"`);
|
|
||||||
});
|
|
||||||
tags.push(`<${key} ${att.join(' ')}></${key}>`);
|
|
||||||
});
|
|
||||||
return tags.join('');
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderTool(tool) {
|
|
||||||
let type = selectedTool.type;
|
|
||||||
let taper = type=== 'tapermill'
|
|
||||||
let drill = type === 'drill'
|
|
||||||
const drillAngleRad = 140 * Math.PI / 180
|
|
||||||
ui.toolTaperAngle.disabled = taper ? undefined : 'true';
|
|
||||||
ui.toolTaperTip.disabled = taper ? undefined : 'true';
|
|
||||||
$('tool-view').innerHTML = '<svg id="tool-svg" width="100%" height="100%"></svg>';
|
|
||||||
setTimeout(() => {
|
|
||||||
let svg = $('tool-svg'),
|
|
||||||
pad = 10,
|
|
||||||
dim = { w: svg.clientWidth, h: svg.clientHeight },
|
|
||||||
max = { w: dim.w - pad * 2, h: dim.h - pad * 2},
|
|
||||||
off = { x: pad, y: pad },
|
|
||||||
isBall = type === "ballmill",
|
|
||||||
shaft_fill = "#cccccc",
|
|
||||||
flute_fill = "#dddddd",
|
|
||||||
stroke = "#777777",
|
|
||||||
stroke_width = 3,
|
|
||||||
stroke_thin = stroke_width / 2,
|
|
||||||
shaft = tool.shaft_len || 1,
|
|
||||||
flute = tool.flute_len || 1,
|
|
||||||
drillTip = drill ? 0.5 * tool.flute_diam * Math.sin(drillAngleRad) : 0,
|
|
||||||
total_len = shaft + flute+drillTip,
|
|
||||||
units = dim.h / total_len,
|
|
||||||
shaft_len = (shaft / total_len) * max.h,
|
|
||||||
flute_len = (flute / total_len) * max.h,
|
|
||||||
drill_tip_len = (drillTip / total_len) * max.h,
|
|
||||||
shaft_diam = tool.shaft_diam * units,
|
|
||||||
flute_diam = tool.flute_diam * units,
|
|
||||||
// total_wid = Math.max(flute_diam, shaft_diam),
|
|
||||||
shaft_off = (max.w - shaft_diam) / 2,
|
|
||||||
flute_off = (max.w - flute_diam) / 2,
|
|
||||||
taper_off = (max.w - (tool.taper_tip || 0) * units) / 2,
|
|
||||||
parts = [
|
|
||||||
// shaft rectangle
|
|
||||||
{ rect: {
|
|
||||||
x: off.x + shaft_off,
|
|
||||||
y: off.y,
|
|
||||||
width: max.w - shaft_off * 2,
|
|
||||||
height: shaft_len,
|
|
||||||
fill: shaft_fill,
|
|
||||||
stroke_width,
|
|
||||||
stroke
|
|
||||||
} }
|
|
||||||
];
|
|
||||||
if (taper) {
|
|
||||||
let yoff = off.y + shaft_len;
|
|
||||||
// let mid = dim.w / 2;
|
|
||||||
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
|
||||||
`M ${off.x + flute_off} ${yoff}`,
|
|
||||||
`L ${off.x + taper_off} ${yoff + flute_len}`,
|
|
||||||
`L ${dim.w - off.x - taper_off} ${yoff + flute_len}`,
|
|
||||||
`L ${dim.w - off.x - flute_off} ${yoff}`,
|
|
||||||
`z`
|
|
||||||
].join('\n')}});
|
|
||||||
} else if(drill){
|
|
||||||
|
|
||||||
const x1 = off.x + flute_off,
|
|
||||||
y1 = off.y + shaft_len,
|
|
||||||
x2 = dim.w - off.x - flute_off,
|
|
||||||
y2 = y1 + flute_len,
|
|
||||||
xMid = dim.w / 2
|
|
||||||
|
|
||||||
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
|
||||||
`M ${x1} ${y1}`, //move to top left
|
|
||||||
`L ${x1} ${y2}`, //line to bottom left
|
|
||||||
`L ${xMid} ${y2+drill_tip_len}`, //line to bottom mid point
|
|
||||||
`L ${x2} ${y2}`, //line to bottom right
|
|
||||||
`L ${x2} ${y1}`, //line to top right
|
|
||||||
`z`
|
|
||||||
].join('\n')}});
|
|
||||||
//add drill flute lines
|
|
||||||
parts.push({ line: {
|
|
||||||
x1, y1, x2, y2: (y1 + y2) / 2,
|
|
||||||
stroke, stroke_width: stroke_thin
|
|
||||||
} });
|
|
||||||
parts.push({ line: {
|
|
||||||
x1, y1: (y1 + y2) / 2, x2, y2,
|
|
||||||
stroke, stroke_width: stroke_thin
|
|
||||||
} });
|
|
||||||
} else {
|
|
||||||
let fl = isBall ? flute_len - flute_diam/2 : flute_len;
|
|
||||||
let x1 = off.x + flute_off;
|
|
||||||
let y1 = off.y + shaft_len;
|
|
||||||
let x2 = x1 + max.w - flute_off * 2;
|
|
||||||
let y2 = y1 + fl;
|
|
||||||
// flute rectangle
|
|
||||||
parts.push({ rect: {
|
|
||||||
x: off.x + flute_off,
|
|
||||||
y: off.y + shaft_len,
|
|
||||||
width: max.w - flute_off * 2,
|
|
||||||
height: fl,
|
|
||||||
fill: flute_fill,
|
|
||||||
stroke_width,
|
|
||||||
stroke,
|
|
||||||
} });
|
|
||||||
// hatch "fill" flute
|
|
||||||
parts.push({ line: { x1, y1, x2, y2, stroke, stroke_width: stroke_thin } });
|
|
||||||
parts.push({ line: {
|
|
||||||
x1: (x1 + x2) / 2, y1, x2, y2: (y1 + y2) / 2,
|
|
||||||
stroke, stroke_width: stroke_thin
|
|
||||||
} });
|
|
||||||
parts.push({ line: {
|
|
||||||
x1, y1: (y1 + y2) / 2, x2: (x1 + x2) / 2, y2,
|
|
||||||
stroke, stroke_width: stroke_thin
|
|
||||||
} });
|
|
||||||
}
|
|
||||||
if (isBall) {
|
|
||||||
let rad = (max.w - flute_off * 2) / 2;
|
|
||||||
let xend = dim.w - off.x - flute_off;
|
|
||||||
let yoff = off.y + shaft_len + flute_len + stroke_width/2 - flute_diam/2;
|
|
||||||
parts.push({path: {stroke_width, stroke, fill:flute_fill, d:[
|
|
||||||
`M ${off.x + flute_off} ${yoff}`,
|
|
||||||
`A ${rad} ${rad} 0 0 0 ${xend} ${yoff}`,
|
|
||||||
// `L ${off.x + flute_off} ${yoff}`
|
|
||||||
].join('\n')}})
|
|
||||||
}
|
|
||||||
svg.innerHTML = otag(parts);
|
|
||||||
}, 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateTool(ev) {
|
|
||||||
selectedTool.name = ui.toolName.value;
|
|
||||||
selectedTool.number = parseInt(ui.toolNum.value);
|
|
||||||
selectedTool.flute_diam = parseFloat(ui.toolFluteDiam.value);
|
|
||||||
selectedTool.flute_len = parseFloat(ui.toolFluteLen.value);
|
|
||||||
selectedTool.shaft_diam = parseFloat(ui.toolShaftDiam.value);
|
|
||||||
selectedTool.shaft_len = parseFloat(ui.toolShaftLen.value);
|
|
||||||
selectedTool.taper_tip = parseFloat(ui.toolTaperTip.value);
|
|
||||||
selectedTool.metric = ui.toolMetric.checked;
|
|
||||||
selectedTool.type = toolNames[ui.toolType.selectedIndex];
|
|
||||||
if (selectedTool.type === 'tapermill') {
|
|
||||||
const CAM = kiri.driver.CAM;
|
|
||||||
const rad = (selectedTool.flute_diam - selectedTool.taper_tip) / 2;
|
|
||||||
if (ev && ev.target === ui.toolTaperAngle) {
|
|
||||||
const angle = parseFloat(ev.target.value);
|
|
||||||
const len = CAM.calcTaperLength(rad, angle * DEG2RAD);
|
|
||||||
selectedTool.flute_len = len;
|
|
||||||
ui.toolTaperAngle.value = angle.round(1);
|
|
||||||
ui.toolFluteLen.value = selectedTool.flute_len.round(4);
|
|
||||||
} else {
|
|
||||||
ui.toolTaperAngle.value = CAM.calcTaperAngle(rad, selectedTool.flute_len).round(1);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
ui.toolTaperAngle.value = 0;
|
|
||||||
}
|
|
||||||
renderTools();
|
|
||||||
ui.toolSelect.selectedIndex = selectedTool.order;
|
|
||||||
setToolChanged(true);
|
setToolChanged(true);
|
||||||
renderTool(selectedTool);
|
|
||||||
}
|
|
||||||
|
|
||||||
function setToolChanged(changed) {
|
|
||||||
editTools.changed = changed;
|
|
||||||
ui.toolsSave.disabled = !changed;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showTools() {
|
|
||||||
if (api.mode.get_id() !== MODES.CAM) return;
|
|
||||||
api.settings.sync.get().then(_showTools);
|
|
||||||
}
|
|
||||||
|
|
||||||
function _showTools() {
|
|
||||||
let selectedIndex = null;
|
|
||||||
|
|
||||||
editTools = settings().tools.slice().sort((a,b) => {
|
|
||||||
return a.name > b.name ? 1 : -1;
|
|
||||||
});
|
|
||||||
|
|
||||||
setToolChanged(false);
|
|
||||||
|
|
||||||
ui.toolsClose.onclick = function() {
|
|
||||||
if (editTools.changed && !confirm("abandon changes?")) return;
|
|
||||||
api.dialog.hide();
|
|
||||||
};
|
|
||||||
ui.toolAdd.onclick = function() {
|
|
||||||
let metric = settings().controller.units === 'mm';
|
|
||||||
editTools.push(Object.assign({
|
|
||||||
id: Date.now(),
|
|
||||||
number: maxTool + 1,
|
|
||||||
name: "new tool",
|
|
||||||
type: "endmill",
|
|
||||||
taper_tip: 0,
|
|
||||||
metric
|
|
||||||
}, metric ? {
|
|
||||||
shaft_diam: 2,
|
|
||||||
shaft_len: 15,
|
|
||||||
flute_diam: 2,
|
|
||||||
flute_len: 20,
|
|
||||||
} : {
|
|
||||||
shaft_diam: 0.25,
|
|
||||||
shaft_len: 1.5,
|
|
||||||
flute_diam: 0.25,
|
|
||||||
flute_len: 2,
|
|
||||||
}));
|
|
||||||
setToolChanged(true);
|
|
||||||
renderTools();
|
|
||||||
ui.toolSelect.selectedIndex = editTools.length-1;
|
|
||||||
selectTool(editTools[editTools.length-1]);
|
|
||||||
};
|
|
||||||
ui.toolCopy.onclick = function() {
|
|
||||||
let clone = Object.assign({}, selectedTool);
|
|
||||||
let { name } = clone;
|
|
||||||
let split = name.split(' ');
|
|
||||||
let endv = parseInt(split.pop());
|
|
||||||
if (endv) {
|
|
||||||
name = split.join(' ') + ' ' + (endv + 1);
|
|
||||||
} else {
|
|
||||||
name = `${name} 2`;
|
|
||||||
}
|
|
||||||
clone.id = Date.now();
|
|
||||||
clone.number = maxTool + 1;
|
|
||||||
clone.name = name;
|
|
||||||
editTools.push(clone);
|
|
||||||
setToolChanged(true);
|
|
||||||
renderTools();
|
|
||||||
ui.toolSelect.selectedIndex = editTools.length-1;
|
|
||||||
selectTool(editTools[editTools.length-1]);
|
|
||||||
};
|
|
||||||
ui.toolDelete.onclick = function() {
|
|
||||||
editTools.remove(selectedTool);
|
|
||||||
setToolChanged(true);
|
|
||||||
renderTools();
|
|
||||||
};
|
|
||||||
ui.toolsSave.onclick = function() {
|
|
||||||
if (selectedTool) updateTool();
|
|
||||||
settings().tools = editTools.sort((a,b) => {
|
|
||||||
return a.name < b.name ? -1 : 1;
|
|
||||||
});
|
|
||||||
setToolChanged(false);
|
|
||||||
api.conf.save();
|
|
||||||
api.conf.update_fields();
|
|
||||||
api.event.settings();
|
|
||||||
api.settings.sync.put();
|
|
||||||
};
|
|
||||||
ui.toolsImport.onclick = (ev) => api.event.import(ev);
|
|
||||||
ui.toolsExport.onclick = () => {
|
|
||||||
uc.prompt("Export Tools Filename", "tools").then(name => {
|
|
||||||
if (!name) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const record = {
|
|
||||||
version: kiri.version,
|
|
||||||
tools: api.conf.get().tools,
|
|
||||||
time: Date.now()
|
|
||||||
};
|
|
||||||
api.util.download(api.util.b64enc(record), `${name}.km`);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
renderTools();
|
renderTools();
|
||||||
if (editTools.length > 0) {
|
ui.toolSelect.selectedIndex = editTools.length-1;
|
||||||
selectTool(editTools[0]);
|
selectTool(editTools[editTools.length-1]);
|
||||||
ui.toolSelect.selectedIndex = 0;
|
};
|
||||||
|
ui.toolCopy.onclick = function() {
|
||||||
|
let clone = Object.assign({}, selectedTool);
|
||||||
|
let { name } = clone;
|
||||||
|
let split = name.split(' ');
|
||||||
|
let endv = parseInt(split.pop());
|
||||||
|
if (endv) {
|
||||||
|
name = split.join(' ') + ' ' + (endv + 1);
|
||||||
} else {
|
} else {
|
||||||
ui.toolAdd.onclick();
|
name = `${name} 2`;
|
||||||
}
|
}
|
||||||
|
clone.id = Date.now();
|
||||||
|
clone.number = maxTool + 1;
|
||||||
|
clone.name = name;
|
||||||
|
editTools.push(clone);
|
||||||
|
setToolChanged(true);
|
||||||
|
renderTools();
|
||||||
|
ui.toolSelect.selectedIndex = editTools.length-1;
|
||||||
|
selectTool(editTools[editTools.length-1]);
|
||||||
|
};
|
||||||
|
ui.toolDelete.onclick = function() {
|
||||||
|
editTools.remove(selectedTool);
|
||||||
|
setToolChanged(true);
|
||||||
|
renderTools();
|
||||||
|
};
|
||||||
|
ui.toolsSave.onclick = function() {
|
||||||
|
if (selectedTool) updateTool();
|
||||||
|
settings().tools = editTools.sort((a,b) => {
|
||||||
|
return a.name < b.name ? -1 : 1;
|
||||||
|
});
|
||||||
|
setToolChanged(false);
|
||||||
|
api.conf.save();
|
||||||
|
api.conf.update_fields();
|
||||||
|
api.event.settings();
|
||||||
|
setconf.sync.put();
|
||||||
|
};
|
||||||
|
ui.toolsImport.onclick = (ev) => api.event.import(ev);
|
||||||
|
ui.toolsExport.onclick = () => {
|
||||||
|
api.uc.prompt("Export Tools Filename", "tools").then(name => {
|
||||||
|
if (!name) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const record = {
|
||||||
|
version: kiri.version,
|
||||||
|
tools: api.conf.get().tools,
|
||||||
|
time: Date.now()
|
||||||
|
};
|
||||||
|
api.util.download(api.util.b64enc(record), `${name}.km`);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
api.dialog.show('tools');
|
renderTools();
|
||||||
ui.toolSelect.focus();
|
if (editTools.length > 0) {
|
||||||
|
selectTool(editTools[0]);
|
||||||
|
ui.toolSelect.selectedIndex = 0;
|
||||||
|
} else {
|
||||||
|
ui.toolAdd.onclick();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
api.dialog.show('tools');
|
||||||
|
ui.toolSelect.focus();
|
||||||
|
}
|
||||||
|
|
||||||
export { settings, renderTools, selectTool, otag, renderTool, updateTool, setToolChanged, showTools, DEG2RAD, opt, out, tags, att, tv, type, taper, drill, drillAngleRad, svg, yoff, mid, x1, fl, y1, x2, y2, rad, xend, CAM, angle, len, selectedIndex, metric, clone, split, endv, record };
|
export const tools = {
|
||||||
|
updateTool,
|
||||||
|
showTools
|
||||||
|
};
|
||||||
|
|
|
||||||
|
|
@ -429,21 +429,3 @@ CXDLP.render = function(params) {
|
||||||
}
|
}
|
||||||
return { lines, area };
|
return { lines, area };
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!self.navigator && self.process && self.process.env) {
|
|
||||||
let fs = require('fs');
|
|
||||||
eval(fs.readFileSync("src/add/class.js").toString());
|
|
||||||
let args = process.argv.slice(2);
|
|
||||||
let file = args.shift();
|
|
||||||
// let fpos = 0;
|
|
||||||
let view = new DataView(fs.readFileSync(file).buffer);
|
|
||||||
let read = new DataReader(view, 0);
|
|
||||||
let cxdlp = new CXDLP().read(view);
|
|
||||||
console.log({
|
|
||||||
cxdlp,
|
|
||||||
layers5: cxdlp.layers.slice(0,5),
|
|
||||||
lines1: cxdlp.get_layer_lines(1)
|
|
||||||
});
|
|
||||||
} else if (self.navigator) {
|
|
||||||
self.CXDLP = CXDLP;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,7 @@ import { platform } from './platform.js';
|
||||||
import { selection } from './selection.js';
|
import { selection } from './selection.js';
|
||||||
import { stats } from '../kiri/stats.js';
|
import { stats } from '../kiri/stats.js';
|
||||||
import { widgets } from './widgets.js';
|
import { widgets } from './widgets.js';
|
||||||
|
import { updateTool } from '../kiri-mode/cam/tools.js';
|
||||||
|
|
||||||
import { LANG } from './lang.js';
|
import { LANG } from './lang.js';
|
||||||
import { LOCAL, SETUP, SECURE } from './main.js';
|
import { LOCAL, SETUP, SECURE } from './main.js';
|
||||||
|
|
@ -153,7 +154,9 @@ export const api = {
|
||||||
space,
|
space,
|
||||||
stacks: STACKS,
|
stacks: STACKS,
|
||||||
stats,
|
stats,
|
||||||
tool: {}, // kiri-mode/cam/tools.js
|
tool: {
|
||||||
|
update: updateTool
|
||||||
|
},
|
||||||
tweak,
|
tweak,
|
||||||
uc: UC,
|
uc: UC,
|
||||||
ui: {}, // init.js
|
ui: {}, // init.js
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,7 @@ import { stats } from '../kiri/stats.js';
|
||||||
import { noop, utils } from '../kiri/utils.js';
|
import { noop, utils } from '../kiri/utils.js';
|
||||||
import { version } from '../moto/license.js';
|
import { version } from '../moto/license.js';
|
||||||
import { Widget } from './widget.js';
|
import { Widget } from './widget.js';
|
||||||
|
import { showTools } from '../kiri-mode/cam/tools.js';
|
||||||
|
|
||||||
let { parseOpt, o2js, js2o, ls2o } = utils,
|
let { parseOpt, o2js, js2o, ls2o } = utils,
|
||||||
{ COLOR, MODES, VIEWS } = consts,
|
{ COLOR, MODES, VIEWS } = consts,
|
||||||
|
|
@ -119,13 +120,14 @@ export const process = {
|
||||||
|
|
||||||
export const show = {
|
export const show = {
|
||||||
alert() { return api.alerts.show(...arguments) },
|
alert() { return api.alerts.show(...arguments) },
|
||||||
devices: showDevices,
|
|
||||||
progress: setProgress,
|
|
||||||
controls: setControlsVisible,
|
controls: setControlsVisible,
|
||||||
slices: showSlices,
|
devices: showDevices,
|
||||||
|
import() { api.ui.import.style.display = '' },
|
||||||
layer: setVisibleLayer,
|
layer: setVisibleLayer,
|
||||||
local: showLocal,
|
local: showLocal,
|
||||||
import: function() { api.ui.import.style.display = '' }
|
progress: setProgress,
|
||||||
|
slices: showSlices,
|
||||||
|
tools: showTools
|
||||||
};
|
};
|
||||||
|
|
||||||
export const space = {
|
export const space = {
|
||||||
|
|
|
||||||
|
|
@ -251,6 +251,9 @@ details[open] summary::after {
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.dark option:checked {
|
||||||
|
background-color: var(--blue-1);
|
||||||
|
}
|
||||||
.dark hr {
|
.dark hr {
|
||||||
border-color: #555;
|
border-color: #555;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue