macros ui fix and control view added present and absent class

src/js/control-view.js

@@ -203,17 +203,8 @@ module.exports = {
             return Math.min(1, p);
         },
         isMacrosPresent: function(){
-            return true;
-            // if(this.config.macros!=undefined){
-            //     console.log("isMacrosPresent",this.config.macros!=undefined);
-            //     console.log(this.config.macros.length!=0);
-            //     return this.config.macros.length!=0;
-            // }
-            // return false;
+            return this.config.macros!=undefined;
         },
-        isMacrosAbsent: function(){
-            return false;
-        }
     },
 
     events: {

src/js/macros.js

@@ -24,7 +24,7 @@ module.exports = {
             if (state != "ESTOPPED" && (cycle == "jogging" || cycle == "homing")) {
                 return cycle.toUpperCase();
             }
-
+            
             return state || "";
         },
         is_ready: function() {

src/pug/templates/control-view.pug

@@ -209,15 +209,11 @@ script#control-view-template(type="text/x-template")
 
     .macros-div
       p Macros
-      .test-true(v-if="isMacrosPresent")
-        p true
-      .test-false(v-if="isMacrosAbsent")
-        p false`
-      .macros-buttons(v-if="config.macros!=undefined")
+      .macros-buttons(class="present",v-if="isMacrosPresent")
         p there is a active macro
-      .macros-buttons(v-if="config.macros==undefined")
-        p there is no macro
-      
+      .macros-buttons(class ="absent",v-if="!isMacrosPresent")
+        p there is No macro
+
 
     .tabs
      

src/pug/templates/macros.pug

@@ -15,7 +15,7 @@ script#macros-template(type="text/x-template")
                 :disabled="!is_ready",style="height:40px;width:130px;font-weight:normal;border-radius:5px") Upload
         br
         button.submit-macros(title="Save Macros",@click="saveMacros",
-                style="height:50px;width:140px;font-weight:normal;background-color:#add1ad;color:#fff;border-color:#add1ad;padding-top:5px") Save Macros
+                style="height:50px;width:140px;font-weight:normal;background-color:#add1ad;color:#fff;border-color:#add1ad;margin-top:15px") Save Macros
         button.pure-button(title="Print config.", @click="printConfig",
                 style="height:50px;width:120px;font-weight:normal;padding-top:5px") print Config