Henrik Muehe
94072253d4
Replaces the legacy side-menu chrome with a 4-tab top header. - index.pug: tablet/kiosk fit-to-viewport script, header tab nav, estop/state badges in header. - app.js: route hash to (control|program|console|<settings-family>), multi-section settings shell. - control-view: header DRO, jog grid, MDI/probe/macros panels. - program-view + program-mixin: file browser + toolpath preview + run/pause/stop, replaces the legacy 'macros' tab content. - console-view: MDI shell, message log, indicators. - settings-shell-view: rail-driven inner pages (Display & Units, Probing, G-code & Motion, Macros, Network, etc.). - settings-view: filter Svelte SettingsView to one rail section. - SettingsView.svelte: tag every section with data-sec=… so the filter above can hide non-matching ones. - style.styl: ~2700 lines of V09 layout, DRO, jog grid, status strip, and tablet/kiosk variants. No A-axis / auxiliary-axis content lives on this branch.
63 lines
1.4 KiB
JavaScript
63 lines
1.4 KiB
JavaScript
"use strict";
|
|
|
|
// Program tab — file management, run/stop, gcode listing and 3D
|
|
// toolpath preview. Reuses the shared mixin (program-mixin) that also
|
|
// powers the legacy bits of control-view; this view does not host the
|
|
// jog grid or the DRO.
|
|
|
|
module.exports = {
|
|
template: "#program-view-template",
|
|
props: ["config", "template", "state"],
|
|
|
|
components: {
|
|
"path-viewer": require("./path-viewer"),
|
|
"gcode-viewer": require("./gcode-viewer"),
|
|
},
|
|
|
|
data: function () {
|
|
return {};
|
|
},
|
|
|
|
watch: {
|
|
"state.metric": {
|
|
handler: function () {},
|
|
immediate: true,
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
is_kiosk: function () { return !!this.$root.is_kiosk; },
|
|
|
|
display_units: {
|
|
cache: false,
|
|
get: function () { return this.$root.display_units; },
|
|
set: function (value) {
|
|
this.config.settings.units = value;
|
|
this.$root.display_units = value;
|
|
this.$dispatch("config-changed");
|
|
},
|
|
},
|
|
|
|
metric: function () {
|
|
return this.display_units === "METRIC";
|
|
},
|
|
|
|
mach_state: function () {
|
|
const cycle = this.state.cycle;
|
|
const xx = this.state.xx;
|
|
if (xx != "ESTOPPED" && (cycle == "jogging" || cycle == "homing")) {
|
|
return cycle.toUpperCase();
|
|
}
|
|
return xx || "";
|
|
},
|
|
|
|
can_set_axis: function () { return this.state.cycle == "idle"; },
|
|
},
|
|
|
|
ready: function () {
|
|
this.load();
|
|
},
|
|
|
|
mixins: [require("./program-mixin")],
|
|
};
|