Display total videos of channels

client/src/components/ChannelResult.vue

@@ -25,6 +25,10 @@
       <!-- eslint-enable -->
 
       <div class="metadata">
+        <div>
+          <label>{{ $ngettext('%{videosCount} video', '%{videosCount} videos', channel.videosCount, { videosCount: channel.videosCount }) }}</label>
+        </div>
+
         <div>
           <label>{{ $gettext('Channel created on platform') }}</label>
 

server/lib/elastic-search/elastic-search-channels.ts

@@ -38,6 +38,12 @@ async function queryChannels (search: ChannelsSearchQuery) {
     })
   }
 
+  mustNot.push({
+    term: {
+      videosCount: 0
+    }
+  })
+
   if (search.host) {
     filter.push({
       term: {
@@ -104,6 +110,8 @@ function formatChannelForAPI (c: DBChannel, fromHost?: string): EnhancedVideoCha
     support: c.support,
     isLocal: fromHost === c.host,
 
+    videosCount: c.videosCount || 0,
+
     ownerAccount: {
       id: c.ownerAccount.id,
       url: c.ownerAccount.url,

server/types/channel.model.ts

@@ -28,5 +28,7 @@ export interface DBChannelSummary extends VideoChannelSummary {
 
 // Results from the search API
 export interface EnhancedVideoChannel extends VideoChannel {
+  videosCount: number
+
   score: number
 }