WIP

config.sl1.js

@@ -15,6 +15,7 @@ module.exports = (env, args) => {
         WITH_START_PRINT_AFTER_UPLOAD: true,
         WITH_LOGS: false,
         WITH_FONT: false,
+        WITH_V1_API: true,
         ...env,
     };
     return webpackConfig(config, args);

src/printer/common.js

@@ -2,9 +2,10 @@ import { LinkState, translateState } from "../state";
 
 const SEPARATOR = " - ";
 
-export const getPrinterLabel = (context) => {
-  return buildTitle([context.printer?.location, context.printer?.name]);
-};
+export const getPrinterLabel = (context) => buildTitle([
+  context.printer?.location || context.printer?.hostname,
+  context.printer?.name
+]);
 
 export const buildTitle = (titleItems) => {
   return [...titleItems]

src/printer/components/cameras.js

@@ -411,7 +411,6 @@ const createCameraSettingsModal = (cameraId, resolve) => {
         inputTriggerScheme.value = translateTriggerScheme(data.trigger_scheme);
 
         setVisible(inputFocus.parentNode, hasFocus);
-        console.log(`DEBUG: has focus (${hasFocus})`, data)
         if (hasFocus) {
           inputFocus.value = Math.round(data.focus * 100);
         }

src/printer/components/dataFormat.js

@@ -20,19 +20,6 @@ const str_GB = translate("unit.gb");
 const str_true = translate("prop.true");
 const str_false = translate("prop.false");
 
-/**
- * Format the value data with format specificated.
- * @param {string} format - one of ["int", "number", "layer", "temp", "fan", "resin", "cover", "date", "progress", "timeEst", "time", "expo", "boolean"]
- * @param {any} value
- */
-const formatData = (format, value) => {
-  if (process.env.PRINTER_TYPE === "sla") {
-    return slaFormatData(format, value);
-  } else {
-    return fdmFormatData(format, value);
-  }
-};
-
 /**
  * It formats a number using fixed-point notation with one digit after the decimal point.
  * ex: 123.456 => 123.4
@@ -193,75 +180,38 @@ function formatBoolean(value) {
 }
 
 /**
- * Format the value data with format specificated for sla type.
- * @param {string} format - one of ["int", "number", "layer", "temp", "fan", "resin", "cover", "date", "progress", "timeEst", "time", "expo", "boolean"]
+ * Format the value data with format specificated.
+ * @param {string} format - one of ["number", "temp", "fan", "pos", "date", "progress", "timeEst", "time"]
  * @param {any} value
  */
-const slaFormatData = (format, value) => {
+const formatData = (format, value) => {
   if (value === undefined || (value === null && format !== "progress")) {
     return translate("prop.na");
   }
+
   switch (format) {
     case "int":
       return parseInt(value);
     case "number":
       return numberFormat(value);
     case "layer":
       return numberFormat(value, false) + " mm";
-    case "temp":
-      return numberFormat(value) + " °C";
-    case "fan":
-      return numberFormat(value) + ` ${str_rpm}`;
-    case "resin":
-      return numberFormat(value) + ` ${str_ml}`;
-    case "cover":
-      return value
-        ? translate("prop.cover-closed")
-        : translate("prop.cover-opened");
-    case "date":
-      return dateFormat(value);
-    case "progress":
-      return numberFormat((value || 0) * 100, true, 0) + "%";
-    case "timeEst":
-      return formatEstimatedTime(value);
-    case "time":
-      return formatTime(value);
-    case "est-time":
-      return "~ " + formatTime(value);
-    case "expo":
-      return formatExposure(value);
     case "totalLayer":
       return totalLayers(value);
     case "material":
       return value || translate("prop.na");
-    case "size":
-      return formatSize(value);
-    case "boolean":
-      return formatBoolean(value);
-    default:
-      return value;
-  }
-};
-
-/**
- * Format the value data with format specificated for fdm type.
- * @param {string} format - one of ["number", "temp", "fan", "pos", "date", "progress", "timeEst", "time"]
- * @param {any} value
- */
-const fdmFormatData = (format, value) => {
-  if (value === undefined || (value === null && format !== "progress")) {
-    return translate("prop.na");
-  }
-
-  switch (format) {
-    case "number":
-      return numberFormat(value);
     case "temp":
       return numberFormat(value) + " °C";
     case "temp_int":
         return numberFormat(value, 0) + "°C";
     case "fan":
       return numberFormat(value) + ` ${str_rpm}`;
+    case "resin":
+      return numberFormat(value) + ` ${str_ml}`;
+    case "cover":
+      return value
+        ? translate("prop.cover-closed")
+        : translate("prop.cover-opened");
     case "print":
       return numberFormat(value || 0, true, 0) + "%";
     case "pos":

src/printer/components/files.js

@@ -202,6 +202,9 @@ const updateFiles = (opts = {}) => {
     headers: { "If-None-Match": lastETag },
   })
   .then((result) => {
+    if (result.code === 304) {
+      return
+    }
     if (url !== getCurrentApiPath()) {
       // user navigated to other folder
       return;

src/printer/components/job.js

@@ -2,22 +2,18 @@
 // Copyright (C) 2021 Prusa Research a.s. - www.prusa3d.com
 // SPDX-License-Identifier: GPL-3.0-or-later
 
-import joinPaths from "../../helpers/join_paths";
 import updateProperties from "./updateProperties";
 import { cancelJob, cancelPreview, pauseJob, resumeJob, startJob } from "./jobActions";
 import { deleteFile, downloadFile } from "./fileActions";
-import { getImage, getJson } from "../../auth";
-import { handleError } from "./errors";
-import { renderProgressImg, updateProgressImg } from "./progressImage";
+import { renderProgressImg } from "./progressImage";
 import { setEnabled, setHidden, setVisible, showLoading, hideLoading } from "../../helpers/element";
 import { updateProgressBar } from "./progressBar";
 import { translate } from "../../locale_provider";
-import changeExposureTimesQuestion from "../sla/exposure";
-import { resinRefill } from "../sla/refill";
+import changeExposureTimesQuestion from "../views/exposure";
+import { resinRefill } from "../views/refill";
 import { JobPendingStates, LinkState, OperationalStates } from "../../state";
 import { setButtonLoading, unsetButtonLoading } from "../../helpers/button";
 import printer from "..";
-import { context } from "../fdm";
 
 let pendingCommand = null;
 let pendingDownload = null;
@@ -102,14 +98,13 @@ function updateComponent(context, isFilePreview) {
 function setupRefill(stateText) {
   const preview = document.getElementById("preview-wrapper")
   const refill = document.getElementById("refill-wrapper")
-  if (stateText == "Feed me" || stateText == "Pour in resin") {
-    if (stateText == "Pour in resin") {
+  if ([LinkState.REFILL, LinkState.POUR_IN_RESIN].includes(stateText)) {
+    if (stateText == LinkState.POUR_IN_RESIN) {
       translate("msg.sla-pour-resin", { query: "#sla-refill-text" });
     }
     setHidden(preview);
     setVisible(refill);
-  }
-  else {
+  } else {
     setHidden(refill);
     setVisible(preview);
   }
@@ -173,22 +168,44 @@ function setupButtons(state, dataSource, jobId) {
   setupDownloadButton(state, file, jobId);
 
   if (!!jobId) {
-    if (process.env.PRINTER_TYPE === "fdm") {
+
+    if (process.env.PRINTER_TYPE === "sla") {
+      setupExposureButton(state, dataSource, changeExposureTimesQuestion);
+      // pause for refill
+      setupPauseButton(state, jobId, "#job #refill");
+      setupSlaResumeWithRefillButton(state, jobId);
+      setupSlaResumeNoRefillButton(state, jobId);
+    } else if (process.env.PRINTER_TYPE === "fdm") {
       setupPauseButton(state, jobId, "#job #pause");
       setupResumeButton(state, jobId);
     }
+  }
+}
 
-    if (process.env.PRINTER_TYPE === "sla") {
-      const jobFile = jobResult?.job?.file;
-      if (jobFile)
-        setupExposureButton(state, jobFile, changeExposureTimesQuestion);
-      setupPauseButton(state, jobId, "#job #refill");
-      setupSlaResumeButton(state, "#job #continue");
-      setupSlaResumeButton(state, "#job #back");
+function setupSlaResumeWithRefillButton(state, jobId) {
+  const btn = document.querySelector("#job #continue");
+  setVisible(btn, [LinkState.REFILL, LinkState.POUR_IN_RESIN].includes(state));
+
+  if (btn) {
+    btn.onclick = () => state === LinkState.REFILL ? resinRefill(jobId) : resumeJob(jobId);
+  }
+}
+
+function setupSlaResumeNoRefillButton(state, jobId) {
+  const btn = document.querySelector("#job #back");
+  const isVisible = LinkState.REFILL === state;
+  setVisible(btn, isVisible);
+
+  if (btn) {
+    btn.onclick = () => {
+      setEnabled(btn, false);
+      pendingCommand = {code: "resume", state: state};
+      resumeJob(jobId).catch(() => pendingCommand = null);
     }
   }
 }
 
+
 function setupCancelButton(state, jobId) {
   const btnStop = document.querySelector("#job #stop");
   const btnClose = document.querySelector("#job-close");
@@ -201,7 +218,7 @@ function setupCancelButton(state, jobId) {
 
   if (btnStop) {
     if (jobId) {
-      const isVisible = jobId || (process.env.PRINTER_TYPE === "sla" && state.text != "Feed me");
+      const isVisible = jobId || (process.env.PRINTER_TYPE === "sla" && state !== LinkState.REFILL);
       setVisible(btnStop, isVisible);
       btnStop.onclick = () => {
         cancelJob(jobId, {
@@ -237,7 +254,7 @@ function setupStartButton(state, file, jobId) {
 function setupPauseButton(state, jobId, selector) {
   const btn = document.querySelector(selector);
   const isPrinting = state === LinkState.PRINTING;
-  setVisible(btn, isPrinting);
+  setVisible(btn, (isPrinting));
   setEnabled(btn, !pendingCommand && isPrinting);
 
   if (btn) {
@@ -252,33 +269,15 @@ function setupPauseButton(state, jobId, selector) {
 
 function setupResumeButton(state, jobId) {
   const btn = document.querySelector("#job #resume");
-  const isPaused = state === LinkState.PAUSED;
+  const isPaused = [LinkState.PAUSED].includes(state);
   setVisible(btn, isPaused);
   setEnabled(btn, !pendingCommand && isPaused);
 
   if (btn) {
     btn.onclick = () => {
       setEnabled(btn, false);
       pendingCommand = {code: "resume", state: state};
-      resumeJob(jobId)
-        .catch(() => pendingCommand = null);
-    }
-  }
-}
-
-function setupSlaResumeButton(state, selector) {
-  const btn = document.querySelector(selector);
-  if (selector.includes("#back"))
-    setVisible(btn, state.flags.paused && state.text === "Feed me");
-  else
-    setVisible(btn, state.flags.paused);
-
-
-  if (btn) {
-    if (state.text == "Feed me" && !selector.includes("#back")) {
-      btn.onclick = resinRefill;
-    } else {
-      btn.onclick = resumeJob;
+      resumeJob(jobId).catch(() => pendingCommand = null);
     }
   }
 }
@@ -321,12 +320,13 @@ function setupDownloadButton(state, file, jobId) {
   }
 }
 
-function setupExposureButton(state, jobFile, changeExposureTimesQuestion) {
+function setupExposureButton(state, job, changeExposureTimesQuestion) {
   const btn = document.querySelector("#job #exposure");
   if (btn) {
-    setVisible(btn, state.text === "Pour in resin" || state.text === "Printing");
-    setEnabled(btn, state.flags.operational);
-    btn.onclick = () => changeExposureTimesQuestion(jobFile);
+    const canSetupExposure = [...OperationalStates, LinkState.PRINTING, LinkState.POUR_IN_RESIN].includes(state)
+    setVisible(btn, canSetupExposure);
+    setEnabled(btn, canSetupExposure);
+    btn.onclick = () => changeExposureTimesQuestion(job);
   }
 }
 

src/printer/components/question.js

@@ -31,7 +31,7 @@ export const doQuestion = (data) => {
       no: (cb) => cb(),
       yesText: translate("btn.yes"),
       noText: translate("btn.no"),
-      next: "#files",
+      next: "#dashboard",
     },
     data
   );

src/printer/components/toast.js

@@ -38,7 +38,9 @@ export const createToast = (title, message, type) => {
 function show({ title, message, type, onClose }) {
   const article = createToast(title, message, type);
   const close = () => {
-    toast_context.removeChild(article);
+    if (toast_context.contains(article)) {
+      toast_context.removeChild(article);
+    }
     onClose?.();
   };