From 4393a15a9ee037fec4392ca7a6ecfe08f549c8b0 Mon Sep 17 00:00:00 2001
From: sanjayk03-dev <imsanjay003@gmail.com>
Date: Tue, 30 Jan 2024 20:28:56 +0530
Subject: [PATCH] event for input

---
 src/js/macros.js             | 12 ++++++++++++
 src/pug/templates/macros.pug |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/js/macros.js b/src/js/macros.js
index fb84708..9ac7074 100644
--- a/src/js/macros.js
+++ b/src/js/macros.js
@@ -69,6 +69,18 @@ module.exports = {
       this.newGcode = event.target.value;
       this.$dispatch("macros-edited");
     },
+    editedColor: function (event) {
+      console.log("color: ", event.target.value);
+      if (this.config[this.tab - 1].color != event.target.value) {
+        console.log("Value Changed");
+      }
+    },
+    editedName: function (event) {
+      console.log("name: ", event.target.value);
+      if (this.config[this.tab - 1].name != event.target.value) {
+        console.log("Value Changed");
+      }
+    },
     showDialogAsync: function (title, file) {
       return new Promise((resolve, reject) => {
         SvelteComponents.showDialog(title, {
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
index c659747..25b9049 100644
--- a/src/pug/templates/macros.pug
+++ b/src/pug/templates/macros.pug
@@ -80,8 +80,8 @@ script#macros-template(type="text/x-template")
         .macros-form
                         p.title Macros Name
                         .input-container
-                                input.input-color(type="color",id="macros-color",value="#ffffff") 
-                                input.input-name(type="text",minlength='1',maxlength='15',id="macros-name" ,v-model="macrosName")
+                                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",@change="editedName")
                         p.title Macros G-Code
                         .flex-row-container                      
                                 select(id="gcode-select",title="Select previously uploaded GCode programs.",selected
@@ -104,5 +104,5 @@ script#macros-template(type="text/x-template")
                         .gcodeContainer
                                 textarea.new-gcode(id="gcode-field", v-model="newGcode" ,@keypress="updateNewGcode")
 
-        button.submit-macros.button-submit(title="Save Macros",@click="confirmSave=true",:disabled="!edited") Save
+        button.submit-macros.button-success(title="Save Macros",@click="confirmSave=true",:disabled="!edited") Save
         button.submit-macros(title="Cancel Macros",@click="clearMacros",style="margin-left:5px;background-color:#fafafa;",:disabled="initial_tab") Cancel