nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Javascript to execute when create button is pressed in Jira agile New card window?

Bharadwaj Jannu

I need to execute some javascript(which restrict some customfield options according to logged-in user) when I press Create button on New Card pop-up of jira agile.

I wrote some javascript but I could not able to execute on jira new card context. Any suggestions.

Accepted answers

All comments

codelab expert

What do you mean with "new card context"? A new issue? Please post your code, so we can see what you want to do.

Bharadwaj Jannu

(function($) {
    /*
	AJS.toInit(function(){
        // old function
		alert("init");
    });
	*/
	
	JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context) {
        //alert("entered into greenhopper");
		AJS.$("#newOptions").click(function() {
			var tex1=AJS.$("#newField_customfield_12051");
			//alert(tex1);
			if(tex1 == null || tex1 == ''){
				alert("Inside 1");
			}
			else {
				//alert("In 2");
				var loopvar = 0;
				
				do {
					loopvar = setTimeout(temp, 1000);
					//alert(loopvar);
					//alert(typeof loopvar);
					
				} while (typeof loopvar != 'number');	
			}
			
		});
		
		AJS.$("#gh-create").click(function() {
			alert("on buttion clicked");
		});
		
		
		function temp() {
			var gps = grps();
			var cnt = 0;
			AJS.$("#newField_customfield_12051 option").each(function(i){
				var flag = false;
				
				var t1 = AJS.$(this).text();
				
				for (j = 0; j &lt; gps.length; j++){
					var tem = gps[j].name;
					
					var conTerm = tem.toString();
					var flag1 = conTerm.match("NDA_" + t1 + "_[a-zA-Z]{2}[0-9]{6}");
					//alert(flag1);
					
					
					if(flag1 != null) {
						//alert(flag1);
						cnt = cnt + 1;
						flag = true;
						break;
					}
				}
				if(flag == false){
					AJS.$(this).remove();
				}
			});
			if(cnt == 0) {
				AJS.$("#newField_customfield_12051").parent().hide();
			}
		}
		function grps(){
			var groups;
			AJS.$.ajax({
				url: "/rest/api/2/user?username="+AJS.params.loggedInUser+"&amp;expand=groups",
				type: 'get',
				dataType: 'json',
				async: false,
				success: function(data) {
					groups = data.groups.items;
				} 
			});
			//alert(groups);
			return groups;
		}
	});
	
})(AJS.$);

This is javascript placed as web-resource module.

when I click New Card button on Board, the script which I wrote is working fine. But when I press Create button on New Card pop-up the alert I placed is not getting executed.

Fabio Racobaldo _Catworkx_

Hello,

I had the same issue in the past. The problem is that your js code need the complete page load first. I fixed this problem using a timeout :

jQuery(document).ready(function() {
	setTimeout(myFunction,3000);
	
});

function myFunction(){
 HERE YOUR JS CODE
}

Hope this helps,

Fabio

codelab expert

Please post a picture / screenshot of the two buttons. So I am sure that we speak about the same issue :-)

codelab expert

Use one of this constructs:

AJS.$(document).ready( function() {

 AJS.$("#gh-create").click(function() {
            alert("on button clicked");
        });

});

AJS.$(window).load( function() {

 AJS.$("#gh-create").click(function() {
            alert("on button clicked");
        });

});

Bharadwaj Jannu

The above is Create button on New Card pop-up jira-agile.

The above is New Card button on Board.

Bharadwaj Jannu

This is working when I click Create button for first time.

But I require each time I press Create button.

Bharadwaj Jannu

The above mentioned scripts are not working.

codelab expert

Ok, what about this:

$("#someDivOrSomethingElse").bind("DOMSubtreeModified", function() {

    alert("DOM changed");

});

codelab expert

Hm, I am out of ideas...

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira-software

javascript