Remove some console logs. Fix selected filters alignment

src/app/monitor/monitor.component.html

@@ -1,24 +1,27 @@
 <ng-template #selected_filters_pills>
-  <div class=" uk-width-1-1" uk-slider="finite: true">
+  <div *ngIf="periodFilter.selectedFromAndToValues.length > 0 && filters.length > 0" class="uk-width-1-1" uk-slider="finite: true">
-    <div    class="uk-position-relative " >
+    <div class="uk-position-relative">
-      <div class="uk-slider-container ">
+      <div class="uk-slider-container">
-        <ul class=" uk-slider-items " style="flex-wrap: nowrap !important;" >
+        <ul class="uk-slider-items uk-grid-small uk-margin-small-right uk-flex-nowrap" uk-grid>
-           <li *ngIf="periodFilter.selectedFromAndToValues.length > 0" class="">
+          <li *ngIf="periodFilter.selectedFromAndToValues.length > 0">
             <span class="uk-label uk-label-primary uk-flex uk-flex-middle">
-              <span class="uk-margin-small-right uk-width-expand uk-text-truncate">{{periodFilter.selectedFromAndToValues}}</span>
+              <span
-              <button [class.uk-disabled]="loading" (click)="clearPeriodFilter()" class="uk-close uk-icon" [disabled]="loading">
+                  class="uk-margin-small-right uk-width-expand uk-text-truncate">{{periodFilter.selectedFromAndToValues}}</span>
+              <button [class.uk-disabled]="loading" (click)="clearPeriodFilter()" class="uk-close uk-icon"
+                      [disabled]="loading">
                 <icon name="close" flex="true" ratio="0.7"></icon>
               </button>
             </span>
           </li>
-          <ng-container *ngFor="let filter of filters ">
+          <ng-container *ngFor="let filter of filters">
             <ng-container *ngIf="filter.countSelectedValues > 0">
               <ng-container *ngFor="let value of filter.values; let i = index;">
                 <ng-container *ngIf="value.selected">
-                    <li class="">
+                  <li>
                     <span class="uk-label uk-label-primary uk-flex uk-flex-middle">
                       <span class="uk-margin-small-right uk-width-expand uk-text-truncate">{{value.name}}</span>
-                        <button [class.uk-disabled]="loading" (click)="clearFilterValue(filter, value)" class="uk-close uk-icon" [disabled]="loading">
+                      <button [class.uk-disabled]="loading" (click)="clearFilterValue(filter, value)"
+                              class="uk-close uk-icon" [disabled]="loading">
                         <icon name="close" flex="true" ratio="0.7"></icon>
                       </button>
                     </span>
@@ -29,7 +32,7 @@
           </ng-container>
         </ul>
       </div>
-      <div class="">
+      <div>
         <a class="uk-position-center-left-out" uk-slider-item="previous"><span uk-icon="chevron-left"></span></a>
         <a class="uk-position-center-right-out" uk-slider-item="next"><span uk-icon="chevron-right"></span></a>
       </div>
@@ -122,7 +125,8 @@
                       <span *ngIf="!numberResults.get(i + '-' + j)">--</span>
                     </div>
                     <!-- for printing only -->
-										<span *ngIf="numberResults.get(i + '-' + j)" class="uk-text-bold uk-hidden">{{numberResults.get(i + '-' + j) | number}}</span>
+                    <span *ngIf="numberResults.get(i + '-' + j)"
+                          class="uk-text-bold uk-hidden">{{numberResults.get(i + '-' + j) | number}}</span>
                     <!-- ----------------- -->
                     <div class="uk-text-uppercase uk-text-small uk-margin-top">{{indicator.name}}</div>
                   </div>
@@ -145,7 +149,8 @@
         <div [class.uk-margin-large-top]="countSectionsWithIndicatorsToShow(activeSubCategory.numbers) > 0">
           <ng-container *ngFor="let chart of activeSubCategory.charts; let i = index;">
             <div *ngIf="countIndicatorsToShow(chart.indicators) > 0"
-                 class="uk-grid uk-grid-column-medium uk-margin-medium-bottom uk-flex uk-flex-middle" uk-grid uk-height-match="target: .uk-card">
+                 class="uk-grid uk-grid-column-medium uk-margin-medium-bottom uk-flex uk-flex-middle" uk-grid
+                 uk-height-match="target: .uk-card">
               <h5 *ngIf="chart.title" class="uk-width-1-1 uk-margin-bottom">{{chart.title}}</h5>
               <ng-template ngFor [ngForOf]="chart.indicators" let-indicator let-j="index">
                 <div *ngIf="isPublicOrIsMember(indicator.visibility) && chartsActiveType.get(i + '-' + j)"
@@ -167,16 +172,20 @@
                       <div *ngIf="properties.environment === 'development'">
                         Filtered: {{chartsActiveType.get(i + '-' + j).filtersApplied}}  out of
                         {{countSelectedFilters()}}</div>
-                      <iframe *ngIf=" !properties.disableFrameLoad && chartsActiveType.get(i + '-' + j).source !== 'image'"
+                      <iframe
+                          *ngIf=" !properties.disableFrameLoad && chartsActiveType.get(i + '-' + j).source !== 'image'"
                           [src]="chartsActiveType.get(i + '-' + j).safeResourceUrl"
-                              class="uk-width-1-1 uk-blend-multiply" [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')"></iframe>
+                          class="uk-width-1-1 uk-blend-multiply"
+                          [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')"></iframe>
                       <div *ngIf="properties.disableFrameLoad && chartsActiveType.get(i + '-' + j).source !== 'image'">
-                        <img class="uk-width-1-1 uk-blend-multiply" [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')"
+                        <img class="uk-width-1-1 uk-blend-multiply"
+                             [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')"
                              src="assets/chart-placeholder.png">
                       </div>
                       <img *ngIf="chartsActiveType.get(i + '-' + j).source === 'image'"
                            [src]="chartsActiveType.get(i + '-' + j).safeResourceUrl"
-                           class="uk-width-1-1 uk-blend-multiply" [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')">
+                           class="uk-width-1-1 uk-blend-multiply"
+                           [ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')">
                     </div>
                     <div *ngIf="indicator.description || indicator.additionalDescription"
                          class="uk-position-bottom-left uk-margin-left uk-margin-small-bottom">
@@ -190,7 +199,8 @@
                     </div>
                     <div *ngIf="showDescriptionOverlay[j] && (indicator.description || indicator.additionalDescription)"
                          class="custom-description-overlay uk-card uk-card-default uk-flex uk-flex-middle uk-flex-center">
-											<div class="inner uk-padding-small" click-outside-or-esc (clickOutside)="closeDescriptionOverlay($event, j)">
+                      <div class="inner uk-padding-small" click-outside-or-esc
+                           (clickOutside)="closeDescriptionOverlay($event, j)">
                         <div class="uk-flex uk-flex-right">
                           <button class="uk-close uk-icon" (click)="toggleDescriptionOverlay($event, j)">
                             <icon name="close" ratio="1"></icon>
@@ -212,19 +222,21 @@
             </div>
           </ng-container>
         </div>
-        <div class="uk-margin-medium-top uk-flex hideInfo">
+        <div class="uk-margin-medium-top uk-text-small uk-flex hideInfo">
           <!-- Last Stats Date-->
           <div class="uk-width-2-3@m uk-width-1-2 graph">
             <icon name="graph" customClass="uk-text-primary"></icon>
-            <span class="uk-margin-small-left uk-text-baseline uk-text-muted">Powered by
+            <span class="uk-margin-small-left uk-text-baseline uk-text-meta">Powered by </span>
-              <a href="https://graph.openaire.eu" class="uk-link">OpenAIRE Research Graph</a></span>
+            <a href="https://graph.openaire.eu" class="graph">OpenAIRE Research Graph</a>
-            <span *ngIf="statsUpdateDate" class="uk-text-baseline uk-text-muted">
+            <span *ngIf="statsUpdateDate" class="uk-text-baseline uk-text-meta">
               . Last update of statistics in OpenAIRE: {{statsUpdateDate | date: 'MMM dd, yyyy'}}
             </span>
           </div>
           <!--Feedback-->
           <div class="uk-width-expand uk-text-right">
-            <span class="uk-text-muted">Send us your <a class="uk-link" [href]="feedback" target="_self">feedback</a>.</span>
+            <span class="uk-text-meta">Send us your </span>
+            <a class="uk-link" [href]="feedback" target="_self">feedback</a>
+            <span class="uk-text-meta">.</span>
           </div>
         </div>
       </ng-template>

src/app/monitor/monitor.component.ts

@@ -112,7 +112,6 @@ export class MonitorComponent implements OnInit, OnDestroy {
     }
     this.keyword = this._fb.control('');
     this.subscriptions.push(this.keyword.valueChanges.subscribe(value => {
-      console.log("Keyword Changed!");
       //TODO do a real action
     }));
     let subscription: Subscription;

src/app/openaireLibrary

@@ -1 +1 @@
-Subproject commit 8559aa439f68090de4dc6934e351424928d18894
+Subproject commit 0168c5e8946570b7e9b4f585217fc31354546295

src/app/topic/indicators.component.ts

@@ -1269,7 +1269,6 @@ export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterV
       this.editing = false;
       this.importLoading = false;
     } else if (indicators.length > 0) {
-      console.log(indicators);
       this.saveIndicators(indicators)
     }
     if (indicators.length == 0) {

src/assets/common-assets

@@ -1 +1 @@
-Subproject commit 29bdacee147bbf1bd28957457221d20969bd3f44
+Subproject commit e322594022feefa0c1900e65620311225e51b17f

src/assets/openaire-theme

@@ -1 +1 @@
-Subproject commit d45f01647f43b9e729bfc7adb3d639a8f2364995
+Subproject commit ffffa5d8e2dcb01ce8c8b89d33e19bb626c29c37