open privacy info in user settings dialogue in new window

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / advanced-input-filter.component.html

diff --git a/client/src/app/shared/shared-forms/advanced-input-filter.component.html b/client/src/app/shared/shared-forms/advanced-input-filter.component.html
index 03c4f127bc859512dbd82c7684592b9d2f9117dd..7031cb53b1240f0b1c456675fbef257bfa0b9dc6 100644 (file)
--- a/client/src/app/shared/shared-forms/advanced-input-filter.component.html
+++ b/client/src/app/shared/shared-forms/advanced-input-filter.component.html
@@ -1,22 +1,28 @@
 <div class="input-group has-feedback has-clear">
-  <div class="input-group-prepend c-hand" ngbDropdown placement="bottom-left auto" container="body">
+  <div *ngIf="hasFilters()" class="input-group-prepend c-hand" ngbDropdown placement="bottom-left auto" container="body">
     <div class="input-group-text" ngbDropdownToggle>
       <span class="caret" aria-haspopup="menu" role="button"></span>
     </div>
 
     <div role="menu" ngbDropdownMenu>
-      <h6 class="dropdown-header" i18n>Advanced filters</h6>
+      <ng-container *ngFor="let group of filters">
+        <h6 class="dropdown-header">{{ group.title }}</h6>
 
-      <a *ngFor="let filter of filters" [routerLink]="[ '.' ]" [queryParams]="filter.queryParams" class="dropdown-item">
-        {{ filter.label }}
-      </a>
+        <button *ngFor="let filter of group.children" (click)="onFilterClick(filter)" class="dropdown-item">
+          <my-global-icon [ngClass]="{ 'no-visible': !isFilterEnabled(filter) }" iconName="tick"></my-global-icon>
 
+          {{ filter.label }}
+        </button>
+      </ng-container>
     </div>
   </div>
+
   <input
     type="text" name="table-filter" id="table-filter" i18n-placeholder placeholder="Filter..."
-    (keyup)="onSearch($event)"
+    [(ngModel)]="searchValue"
+    (keyup)="onInputSearch($event)"
   >
+
   <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="onResetTableFilter()"></a>
   <span class="sr-only" i18n>Clear filters</span>
 </div>