Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Integrate Jira issue collector in index.html of an Angular application

B Noemi
December 8, 2025

Hello, 

I have added the Jira issue collector link which was generated when the issue collector was created and I integrated it in my index.html of my Angular application:

<head>
  <meta charset="utf-8">
  <script type="text/javascript">
      window.ATL_JQ_PAGE_PROPS = {
        interaction: {
          type: 'dialog',
          options: {
            width: 800,
            height: 600
          }
        },
        triggerFunction: function(showCollectorDialog) {
          window._showJiraDialog = showCollectorDialog;
        }
      };
  </script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <app-root></app-root>
</body>

I added os_authType=none to do not require authentication, this way I can create a jira issue. However my main problem is that I have a lot of warnings and error in the console when the Jira collector plugins/resources are downloaded. I attached a screenshot:

jira-issue-collector.jpg

How can I solve this?

1 answer

0 votes
Andy Rusnak
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
December 8, 2025

Hi @B Noemi , 

Welcome to the Atlassian Community!  

The Javascript warnings can be ignored.  Those should have no impact on functionality at this point.  We do have JRASERVER-79197 which requests investigation on stopping these warnings.  But they should pose no threat to the use of the content.  

However in your screenshot I see there is a Javascript error.  That may be potentially problematic.  

  • Is the Issue Collector functionality working on your page despite this error?  

Best, 

Andy 

B Noemi
December 9, 2025

Hello @Andy Rusnak

Thank you for your response. 
I have issues with the upload of the attachments, however I tried several integrations, now I embedded the collector REST API via iframe, sometimes the upload of files works and sometimes I receive errors, I attached some screenshots.

In my index.html of my Angular app I have the jquery script added, I am not sure about the version, as I understood the Jira collector uses an older version:

  <script
  integrity="sha256-DYZMCC8HTC+QDr5QNaIcfR7VSPtcISykd+6eSmBW5qo="
  crossorigin="anonymous"></script>

And in my Angular component I have added the iframe:

    <iframe width="100%" height="700px" src="https://atc.bmwgroup.net/jira/rest/collectors/1.0/template/form/${collectorId}?os_authType=none#"></iframe>

Did I miss something? Thank you in advance.

Best regards,

Noemi

B Noemi
December 9, 2025

attachement_error_1.jpgattachement_error_2.jpg

Andy Rusnak
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
December 10, 2025

Hi @B Noemi , 

Thanks for the follow up with the additional details.   

The version of Jquery I don't think should matter.  The Jira DC snippet that is generated includes a link to the latest version, so that should be okay.  

In terms of the error, this might be something better suited for a Support Issue with Atlassian Support.  We would want to review the HAR file when attempting to attach snippets along with the matching backend Support Zip so that we can try to understand where in the process this could be failing.  

I would recommend collection the HAR and Support zip when replicating the behavior with the attachments and then create a Support Issue so that our team can review this data to best assist you.  As much as I would like to help here via the forums, our Support Team will be able to collect the data to help us understand what is going on and review in a secure way.  So I believe that is the best approach at this point. 

Best, 

Andy

Like B Noemi likes this
B Noemi
December 12, 2025

hi @Andy Rusnak
Sorry for the late reply, but I need to check if I can provide these packages.

Regards,
Noemi

Suggest an answer

Log in or Sign up to answer