From 0cdb463f7d09beb20bf2b1b5a83cab61f283fc80 Mon Sep 17 00:00:00 2001
From: vincent <vincent@enhydra.fr>
Date: Sat, 26 Mar 2022 15:28:33 +0100
Subject: [PATCH] wip #5181 @1

---
 resources/js/alpine.js                      | 7 -------
 resources/js/search.js                      | 8 ++++----
 resources/views/components/search.blade.php | 4 +++-
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/resources/js/alpine.js b/resources/js/alpine.js
index 87e1ef2..956f35a 100644
--- a/resources/js/alpine.js
+++ b/resources/js/alpine.js
@@ -3,7 +3,6 @@ import Alpine from 'alpinejs';
 import intersect from '@alpinejs/intersect';
 import media_library from './media-library';
 import search from './search';
-
 window.Alpine = Alpine;
 
 // Plugins
@@ -14,9 +13,3 @@ Alpine.data('media_library', media_library);
 Alpine.data('search', search);
 
 Alpine.start();
-
-setInterval(function () {
-    Alpine.discoverUninitializedComponents(function (el) {
-        Alpine.initializeComponent(el)
-    })
-}, 1000);
diff --git a/resources/js/search.js b/resources/js/search.js
index 209c338..311427e 100644
--- a/resources/js/search.js
+++ b/resources/js/search.js
@@ -32,7 +32,7 @@ export default () => ({
         // Result links have differing attributes, so we need this function to be able to generate the HTML correctly
         // This can't be done directly in the x-for template loop
         let URL = result.url;
-        let attributes = '';
+        let click = 'return true;';
 
         // Media items get displayed on the media library page (simpler this way so extra JSON object isn't needed)
         if (result.type === 'video' || result.type === 'audio') {
@@ -41,10 +41,9 @@ export default () => ({
 
         // PDFs can be opened directly
         if (result.type === 'pdf') {
-            attributes = '@click.prevent="console.log($el.attributes.href.value); openPDF($el.attributes.href.value); closeSearch();"';
+            click = 'console.log($el.attributes.href.value); openPDF($el.attributes.href.value); closeSearch(); return false;';
         }
-
-        return `<a href="${URL}" class="${classes}" ${attributes}>${result.displayedTitle}</a>`;
+        return {url: URL, click: click, classes: classes, displayedTitle: result.displayedTitle};
     },
 
     get results() {
@@ -53,6 +52,7 @@ export default () => ({
         }
 
         var res = this.miniSearch.search(this.query);
+
         return res;
     },
 
diff --git a/resources/views/components/search.blade.php b/resources/views/components/search.blade.php
index b4aba50..3b68a99 100644
--- a/resources/views/components/search.blade.php
+++ b/resources/views/components/search.blade.php
@@ -70,7 +70,9 @@
             <div class="h-full max-h-full overflow-y-auto">
                 <template x-for="result in results" :key="result.id">
                     <div class="py-8 border-b border-black border-opacity-20">
-                        <div x-html="makeResultLink(result, 'text-2xl text-blue')"></div>
+                        <div x-model="makeResultLink(result, 'text-2xl text-blue')">
+                            <a x-bind:href="url" x-bind:class="classes" x-text="displayedTitle" @click="click"></a>
+                        </div>
                         <p x-text="result.text" class="mt-2 line-clamp-1"></p>
                     </div>
                 </template>
-- 
2.39.5