Added Gcode preview feature

This commit is contained in:
umbeeKde 2020-11-30 12:57:29 +01:00
commit c90474a90f
6 changed files with 21 additions and 0 deletions

2
.gitignore vendored
View file

@ -3,3 +3,5 @@ tmp
.DS_Store
node_modules
package-lock.json
logs/*
data/*

View file

@ -619,6 +619,7 @@
exportOcto: false,
exportGhost: false,
exportLocal: true,
exportCodePreview: false,
decimate: true,
detail: "good",
animesh: "200"

View file

@ -425,6 +425,9 @@
let octo = set.controller.exportOcto && MODE !== MODES.CAM;
let ghost = set.controller.exportGhost;
let local = set.controller.exportLocal;
let codepreview = set.controller.exportCodePreview;
$('code-preview-head').style.display = codepreview ? '' : 'none';
$('code-preview').style.display = codepreview ? '' : 'none';
$('print-download').onclick = download;
$('print-filament-head').style.display = fdm ? '' : 'none';
$('print-filament-info').style.display = fdm ? '' : 'none';
@ -486,6 +489,9 @@
$('admin-gridlocal').onclick = admin_gridlocal;
} catch (e) { console.log(e) }
// preview of the generated GCODE
if (codepreview && gcode) $('code-preview-textarea').value = gcode;
// show dialog
API.modal.show('print');
});

View file

@ -144,6 +144,7 @@
control.exportOcto = UI.exportOcto.checked;
control.exportGhost = UI.exportGhost.checked;
control.exportLocal = UI.exportLocal.checked;
control.exportCodePreview = UI.exportCodePreview.checked;
control.decimate = UI.decimate.checked;
SPACE.view.setZoom(control.reverseZoom, control.zoomSpeed);
platform.layout();
@ -1502,6 +1503,7 @@
exportOcto: UC.newBoolean(`OctoPrint`, booleanSave),
exportGhost: UC.newBoolean(`Grid:Host`, booleanSave),
exportLocal: UC.newBoolean(`Grid:Local`, booleanSave),
exportCodePreview: UC.newBoolean(`Code Preview`, booleanSave),
parts: UC.newGroup(LANG.pt_menu, $('prefs-prt'), {inline: true}),
detail: UC.newSelect(LANG.pt_qual_s, {title: LANG.pt_qual_l, action: detailSave}, "detail"),

View file

@ -645,6 +645,11 @@ th, tr, td, label {
#print-download {
min-height: 4em !important;
}
#code-preview-textarea {
width: 100%;
height: 250px;
font-size: 10px;
}
.mod-end {
height: 10px;
border-bottom-left-radius: 10px;

View file

@ -12,6 +12,11 @@
<div><label>printed weight (g)</label><input id="print-weight" size="12" disabled="true" /></div>
</div>
<div id="code-preview-head" class="header"><label>code preview</label></div>
<div id="code-preview" class="f-col box">
<div><textarea id="code-preview-textarea"></textarea></div>
</div>
<div class="header"><label>gcode</label></div>
<div class="f-row box">
<button id="print-download" class="grow">download</button>