AEM CQ 56 - Disable Activate Deactivate of Grid Toolbar and Context Menu

Goal

Disable the Activate and Deactivate functionality for folders in SiteAdmin console. Package is available for install and demo video for download

Prerequisites

If you are new to CQ
2) Read this post on how to setup your IDE and create an OSGI component

Solution

Using the overlay architecture of CQ overlay SiteAdmin actions js file. Create file /apps/cq/ui/widgets/source/widgets/wcm/SiteAdmin.Actions.js to overlay /libs/cq/ui/widgets/source/widgets/wcm/SiteAdmin.Actions.js and add the following code

CQ.Ext.ns("MyClientLib");

MyClientLib.SiteAdmin = {
    SA_GRID: "cq-siteadmin-grid",
    SA_TREE: "cq-siteadmin-tree",
    ACTIVATE_BUT: "Activate",
    DEACTIVATE_BUT: "Deactivate",

    disableMenu: function(grid){
        var menu = grid.contextMenu;

        if(!menu || (menu.mouseOverAdded == true)){
            return;
        }

        menu.mouseOverAdded = true;

        var actActivate = menu.find("text", this.ACTIVATE_BUT);
        var actDeactivate = menu.find("text", this.DEACTIVATE_BUT);

        if(actActivate.length == 0 || actDeactivate.length == 0){
            return;
        }

        var disable = this.disableFn(grid);

        //when the menu was first created on user selecting a folder, show event was already fired
        //so trick user by setting disabled class,
        //later on menu mouseover the Activate,Deactivate menu items are actually disabled
        if(disable === true){
            actActivate[0].addClass("x-item-disabled");
            actDeactivate[0].addClass("x-item-disabled");
        }

        var menuDisableFn = function(){
            var disable = this.disableFn(grid);

            CQ.Ext.each([actActivate[0], actDeactivate[0]], function(but){
                but.setDisabled(disable);

                if(disable === false){
                    but.removeClass("x-item-disabled");
                }else{
                    but.addClass("x-item-disabled");
                }
            });
        };

        menu.on('mouseover', menuDisableFn, this);
        menu.on('show', menuDisableFn, this);
    },

    disableFn: function(sGrid){
        var disable = false;

        CQ.Ext.each(sGrid.getSelectionModel().getSelections(), function(row){
            if(!disable && (row.data["type"] == "sling:OrderedFolder")){
                disable = true;
            }
        });

        return disable;
    },

    disableFolderActivateDeactivate: function(grid){
        var toolBar = grid.getTopToolbar();
        var actBut = toolBar.find("text", this.ACTIVATE_BUT);
        var deActBut = toolBar.find("text", this.DEACTIVATE_BUT);

        var tree = CQ.Ext.getCmp(this.SA_TREE);

        var toggleButtons = function(disable){
            actBut[0].setDisabled(disable);
            deActBut[0].setDisabled(disable);
        };

        grid.on('rowcontextmenu',function(grid, index, e){
            this.disableMenu(grid);
            toggleButtons(this.disableFn(grid));
        }, this);

        grid.on('rowclick',function(){
            toggleButtons(this.disableFn(grid));
        }, this);

        tree.on('selectionchange', function(t, nodePath){
            var node = t.getSelectionModel().getSelectedNode();
            toggleButtons(node.attributes["type"] == "sling:OrderedFolder");
        });
    }
};

$.getScript("/libs/cq/ui/widgets/source/widgets/wcm/SiteAdmin.Actions.js", function(){
    if(window.location.pathname == "/siteadmin"){
        var INTERVAL = setInterval(function(){
            var s = MyClientLib.SiteAdmin;
            var grid = CQ.Ext.getCmp(s.SA_GRID);

            if(grid){
                clearInterval(INTERVAL);
                s.disableFolderActivateDeactivate(grid);
            }
        }, 250);
    }
}).fail(function(jqxhr, settings, exception){
    console.log("Error parsing /libs/cq/ui/widgets/source/widgets/wcm/SiteAdmin.Actions.js");
    console.log(exception);
});