How to make a closeable notification message on Jira, one that does not resurrect on page refresh?

While Jira Announcement banner is very usefull it is also very annoying once you read it and people will stop reading it even if you update it.

The solution is to display the message only until someone is reading and closing the message.

Atlassia AUI already have support for closeable messages but it seems that it doesn't memorize that you closed the message, so when you refresh the page the message will be displayed again.

Still, I found at least one place where Jira seems to remember this, if you go to /secure/project/ViewProjects.jspa for the first time you will see a message like this, but once you clicked close it will not appear again.

I looked at the code it my impression is that it doesn't send anything to the server. I guess that the state could be stored in a cookie.

Does anyone have an implementation that works?

<div class="aui-message closeable" id="browse-projects-info" data-type="blankproject">
            <h3>Here are your projects</h3>
        <p>You can create more projects for each of the things your team is working on. Whenever you create a new one it will appear in the list below.</p>
        <p><a class="browse-projects-info-dismiss">Thanks, I got it</a></p>
<span class="aui-icon icon-close" role="button" tabindex="0"></span></div>

2 answers

7 votes
Henning Tietgens Community Champion Jun 23, 2015

I use the following within the announcement banner.

<div id="mycrazyuniqueid" style="display:none;" class="aui-message aui-message-info closeable">
Announcement Banner Text
</div>
<script>
    if (AJS.Cookie.read("mycrazyuniqueiddismissed") != "true"){
        document.getElementById('mycrazyuniqueid').style.display = 'block';
    }
    document.addEventListener('click', function (e) {
        var msgid = e.target.parentElement.id;
        var msgtargetclass = e.target.className;
        if (msgid == "mycrazyuniqueid" && msgtargetclass == "aui-icon icon-close") {
            console.log("Hide mycrazyuniqueid Info");
            AJS.Cookie.save("mycrazyuniqueiddismissed", "true");
        }
    });
</script>

After reading the documentation I tried addEventListener('aui-message-close',...) but that doesn't seem to work within the announcement banner. 

Henning

I'm really interested in this. Otherwise, how do you guys notify users of changes / updates? At the moment we have the permanent bar at the top and I find it really annoying...

Cheers

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Published 2 hours ago in Jira

5 ways you can make the most of Jira Software and Bitbucket Cloud

As part of the Bitbucket product team I'm always interested in better understanding what kind of impact the use of our tools have on the way you work. In a recent study we conducted of software devel...

13 views 0 3
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you