How can we launch ngx-jira-collector in a separate browser tab instead of a modal?

Other Questions Jira
1

Attempting to open ngx-jira-collector in a separate tab. My updated configuration appears below. How can I auto-populate fields and ensure the close function works?

const collectorConfig = {
  serverAddress: 'https://jira.example.com',
  collectorToken: 'token456',
  defaultValues: { title: 'Ticket Summary' },
  additionalValues: () => ({ description: 'Detailed description here' })
};

<div>
  <button (click)="collector.launchNewTab()">Open in New Tab</button>
  <ticket-collector [config]="collectorConfig" #collector></ticket-collector>
</div>
2

hey, i solved mine by using window.open with a query string to autopopulate fields. then i added a onunload event to trigger the close function. works for me, even if its a bit rough. cheers.

3

It is possible to make the collector launch in a separate tab by updating the approach you are using. In my case I modified the routing so that the collector component was actually loaded in a new route which in turn opened in a new tab. This allowed me to handle query parameters to auto-populate fields and manage state more effectively. I then used a dedicated event handler to detect when the new tab was closed to perform any cleanup or necessary functions. This approach helps maintain consistent behavior across various browsers.

4

I had a similar requirement and ended up taking an approach that felt a bit more integrated with Angular’s routing. I separated the collector component into its own dedicated route so that it could be opened in a new tab using a simple router link combined with window.open. This allowed me to pass the configuration via URL parameters. One challenge I faced was ensuring that the new tab would handle the device’s state properly on closure. Consequently, I implemented a cleanup service that listened to the tab closing event, which worked fairly reliably.