Hide modes in page editor (targeting, timewarp, design, developer and scaffolding)

You can check the group via making Ajax request if user is not part of group and you can execute code to disable or hide options.

• Example Servlet to print user group, you can return true or false based on user groups and use true and false to execute below code aem63app-repo/SimpleGetGroup.java at master · arunpatidar02/aem63app-repo · GitHub
• Code to disable modes. Mode selector in AEM page

You just need to write extra JS code in above code to make ajax request and execute code

(function($, $document) {

    "use strict";

// code to make ajax request and get true or false

if(true){

    $(document).on("click", ".editor-GlobalBar-layerSwitcher", function(e) {

    var field = $("button.js-editor-LayerSwitcherTrigger[coral-list-item]");

    if (typeof field !== undefined) {

      field.each(function() {

      if($( this ).val() === "Scaffolding" || $( this ).val()==="Timewarp"){ // can be added targeting,  design, developer

      $( this ).attr("disabled", true);

      }

      });

    }

    });

}

})($, $(document));