Dialog tabs and permissions

Question

Hi all,

I am trying to create a page dialog based on the permissions. If I have tab1...tab5, I like to create the page template with the dialog having 5 tabs for the admin, and only the first 4 tabs for regular content editors.

The "granite:rendercondition" doesn't work for "cq/gui/components/authoring/dialog" sling:resourceType. I wonder if it works by creating a client library. I figure that Granite.author returns "undefined" in my AEM 6.5.11 with Touch UI mode so I can't get any user info from the Granite API. My initial idea is to hide/show the tab as:

if(!Granite.author.ContentFrame.getUserID() belongs to "admin")

hide tab5

Am I missing something here?

Thanks!

-kt

Kevin_GTa · Accepted Answer

HI @arunpatidar & @manvisharma

Thanks for your help! I actually figured out my own way to achieve the feature using client library.

1. First of all make an ajax call to retrieve the current User ID

2. make another ajax call to retrieve the groups based on the user ID

3. If none of the groups is allowed to access the tab, hide the tab

$(document).on("foundation-contentloaded", function () {
    let s = new Set(getUserGroups());
    let uniqueGroups = [...s];
    if($.inArray("prev-group", uniqueGroups) < 0)
    {
        $("coral-tab").each(function(index, value){
           for (let i = 0; i < value.childNodes.length; i++) {
               const element = value.childNodes[i];
               if(element.nodeValue=="Prev Tab")
               {
                   $(this).hide();
               }

            }
         });
    }
    
    function getUserID(){
        var userID;
        $.ajax({
            url: "/libs/granite/security/currentuser.json",
            ...
        }).done(handler);
        function handler(data){
            // -- set userID based on data
        }
        return userID;
    }

    function getUserGroups(){
        var userGroups=[];
        $ajax({//-- same as getUserID, url: "/bin/security/authorizables.json?filter=" + getUserID()}).handler(data);
        return userGroups;
    }
});