UI/UX App mode (ITISFoundation#2644)

Author: odeimaiz

services/web/client/source/class/osparc/auth/LoginPageS4L.js

@@ -37,7 +37,7 @@ qx.Class.define("osparc.auth.LoginPageS4L", {
   },
 
   members: {
-    // overriden
+    // overridden
     _buildLayout: function() {
       const layout = new qx.ui.layout.HBox();
       this._setLayout(layout);

services/web/client/source/class/osparc/component/form/renderer/PropForm.js

@@ -111,8 +111,7 @@ qx.Class.define("osparc.component.form.renderer.PropForm", {
     __createLinkOpts: function(field) {
       const optionsMenu = new qx.ui.menu.Menu().set({
         offsetLeft: 2,
-        position: "right-top",
-        backgroundColor: "background-main-lighter+"
+        position: "right-top"
       });
       optionsMenu.getContentElement().setStyles({
         "border-top-right-radius": "6px",

services/web/client/source/class/osparc/component/form/renderer/PropFormEditor.js

@@ -29,7 +29,7 @@ qx.Class.define("osparc.component.form.renderer.PropFormEditor", {
   construct: function(form, node) {
     this.base(arguments, form, node);
 
-    this.__ctrlRBsMap = {};
+    this.__ctrlRadioButtonsMap = {};
     this.__addAccessLevelRBs();
   },
 
@@ -48,14 +48,14 @@ qx.Class.define("osparc.component.form.renderer.PropFormEditor", {
       readAndWrite: 2
     },
 
-    __ctrlRBsMap: null,
+    __ctrlRadioButtonsMap: null,
 
     // overridden
     setAccessLevel: function(data) {
       for (const key in data) {
         const control = this.__getRadioButtonsFieldChild(key);
         if (control) {
-          const group = this.__ctrlRBsMap[key];
+          const group = this.__ctrlRadioButtonsMap[key];
           switch (data[key]) {
             case this._visibility.hidden: {
               group.setSelection([group.getSelectables()[0]]);
@@ -127,7 +127,7 @@ qx.Class.define("osparc.component.form.renderer.PropFormEditor", {
 
       const group = new qx.ui.form.RadioGroup(rbHidden, rbReadOnly, rbEditable);
       group.setSelection([rbEditable]);
-      this.__ctrlRBsMap[portId] = group;
+      this.__ctrlRadioButtonsMap[portId] = group;
       group.addListener("changeSelection", this.__onAccessLevelChanged, this);
 
       const ctrlField = this._getCtrlFieldChild(portId);
@@ -161,8 +161,8 @@ qx.Class.define("osparc.component.form.renderer.PropFormEditor", {
       inputAccess[portId] = accessLevel;
       this.getNode().setInputAccess(inputAccess);
 
-      const propWidget = this.getNode().getPropsForm();
-      propWidget.setAccessLevel(data);
+      const propsForm = this.getNode().getPropsForm();
+      propsForm.setAccessLevel(data);
     },
 
     __addDelTag: function(label) {