Frontend privileges. 2nd iteration (#753)

* help points to our itisfoundation.github.io
* typo
* Do not show Debug level in logger to User and Anon
* Do not show nodeIds in NodesTree to User and Anon
* Tester and higher level roles can switch their role to a lower one

Author: odeimaiz

services/web/client/source/class/qxapp/component/widget/NewGHIssue.js

@@ -35,7 +35,7 @@ qx.Class.define("qxapp.component.widget.NewGHIssue", {
       env += "\n```";
       const body = encodeURIComponent(temp+env);
       let url = "https://github.com/ITISFoundation/osparc-simcore/issues/new";
-      url += "?labels=tester_review,UX_improvemnts";
+      url += "?labels=tester_review,UX_improvements";
       url += "&projects=ITISFoundation/3";
       url += "&body=" + body;
       return url;

services/web/client/source/class/qxapp/component/widget/NodeTreeItem.js

@@ -64,11 +64,13 @@ qx.Class.define("qxapp.component.widget.NodeTreeItem", {
         flex: 1
       });
 
-      // Add a NodeId
-      var nodeIdWidget = new qx.ui.basic.Label();
-      this.bind("nodeId", nodeIdWidget, "value");
-      nodeIdWidget.setMaxWidth(250);
-      this.addWidget(nodeIdWidget);
+      if (qxapp.data.Permissions.getInstance().canDo("study.nodestree.uuid.read")) {
+        // Add a NodeId
+        const nodeIdWidget = new qx.ui.basic.Label();
+        this.bind("nodeId", nodeIdWidget, "value");
+        nodeIdWidget.setMaxWidth(250);
+        this.addWidget(nodeIdWidget);
+      }
     }
   }
 });

services/web/client/source/class/qxapp/component/widget/logger/LoggerView.js

@@ -41,12 +41,17 @@
  * </pre>
  */
 
