I don't loose the context of Tuleap project when I'm using custom services to integrate with external tools

Functional overview

When project admin configures the service, she can choose "Open in a new tab" option (off by default). If "Display in iframe" option was checked before, a warning is shown when "Open in a new tab" is checked.

"Display in iframe" is now deprecated so the this field isn't displayed in the new service modal.

As a user, when I click on the link configured link, it opens in a new tab.

Technical overview

Security constraint: links must be built with rel="noopener noreferrer" to block reverse tabnabbing.

Design

• See live mockups here :
  • New service modal : https://s.codepen.io/enalean/debug/9df534029139e9ce277bdfb2a9aeab0d
  • Edit modal of a service that is currenlty opened in an iframe : https://s.codepen.io/enalean/debug/40285620befbbdb2227b23a860483bad
• A little arrow will be displayed next to the service name so the user knows the link is open in a new tab (and the service name is now ellipsed)
• When the project admin decides that the service will be open in a new tab, the "Display in Iframe?" option is disabled