Verlinkung zu externen URLs für Article hinzugefügt.

src/components/widgets/Article.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { fade } from "svelte/transition"
+    import { _ } from "svelte-i18n"
     // import { navigate } from "svelte-routing"
 
     import TibiArticleMediaFile from "./TibiArticleMediaFile.svelte"
@@ -86,6 +87,14 @@
                 <div class="article-teaser">{@html article?.content?.types?.teaser}</div>
             {/if}
 
+            {#if article?.link?.url}
+                <a
+                    href="{article?.link?.url}"
+                    target="{article?.link?.target ? article?.link?.target : '_self'}"
+                    class="article-link">{@html article?.link?.text ? article?.link?.text : $_("details")}</a
+                >
+            {/if}
+
             {#if article?.content?.types?.details && showDetails}
                 <div class="article-details">{@html article?.content?.types?.details}</div>
             {/if}
@@ -104,6 +113,14 @@
                         <div class="article-teaser">{@html article?.content?.types?.teaser}</div>
                     {/if}
 
+                    {#if article?.link?.url}
+                        <a
+                            href="{article?.link?.url}"
+                            target="{article?.link?.target ? article?.link?.target : '_self'}"
+                            class="article-link">{@html article?.link?.text ? article?.link?.text : $_("details")}</a
+                        >
+                    {/if}
+
                     {#if article?.content?.types?.details && showDetails}
                         <div class="article-details">{@html article?.content?.types?.details}</div>
                     {/if}
@@ -131,9 +148,18 @@
                 <div class="article-teaser">{@html article?.content?.types?.teaser}</div>
             {/if}
 
+            {#if article?.link?.url}
+                <a
+                    href="{article?.link?.url}"
+                    target="{article?.link?.target ? article?.link?.target : '_self'}"
+                    class="article-link">{@html article?.link?.text ? article?.link?.text : $_("details")}</a
+                >
+            {/if}
+
             {#if article?.content?.types?.details && showDetails}
                 <div class="article-details">{@html article?.content?.types?.details}</div>
             {/if}
+
             {#if article?.content?.types?.media?.files?.length}
                 <TibiArticleMediaFile
                     collectionName="articles"
@@ -165,6 +191,14 @@
                         <div class="article-teaser">{@html article?.content?.types?.teaser}</div>
                     {/if}
 
+                    {#if article?.link?.url}
+                        <a
+                            href="{article?.link?.url}"
+                            target="{article?.link?.target ? article?.link?.target : '_self'}"
+                            class="article-link">{@html article?.link?.text ? article?.link?.text : $_("details")}</a
+                        >
+                    {/if}
+
                     {#if article?.content?.types?.details && showDetails}
                         <div class="article-details">{@html article?.content?.types?.details}</div>
                     {/if}

src/css/theme-2022/components/article.less

@@ -20,4 +20,8 @@ article,
         font-size: 1.4rem;
         line-height: 1.8rem;
     }
+
+    .article-link {
+        text-decoration: underline;
+    }
 }

src/localization/de.json

@@ -3,5 +3,6 @@
     "pageNotFoundInformation": "Die gesuchte Seite existiert nicht oder es ist ein anderer Fehler aufgetreten.<br/>Gehen Sie <a href=\"{backUrl}\"><strong>zurück</strong></a> oder gehen Sie zu <a href=\"{url}\"><strong>{url}</strong></a>, um eineneue Richtung zu wählen.",
     "connectedContentNotFound": "Zur aktuellen Seite <a href=\"{url}\"><strong>{url}</strong></a> wurde für die gewählte Sprache \"<strong>{lang}</strong>\" keine Übersetzung gefunden!",
     "de": "Deutsch",
-    "en": "Englisch"
+    "en": "Englisch",
+    "details": "Details"
 }

src/localization/en.json

@@ -3,5 +3,6 @@
     "pageNotFoundInformation": "The page you are looking for doesn't exist or an other error occurred.<br/><a href=\"{backUrl}\"><strong>Go back</strong></a>, or head over to <a href=\"{url}\"><strong>{url}</strong></a> to choose a new direction.",
     "connectedContentNotFound": "No translation was found for the selected language \"<strong>{lang}</strong>\" for the current page <a href=\"{url}\"><strong>{url}</strong></a>!",
     "de": "German",
-    "en": "English"
+    "en": "English",
+    "details": "Details"
 }