fix(search): improve search list experience

Author: Yelinz

addon/components/document-list-item.hbs

@@ -44,9 +44,15 @@
       </td>
     {{else if (eq column "link")}}
       <td>
-        {{#let (await (this.config.documentListLinkTo @document)) as |linkConfig|}}
+        {{#let
+          (await (this.config.documentListLinkTo @document))
+          as |linkConfig|
+        }}
           {{#if linkConfig.url}}
-            <a href={{linkConfig.url}}>{{linkConfig.label}}</a>
+            <a
+              href={{linkConfig.url}}
+              {{on "click" (fn this.transitionTo linkConfig.url)}}
+            >{{linkConfig.label}}</a>
           {{else}}
             <LinkTo
               @route={{linkConfig.route}}

addon/components/document-list-item.js

@@ -1,8 +1,10 @@
+import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 
 export default class DocumentListItemComponent extends Component {
   @service("alexandria-config") config;
+  @service router;
 
   get classes() {
     const classes = ["document-list-item"];
@@ -17,4 +19,11 @@ export default class DocumentListItemComponent extends Component {
 
     return classes.join(" ");
   }
+
+  @action
+  transitionTo(url, event) {
+    event.preventDefault();
+
+    this.router.transitionTo(url);
+  }
 }

addon/components/file-search.js

@@ -8,6 +8,7 @@ import { trackedFunction } from "reactiveweb/function";
 export default class DocumentViewComponent extends Component {
   @service store;
   @service("alexandria-config") config;
+  @service("alexandria-documents") documents;
 
   @tracked listView = true;
   @tracked search = "";
@@ -24,7 +25,7 @@ export default class DocumentViewComponent extends Component {
     const files = await this.store.query(
       "file",
       {
-        include: "document",
+        include: "document,renderings",
         filter: this.args.filters || {},
         page: { number: 1 },
       },