Initial search

client/src/dev/serveremu.js

@@ -7,12 +7,20 @@ export default class ServerEmu {
 
         await new Promise(r => setTimeout(r, Math.random() * 3000));
 
+        let docs = this._themes;
+
+        if (args && args.sterm) {
+            const { sterm } = args;
+            const reg = new RegExp(sterm, 'gi');
+            docs = docs.filter(doc => doc.tags.includes(sterm) || reg.exec(doc.name) || reg.exec(doc.description));
+        }
+
         return {
-            docs: this._themes,
+            docs,
             pagination: {
-                total: this._themes.length,
-                pages: this._themes.length / 9,
-                limit: 0,
+                total: docs.length,
+                pages: docs.length / 9,
+                limit: 9,
                 page: 1
             }
         }
@@ -39,7 +47,8 @@ export default class ServerEmu {
                 version: this.randomVersion(),
                 repository: this.dummyRepo,
                 files: this.dummyFiles,
-                author: this.dummyAuthor
+                author: this.dummyAuthor,
+                description: ''
             });
         }
 

client/src/ui/components/bd/ThemesView.vue

@@ -98,12 +98,12 @@
             async refreshLocal() {
                 await this.ThemeManager.refreshThemes();
             },
-            async refreshOnline() {
+            async refreshOnline(sterm) {
                 this.searchHint = '';
                 if (this.loadingOnline || this.loadingMore) return;
                 this.loadingOnline = true;
                 try {
-                    const getThemes = await BdWebApi.themes.get();
+                    const getThemes = await BdWebApi.themes.get({ sterm });
                     this.onlineThemes = getThemes;
                     if (!this.onlineThemes.docs) return;
                     this.searchHint = `${this.onlineThemes.pagination.total} Results`;
@@ -142,7 +142,7 @@
             },
             searchInput(e) {
                 if (this.loadingOnline || this.loadingMore) return;
-                this.refreshOnline();
+                this.refreshOnline(e.target.value);
             },
             async scrollend(e) {
                 if (this.loadingOnline || this.loadingMore) return;