Merge pull request #274 from marko-bekhta/fix/i273-use-relative-urls-…

…for-quarkus-origin

Use relative URLs for quarkus guides

src/main/resources/web/app/qs-guide.ts

@@ -102,6 +102,7 @@ export class QsGuide extends LitElement {
   @property({type: String}) keywords: string;
   @property({type: String}) content: string | [string]
   @property({type: String}) origin: string = "quarkus";
+  @property({type: String, attribute: 'origins-with-relative-urls'}) originsWithRelativeUrls: string[] = [];
 
 
   connectedCallback() {
@@ -127,7 +128,7 @@ export class QsGuide extends LitElement {
         </div>
         <div>
           <h4>
-            <a href="${this.url}" target="${this.url.startsWith('http') ? '_blank' : ''}">${this._renderHTML(this.title)}</a>
+            <a href="${this.relativizeUrl()}" target="_blank">${this._renderHTML(this.title)}</a>
             ${(this.origin && this.origin.toLowerCase() !== 'quarkus') ? html`<span class="origin ${this.origin}" title="${this.origin}"></span>` : ''}
           </h4>
           <div class="summary">
@@ -142,6 +143,14 @@ export class QsGuide extends LitElement {
     `;
   }
 
+  private relativizeUrl(): string {
+    if (this.originsWithRelativeUrls.includes(this.origin)) {
+      return this.url.substring(new URL(this.url).origin.length);
+    } else {
+      return this.url;
+    }
+  }
+
   private icon(): string {
     const icon = icons.docs[this.type];
     if (icon) {
@@ -162,4 +171,4 @@ export class QsGuide extends LitElement {
     }
     return unsafeHTML(content);
   }
-}
+}

src/main/resources/web/app/qs-target.ts

@@ -125,7 +125,7 @@ export class QsTarget extends LitElement {
     switch (this.type) {
       case 'guide':
         return html`
-          <qs-guide class="qs-hit" .data=${i}></qs-guide>`
+          <qs-guide class="qs-hit" .data=${i} origins-with-relative-urls="quarkus"></qs-guide>`
     }
     return ''
   }