written xml request func

src/js/macros.js

@@ -43,7 +43,6 @@ module.exports = {
       utils.clickFileInput("gcode-file-input");
     },
     load: function () {
-      const file_time = this.state.selected_time;
       const file = this.state.selected;
       this.$broadcast("gcode-load", file);
       this.$broadcast("gcode-line", this.state.line);
@@ -77,6 +76,34 @@ module.exports = {
         },
       });
     },
+    uploadGCode: function (filename,file) {
+      const xhr = new XMLHttpRequest();
+
+      console.log(xhr);
+
+      xhr.onload = function () {
+        if (xhr.status >= 200 && xhr.status < 300) {
+          console.log("File uploaded successfully");
+        } else {
+          console.error("File upload failed:", xhr.statusText);
+        }
+      };
+
+      xhr.onerror = function () {
+        console.error("Network error during file upload");
+      };
+
+      xhr.upload.onprogress = function (event) {
+        if (event.lengthComputable) {
+          const progress = (event.loaded / event.total) * 100;
+          console.log("Upload progress:", progress);
+        }
+      };
+
+      xhr.open("PUT", `/api/file/${encodeURIComponent(filename)}`, true);
+      xhr.send(file);
+
+    },
     saveMacros: async function () {
       var macrosName = document.getElementById(
         `macros-name-${this.tab - 1}`
@@ -85,28 +112,16 @@ module.exports = {
         `macros-color-${this.tab - 1}`
       ).value;
 
-      console.log(this.newGcode[this.tab-1]);
-
-      if(this.state.selected =='default'){
-        const file = this.newGcode[this.tab-1];
-        SvelteComponents.showDialog("Upload", {
-          file,
-          onComplete: () => {
-            this.last_file_time = macrosName;
-            // this.$broadcast("gcode-reload", file.name);
-          },
-        });
+      if (this.state.selected == "default") {
+        var file = this.newGcode[this.tab - 1];
+        this.uploadGCode(macrosName,file);
       }
 
-      console.log(this.tab-1);
-
       this.config.macros[this.tab - 1].name = macrosName;
-      console.log(this.config.macros[this.tab-1].name);
       this.config.macros[this.tab - 1].color = macrosColor;
       this.config.macros[this.tab - 1].gcode_file_name = file.name;
       this.config.macros[this.tab - 1].gcode_file_time =
         this.state.selected_time;
-      console.log(this.config.macros);
       this.cancelMacros(this.tab - 1);
       this.confirmSave = false;
       try {

src/svelte-components/src/dialogs/UploadDialog.svelte

@@ -39,8 +39,6 @@
             }
         };
 
-        console.log(xhr);
-
         xhr.upload.onerror = () => {
             open = false;
             alert("Upload failed.");
@@ -54,9 +52,6 @@
             progress = event.loaded / event.total;
         };
 
-        console.log(file);
-        console.log(file.name);
-
         xhr.open("PUT", `/api/file/${encodeURIComponent(file.name)}`);
         xhr.send(file);
     }