use focus-visible polyfill to improve keyboard navigation

[github/Chocobozzz/PeerTube.git] / client / src / app / search / search-filters.component.html

diff --git a/client/src/app/search/search-filters.component.html b/client/src/app/search/search-filters.component.html
index f8b3675e51650ea640fd7727378f12b9ead1ea4b..74bb781f4f52bc99f9561e7a1777294b9fe11e40 100644 (file)
--- a/client/src/app/search/search-filters.component.html
+++ b/client/src/app/search/search-filters.component.html
@@ -2,6 +2,15 @@
 
   <div class="row">
     <div class="col-lg-4 col-md-6 col-xs-12">
+      <div class="form-group">
+        <div i18n class="radio-label">Sort</div>
+
+        <div class="peertube-radio-container" *ngFor="let sort of sorts">
+          <input type="radio" name="sort" [id]="sort.id" [value]="sort.id" [(ngModel)]="advancedSearch.sort">
+          <label [for]="sort.id" class="radio">{{ sort.label }}</label>
+        </div>
+      </div>
+
       <div class="form-group">
         <div i18n class="radio-label">Published date</div>