Snippets

Mythics JIRA - Colorize Workflow Buttons

Created by Jonathan Hult last modified
// Only on Browse Issue or HelpDesk page
if (/^(\/browse\/|\/projects\/(.*)\/issues\/|\/secure\/HelpDeskIssueAction!viewIssue\.jspa)/i.test(location.pathname)) {

    var ColorizeWorkflowButtons = ColorizeWorkflowButtons || {};
    
    // Main function
    ColorizeWorkflowButtons.init = function() {  

        // Wait until page is loaded
        AJS.toInit(function() {
            // Find workflow buttons and remove text shadow
            var buttons = AJS.$('.issueaction-workflow-transition span.trigger-label').css('text-shadow', 'none');

            // Waiting buttons - yellow with black text
            AJS.$(buttons).filter(function(){ return AJS.$(this).text().match('(Waiting|Hold)'); }).parent().css('color', '#333').css('background-color', '#ffd351');

            // In Progress button - blue with white text
            AJS.$(buttons).filter(function(){ return AJS.$(this).text().match('(Progress|Reopen|Assign)'); }).parent().css('color', '#fff').css('background-color', '#4a6785');

            // Resolve and Close buttons - Green with white text
            AJS.$(buttons).filter(function(){ return AJS.$(this).text().match('(Close|Resolve|Update Resolution)'); }).parent().css('color', '#fff').css('background-color', '#14892c');
            
            // Workflow dropdown - Light blue with white text - rename to More Workflow Transitions
            AJS.$('#opsbar-transitions_more').css('text-shadow', 'none').css('color', '#fff').css('background-color', '#00a0dc').children('.dropdown-text').text('More Workflow Transitions');
        });
    };
    
    // Fire on initial page load
    ColorizeWorkflowButtons.init();
  
    // Fire on page refresh
    JIRA.bind(JIRA.Events.ISSUE_REFRESHED, ColorizeWorkflowButtons.init);
}

Comments (1)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.