refinement to readonly mode: banner now gray and removed disabled for controls as they were too faded to read properly and some controls with action buttons didn't work (email, phone etc)

ayanova/src/api/gzmenu.js

@@ -45,6 +45,15 @@ export default {
     vm.appBar.isMain = ctx.isMain;
     vm.appBar.icon = ctx.icon;
     vm.appBar.title = ctx.title;
+    vm.appBar.readOnly = ctx.readOnly;
+
+    //:color="appBar.isMain ? 'primary' : 'secondary'"
+    if (ctx.readOnly === true) {
+      vm.appBar.color = "readonlybanner";
+    } else {
+      vm.appBar.color = ctx.isMain ? "primary" : "secondary";
+    }
+
     if (ctx.title) {
       document.title = "AyaNova " + vm.$ay.t(ctx.title);
     } else {
@@ -188,6 +197,9 @@ export default {
         data: "ay-about"
       });
     }
+
+    // console.log("appbar", vm.appBar);
+    // console.log("ctx", ctx);
   },
   ///////////////////////////////
   // CHANGE HANDLER