From 2eb775d418d9dad070e8dcabb624c8f71e2ed622 Mon Sep 17 00:00:00 2001
From: sanjayk03-dev <imsanjay003@gmail.com>
Date: Thu, 22 Feb 2024 04:25:24 +0530
Subject: [PATCH] DOM to State

---
 src/js/macros.js             | 4 +++-
 src/pug/templates/macros.pug | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/js/macros.js b/src/js/macros.js
index cc6012b..137880c 100644
--- a/src/js/macros.js
+++ b/src/js/macros.js
@@ -19,6 +19,7 @@ module.exports = {
       addMacros: false,
       maxLimitReached: false,
       macrosName: "",
+      isChecked: false,
       fileName: "default",
       newGcode: "",
     };
@@ -201,7 +202,8 @@ module.exports = {
       const macrosList = macros.map(item => item.name);
       var macrosName = document.getElementById("macros-name").value;
       var macrosColor = document.getElementById("macros-color").value;
-      var macrosAlert = document.getElementById("macros-alert").value;
+      var macrosAlert = this.isChecked;
+      console.log(macrosAlert);
       const formattedFilename = macrosName
         .replace(/\\/g, "_")
         .replace(/\//g, "_")
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
index 9c308af..8a3fca2 100644
--- a/src/pug/templates/macros.pug
+++ b/src/pug/templates/macros.pug
@@ -83,7 +83,7 @@ script#macros-template(type="text/x-template")
                                 input.input-color(type="color",id="macros-color",value="#ffffff",@change="editedColor") 
                                 input.input-name(type="text",minlength='1',maxlength='15',id="macros-name" ,v-model="macrosName",@keypress="editedName")
                         div
-                          input.input-alert(type="checkbox",id="macros-alert" value="false",@change="editedAlert")
+                          input.input-alert(type="checkbox",id="macros-alert" v-model="isChecked")
                           label Would you like an alert when running this macro?
                         p.title Macros G-Code
                         .flex-row-container