From b8d949976ef15a3099a76626ca5a439d759c4675 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni"
 <konstantina.galouni@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 13 Jul 2020 22:22:23 +0000
Subject: [PATCH] [Trunk | Library]: newSearchPage.component.html: Show label
 "Filters" always in filters left column.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59099 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../searchUtils/newSearchPage.component.html  | 77 +------------------
 1 file changed, 4 insertions(+), 73 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 7c095fb0..e893a8de 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -78,9 +78,7 @@
   </div>
 </ng-template>
 <ng-template #filters_column>
-  <!--             let-dynamic_content="dynamic_content">-->
-  <div *ngIf="selectedRangeFilters+selectedFilters + selectedTypesNum  > 0"
-       class="uk-width-1-1 uk-margin-top  uk-margin-medium-bottom ">
+  <div class="uk-width-1-1 uk-margin-top  uk-margin-medium-bottom ">
     <div class="uk-grid uk-flex uk-flex-bottom">
       <h5 class="uk-text-bold">Filters</h5>
       <a *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum)>1" (click)="clearFilters()"
@@ -88,76 +86,9 @@
         Clear All
       </a>
     </div>
-    <ng-container *ngTemplateOutlet="selected_filters_pills; context: {}"></ng-container>
-    <!--<div class="uk-grid uk-grid-small uk-text-small" uk-grid>
-      <ng-container *ngIf="selectedTypesNum > 0 && resultTypes">
-        <ng-container *ngFor="let type of resultTypeOptions; let i = index;  let end = last; ">
-          <ng-container *ngIf="resultTypes[type.id] == true">
-         <span [title]="'Remove '+ type.name" (click)="removeResultType(type.id) ">
-            <span class="selectedFilterLabel ">
-              <a [class]="((disableForms)?'  uk-disabled':'  ')+' uk-link-text '">
-                <span class=" clickable" aria-hidden="true">
-                  <span class="uk-icon">
-                    <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close"
-                         ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path
-                        fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg>
-                  </span>
-                </span>
-                <span class="uk-margin-small-left">{{type.name}}</span>
-              </a>
-            </span>
-          </span>
-          </ng-container>
-        </ng-container>
-      </ng-container>
-      <ng-container *ngIf="selectedRangeFilters > 0">
-        <ng-container *ngFor="let filter of rangeFilters ">
-          <ng-container *ngIf="filter.selectedFromAndToValues">
-                        <span [title]="'Remove '+ filter.selectedFromAndToValues" (click)="removeRangeFilter(filter) ">
-                          <span class="selectedFilterLabel ">
-                            <a [class]="((disableForms)?'  uk-disabled':'  ')+' uk-link-text '">
-                              <span class=" clickable" aria-hidden="true">
-                                <span class="uk-icon">
-                                  <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
-                                       icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6"
-                                                                      d="M16,16 L4,4"></path><path fill="none"
-                                                                                                   stroke="#000"
-                                                                                                   stroke-width="1.6"
-                                                                                                   d="M16,4 L4,16"></path></svg>
-                                </span>
-                              </span>
-                              <span class="uk-margin-small-left">{{filter.selectedFromAndToValues}}</span>
-                            </a>
-                          </span>
-                        </span>
-          </ng-container>
-        </ng-container>
-      </ng-container>
-      <ng-container *ngFor="let filter of filters ">
-        <ng-container *ngIf="filter.countSelectedValues > 0">
-        <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; "
-              [title]="'Remove '+value.name" (click)="removeFilter(value, filter) ">
-                        &lt;!&ndash; if no grid on the div above, remove it and move class 'selectedFilterLabel' on top span &ndash;&gt;
-                        <span class="selectedFilterLabel ">
-                          <a [class]="((disableForms)?'  uk-disabled':'  ')+' uk-link-text '">
-                            <span class=" clickable" aria-hidden="true">
-                              <span class="uk-icon">
-                                <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
-                                     icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6"
-                                                                    d="M16,16 L4,4"></path><path fill="none"
-                                                                                                 stroke="#000"
-                                                                                                 stroke-width="1.6"
-                                                                                                 d="M16,4 L4,16"></path></svg>
-                              </span>
-                            </span>
-                            <span class="uk-margin-small-left"
-                                  [innerHtml]="(value.name.length > 34)?value.name.substring(0,34)+'...':value.name"></span>
-                          </a>
-                        </span>
-                      </span>
-        </ng-container>
-      </ng-container>
-    </div>-->
+    <div *ngIf="selectedRangeFilters+selectedFilters + selectedTypesNum  > 0" class="uk-margin-small-top">
+      <ng-container *ngTemplateOutlet="selected_filters_pills; context: {}"></ng-container>
+    </div>
   </div>
   <div *ngIf="filters.length === 0 && results.length > 0" class="uk-margin-top">
     <span class="uk-text-meta">No filters available</span>