Mashup: Externer Link

Unter „Einstellungen“ -> „Mashups“ mit den Standardeinstellungen hinzufügen footerplaceholder

Der Link ist in Zeile 11 angegeben.

Der Titel, der in der Detailansicht angezeigt wird, wird in Zeile 12 angegeben.

tau.mashups
  .addDependency('react')
  .addDependency('tau/api/layout-renderer/v1/registerReactComponent')
  .addDependency('tau/api/layout-renderer/v1/LayoutContextConsumer')
  .addDependency('tau/api/layout-renderer/v1/useEntityQuery')
  .addMashup(function(React,registerReactComponent,LayoutContextConsumer,useEntityQuery) {
    registerReactComponent({
      type: 'externaWiki',
      component: function(props) {

        const link = "https://confluence.com/docs/incident";
        const title = "Incident escalation procedures";
        
        return React.createElement("a", {
            className:"tau-linkentity tau-linkentity_type_full",
            style:{margin:"10px"},
            href: link,
            title: title,
            target: "_blank"
        }, title);
      }});
  });

Der Typ der Komponente wurde im Mashup in Zeile 8 definiert:

{
  "type": "externaWiki"
}

So wird es in der Benutzeroberfläche der Detailansicht aussehen: