How To add logout icon on toolbar of Dashboard

Dashboard
1

Hi
I want to add a logout logo on the top bar of the My dashboard. I have already added an logo to the top bar But unable to add the another icon on my dashboard
Need Help to add a logout button or icon right side of top bar
Thank You

image
image1361×96 10.1 KB 

[
    {
        "id": "b3eb1a6a58f5e5c5",
        "type": "ui_template",
        "z": "740ece941f10888b",
        "g": "617896a7dda904c8",
        "group": "5329ab7185b3dded",
        "name": "top-bar logo",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<style>\n    #top-bar-logo {\n    background-image: url('data:image/jpeg;base64,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');\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: left;\n    height: 45px;\n    width:45px;\n    margin:-285px;\n}\n\n#logout{\n    border:1px solid grey;\n    vertical-align: text-top;\n    margin-right:1px;\n    margin-left:100px;\n}\n</style>\n\n<script id=\"logo-script\" type=\"text/javascript\">\nfunction build(){\n    $(\"#top-bar-logo\").remove()\n    var logo = $('<div />').attr(\"id\",\"top-bar-logo\");\n    var topbar = $('.md-toolbar-tools');\n    topbar.append(logo)\n    \n    $(\"#logout\").remove()\n    var logout = $('<p />').attr(\"id\",\"logout\");\n    logout.innerHTML=\"Logout\";\n    logo.append(logout);\n}\n\nfunction checkExistence(){\n    console.log($(\"#top-bar-logo\"))\n    if($(\"#top-bar-logo\").length > 0){\n        return\n    }\n    console.log($(\"#logout\"))\n    if($(\"#logout\").length > 0){\n        return\n    }\n    \n    build()\n    setTimeout(checkExistence,100)\n}\n\nbuild()\nsetTimeout(checkExistence,100)\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 1210,
        "y": 100,
        "wires": [
            []
        ]
    },
    {
        "id": "5329ab7185b3dded",
        "type": "ui_group",
        "name": "Process View ",
        "tab": "868e5bfaa1a9e401",
        "order": 10,
        "disp": false,
        "width": "23",
        "collapse": false,
        "className": ""
    },
    {
        "id": "868e5bfaa1a9e401",
        "type": "ui_tab",
        "name": "FSA ",
        "icon": "fa-home",
        "order": 2,
        "disabled": false,
        "hidden": false
    }
]
2

Once did something like that

<style>
     #top-bar-div {
        margin: 0px 0px 0px auto;
    }

    #top-bar-logout {
        border: 1px solid grey;
        height: 36px;
        width: 100px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }
</style>

<script>
    let observer = new MutationObserver(function(mutations) {
        for (let mutation of mutations) {
            if (mutation.type === 'childList') {
                if(mutation.target.nodeName === 'MD-CONTENT'){
                    if(mutation.addedNodes.length>0){
                        for(let i=0; i<mutation.addedNodes.length; i++){
                            if(mutation.addedNodes[i].nodeName === 'MD-TOOLBAR'){
                                const toolbar = angular.element('#nr-dashboard-toolbar');
                                let div = $('<div />').attr("id","top-bar-div");
                                let logout = $('<div >Logout</div>').attr("id","top-bar-logout");
                                div.append(logout);
                                toolbar.append(div);
                                break;
                            }
                        }
                    }
                }
            }
        }
    }),
    targetNode;

    function toggleGroups(){
        let toggleButtons = angular.element('.nr-dashboard-cardcarat');
        for(let i=0; i<toggleButtons.length; i++){
            if(toggleButtons[i].firstElementChild.className == 'fa fa-caret-up'){
                toggleButtons[i].click();
            };
        }
    }

    // Listen to all dashboard changes
    angular.element(async function(){
        try{
            targetNode = angular.element('#nr-dashboard')[0];
            let toolbar = angular.element('#nr-dashbard-toolbar');
            if(toolbar.length == 0){
                observer.observe(targetNode, {
                attributes: false,
                childList: true,
                characterData: false,
                subtree: true
                });
            }else{
                let div = $('<div />').attr("id","top-bar-div");
                let logout = $('<div >Logout</div>').attr("id","top-bar-logout");
                div.append(logout);
                toolbar.append(div);
            }
        }catch(err){
            console.error(err);
        }
    });
    
</script>

Hope this might help!

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.