testing with setting var func and pug template

src/js/control-view.js

@@ -203,13 +203,16 @@ module.exports = {
             return Math.min(1, p);
         },
         isMacrosPresent: function(){
-            return this.config.macros != undefined;
+            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;
+        },
+        isMacrosAbsent: function(){
+            return false;
         }
     },
 

src/pug/templates/control-view.pug

@@ -209,10 +209,14 @@ 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")
-          p there is a active macro
+        p there is a active macro
       .macros-buttons(v-if="config.macros==undefined")
-          p there is no macro
+        p there is no macro
       
 
     .tabs

src/stylus/style.styl

@@ -531,6 +531,8 @@ span.unit
           white-space nowrap
 
   .tabs
+     padding-top 40px
+     
     section
       min-height 500px
       overflow-x hidden