add search results text

client/src/modules/bdwebapi.js

@@ -56,7 +56,7 @@ async function dummyThemes() {
             author: dummyAuthor
         });
     }
-    return { docs: dummies };
+    return { docs: dummies, total: 25 };
 }
 
 export default class BdWebApi {

client/src/styles/partials/bdsettings/contentview.scss

@@ -19,7 +19,15 @@
         }
 
         .bd-onlinePhHeader {
-            padding: 0 20px 0 0;
+            display: flex;
+            padding: 0 20px 0 10px;
+            min-height: 40px;
+
+            .bd-searchHint {
+                flex-grow: 1;
+                line-height: 40px;
+                color: #fff;
+            }
         }
 
         .bd-onlinePhBody {

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

@@ -29,6 +29,7 @@
             </div>
             <div v-else class="bd-onlinePh">
                 <div class="bd-onlinePhHeader">
+                    <div class="bd-searchHint">{{searchHint}}</div>
                     <div class="bd-fancySearch" :class="{'bd-disabled': loadingOnline, 'bd-active': loadingOnline || (onlineThemes && onlineThemes.docs)}">
                         <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
                     </div>
@@ -66,7 +67,8 @@
                 localThemes: ThemeManager.localThemes,
                 onlineThemes: null,
                 loadingOnline: false,
-                loadingMore: false
+                loadingMore: false,
+                searchHint: ''
             };
         },
         components: {
@@ -86,11 +88,14 @@
                 await this.ThemeManager.refreshThemes();
             },
             async refreshOnline() {
+                this.searchHint = '';
                 if (this.loadingOnline || this.loadingMore) return;
                 this.loadingOnline = true;
                 try {
                     const getThemes = await BdWebApi.themes.get();
                     this.onlineThemes = getThemes;
+                    if (!this.onlineThemes.docs) return;
+                    this.searchHint = `${this.onlineThemes.total} Results`;
                 } catch (err) {
                     Logger.err('ThemesView', err);
                 } finally {