Search: link for results from other projects (#625)

Closes #622

Author: humitos

src/search.js

@@ -266,7 +266,7 @@ export class SearchElement extends LitElement {
               <a
                 @click=${this.followResultLink}
                 class="hit-block-heading"
-                href="${result.path}"
+                href="${this.getResultLink(result)}"
               >
                 <i>${listIcon.node[0]}</i>
                 <h2>${result.title} ${this.renderExternalProject(result)}</h2>
@@ -292,6 +292,14 @@ export class SearchElement extends LitElement {
     document.dispatchEvent(event);
   }
 
+  getResultLink(result) {
+    let link = result.path;
+    if (result.project.slug !== this.config.projects.current.slug) {
+      link = `${result.domain}${result.path}`;
+    }
+    return link;
+  }
+
   renderBlockResult(block, index, result) {
     // TODO: take a substring of the title as well in case it's too long?
     let title = block.title;
@@ -318,7 +326,7 @@ export class SearchElement extends LitElement {
         @mouseenter=${this.mouseenterResultHit}
         @click=${() => this.storeRecentSearch(block, result)}
         class="hit"
-        href="${result.path}#${block.id}"
+        href="${this.getResultLink(result)}#${block.id}"
       >
         <div id="hit-${index}">
           <p class="hit subheading">${title}</p>
@@ -355,7 +363,10 @@ export class SearchElement extends LitElement {
           ({ block, result }) =>
             html`<div class="hit-block">
               <div class="hit-block-heading-container">
-                <a class="hit-block-heading" href="${result.path}">
+                <a
+                  class="hit-block-heading"
+                  href="${this.getResultLink(result)}"
+                >
                   <i>${listIcon.node[0]}</i>
                   <h2>${result.title} ${this.renderExternalProject(result)}</h2>
                 </a>