Use new plugin index sort and recommended tags

client/src/app/+admin/plugins/plugin-search/plugin-search.component.html

@@ -34,9 +34,13 @@
       <div ngProjectAs="badges">
         <span i18n *ngIf="plugin.installed" class="pt-badge badge-success">Installed</span>
 
-        <span *ngIf="plugin.official" class="pt-badge badge-primary" i18n i18n-title title="This plugin is developed by Framasoft">
+        <span *ngIf="plugin.official" class="pt-badge badge-primary" i18n i18n-title title="This plugin is developed by Framasoft, the not-for-profit that develops PeerTube">
           Official
         </span>
+
+        <span *ngIf="plugin.recommended" class="pt-badge badge-primary" i18n i18n-title title="This plugin is recommended by Framasoft, the not-for-profit that develops PeerTube">
+          Recommended
+        </span>
       </div>
 
       <div ngProjectAs="buttons">

client/src/app/+admin/plugins/plugin-search/plugin-search.component.ts

@@ -20,7 +20,7 @@ export class PluginSearchComponent implements OnInit {
     itemsPerPage: 10,
     totalItems: null
   }
-  sort = '-popularity'
+  sort = '-trending'
 
   search = ''
   isSearching = false

packages/models/src/plugins/plugin-index/peertube-plugin-index.model.ts

@@ -10,6 +10,7 @@ export interface PeerTubePluginIndex {
   latestVersion: string
 
   official: boolean
+  recommended: boolean
 
   name?: string
   installed?: boolean

server/core/initializers/constants.ts

@@ -124,7 +124,7 @@ const SORTABLE_COLUMNS = {
 
   PLUGINS: [ 'name', 'createdAt', 'updatedAt' ],
 
-  AVAILABLE_PLUGINS: [ 'npmName', 'popularity' ],
+  AVAILABLE_PLUGINS: [ 'npmName', 'popularity', 'trending' ],
 
   VIDEO_REDUNDANCIES: [ 'name' ]
 }