-const LOG_LEVEL = {
-  debug: -1,
-  info: 0,
-  warning: 1,
-  error: 2
-};
+const LOG_LEVEL = [
+  {
+    debug: -1
+  }, {
+    info: 0
+  }, {
+    warning: 1
+  }, {
+    error: 2
+  }
+];
 Object.freeze(LOG_LEVEL);
 
 qx.Class.define("qxapp.component.widget.logger.LoggerView", {
@@ -79,8 +84,9 @@ qx.Class.define("qxapp.component.widget.logger.LoggerView", {
       apply : "__applyFilters",
       nullable: false,
       check : "Number",
-      init: LOG_LEVEL.debug
+      init: LOG_LEVEL[0].debug
     },
+
     caseSensitive: {
       nullable: false,
       check : "Boolean",
@@ -115,14 +121,24 @@ qx.Class.define("qxapp.component.widget.logger.LoggerView", {
 
       const part = new qx.ui.toolbar.Part();
       const group = new qx.ui.form.RadioGroup();
-      for (let level in LOG_LEVEL) {
+      let logLevelSet = false;
+      for (let i=0; i<LOG_LEVEL.length; i++) {
+        const level = Object.keys(LOG_LEVEL[i])[0];
+        const logLevel = LOG_LEVEL[i][level];
+        if (level === "debug" && !qxapp.data.Permissions.getInstance().canDo("study.logger.debug.read")) {
+          continue;
+        }
         const label = level.charAt(0).toUpperCase() + level.slice(1);
         const button = new qx.ui.form.ToggleButton(label).set({
           appearance: "toolbar-button"
         });
-        button.logLevel = LOG_LEVEL[level];
+        button.logLevel = logLevel;
         group.add(button);
         part.add(button);
+        if (!logLevelSet) {
+          this.setLogLevel(logLevel);
+          logLevelSet = true;
+        }
       }
       group.addListener("changeValue", e => {
         this.setLogLevel(e.getData().logLevel);
@@ -155,27 +171,29 @@ qx.Class.define("qxapp.component.widget.logger.LoggerView", {
       resizeBehavior.setWidth(0, "15%");
       resizeBehavior.setWidth(1, "85%");
 
+      this.__applyFilters();
+
       return table;
     },
 
     debug: function(who = "System", what = "") {
-      this.__addLog(who, what, LOG_LEVEL.debug);
+      this.__addLog(who, what, LOG_LEVEL[0].debug);
     },
 
     info: function(who = "System", what = "") {
-      this.__addLog(who, what, LOG_LEVEL.info);
+      this.__addLog(who, what, LOG_LEVEL[1].info);
     },
 
     infos: function(who = "System", whats = [""]) {
-      this.__addLogs(who, whats, LOG_LEVEL.info);
+      this.__addLogs(who, whats, LOG_LEVEL[1].info);
     },
 
     warn: function(who = "System", what = "") {
-      this.__addLog(who, what, LOG_LEVEL.warning);
+      this.__addLog(who, what, LOG_LEVEL[2].warning);
     },
 
     error: function(who = "System", what = "") {
-      this.__addLog(who, what, LOG_LEVEL.error);
+      this.__addLog(who, what, LOG_LEVEL[3].error);
     },
 
     __addLog: function(who = "System", what = "", logLevel = 0) {
@@ -246,7 +264,14 @@ qx.Class.define("qxapp.component.widget.logger.LoggerView", {
     },
 
     __addLevelColorTag: function(what, logLevel) {
-      const keyStr = String(qxapp.utils.Utils.getKeyByValue(LOG_LEVEL, logLevel));
+      let keyStr = "info";
+      for (let i=0; i<LOG_LEVEL.length; i++) {
+        const level = Object.keys(LOG_LEVEL[i])[0];
+        if (LOG_LEVEL[i][level] === logLevel) {
+          keyStr = level;
+          break;
+        }
+      }
       const logColor = qxapp.theme.Color.colors["logger-"+keyStr+"-message"];
       return ("<font color=" + logColor +">" + what + "</font>");
     },

services/web/client/source/class/qxapp/data/Permissions.js

@@ -83,13 +83,29 @@ qx.Class.define("qxapp.data.Permissions", {
   members: {
     __userRole: null,
 
+    getRole() {
+      return this.__userRole;
+    },
+
     setRole(role) {
       if (!this.self().ROLES[role]) {
         return;
       }
       this.__userRole = role;
     },
 
+    getLowerRoles(role) {
+      const lowerRoles = [];
+      for (const r in this.self().ROLES) {
+        if (r === role) {
+          break;
+        } else {
+          lowerRoles.push(r);
+        }
+      }
+      return lowerRoles;
+    },
+
     __getInitPermissions: function() {
       return {
         "anonymous": [
@@ -116,7 +132,10 @@ qx.Class.define("qxapp.data.Permissions", {
           "study.edge.delete"
         ],
         "tester": [
-          "services.all.read"
+          "services.all.read",
+          "preferences.role.update",
+          "study.nodestree.uuid.read",
+          "study.logger.debug.read"
         ],
         "moderator": [],
         "admin": []

services/web/client/source/class/qxapp/desktop/NavigationBar.js

@@ -204,7 +204,7 @@ qx.Class.define("qxapp.desktop.NavigationBar", {
       newIssueBtn.addListener("execute", this.__onOpenNewIssueV0, this);
       menu.add(newIssueBtn);
       const helpBtn = new qx.ui.menu.Button(this.tr("Help"));
-      helpBtn.addListener("execute", () => window.open("https://forum.zmt.swiss/"));
+      helpBtn.addListener("execute", () => window.open("https://itisfoundation.github.io"));
       menu.add(helpBtn);
       const aboutBtn = new qx.ui.menu.Button(this.tr("About"));
       aboutBtn.addListener("execute", () => qxapp.About.getInstance().open());

services/web/client/source/class/qxapp/desktop/preferences/pages/ProfilePage.js

@@ -56,9 +56,24 @@ qx.Class.define("qxapp.desktop.preferences.pages.ProfilePage", {
         placeholder: this.tr("Last Name")
       });
 
-      const role = new qx.ui.form.TextField().set({
-        readOnly: true
-      });
+      let role = null;
+      if (qxapp.data.Permissions.getInstance().canDo("preferences.role.update")) {
+        role = new qx.ui.form.SelectBox();
+        const roles = qxapp.data.Permissions.getInstance().getLowerRoles();
+        for (let i=0; i<roles.length; i++) {
+          const roleItem = new qx.ui.form.ListItem(roles[i]);
+          role.add(roleItem);
+          role.setSelection([roleItem]);
+        }
+        role.addListener("changeSelection", function(e) {
+          const newRole = e.getData()[0].getLabel();
+          qxapp.data.Permissions.getInstance().setRole(newRole);
+        }, this);
+      } else {
+        role = new qx.ui.form.TextField().set({
+          readOnly: true
+        });
+      }
 
       const form = new qx.ui.form.Form();
       form.add(email, "", null, "email");